:root,[data-theme=dark]{--bg-base: #0c0e14;--bg-surface: #12151e;--bg-card: #181c28;--bg-card-hover: #1e2233;--bg-elevated: #222840;--border: rgba(255, 255, 255, .06);--border-strong: rgba(255, 255, 255, .1);--text: #e8e9ed;--text-secondary: #9498a8;--text-muted: #5c6178;--gold: #c9a96e;--gold-dim: rgba(201, 169, 110, .15);--gold-glow: rgba(201, 169, 110, .08);--success: #3dd68c;--success-dim: rgba(61, 214, 140, .12);--warning: #f0b429;--warning-dim: rgba(240, 180, 41, .12);--danger: #e5484d;--danger-dim: rgba(229, 72, 77, .12);--info: #5b9bf0;--info-dim: rgba(91, 155, 240, .12);--shadow-sm: 0 1px 2px rgba(0,0,0,.3);--shadow-md: 0 4px 12px rgba(0,0,0,.3);--shadow-lg: 0 8px 32px rgba(0,0,0,.4);--sidebar-bg: #0e1019;--sidebar-active-bg: rgba(201, 169, 110, .08);--sidebar-active-border: var(--gold);--input-bg: rgba(255, 255, 255, .03);--table-header-bg: rgba(255, 255, 255, .02);--table-stripe: rgba(255, 255, 255, .015);--scrollbar-thumb: rgba(255, 255, 255, .08)}[data-theme=light]{--bg-base: #f5f3ef;--bg-surface: #faf9f7;--bg-card: #ffffff;--bg-card-hover: #f8f7f5;--bg-elevated: #ffffff;--border: rgba(0, 0, 0, .07);--border-strong: rgba(0, 0, 0, .12);--text: #1a1c23;--text-secondary: #6b7084;--text-muted: #a0a4b4;--gold: #9a7d4e;--gold-dim: rgba(154, 125, 78, .1);--gold-glow: rgba(154, 125, 78, .05);--success: #1a9a5c;--success-dim: rgba(26, 154, 92, .08);--warning: #c48a1a;--warning-dim: rgba(196, 138, 26, .08);--danger: #cd2b31;--danger-dim: rgba(205, 43, 49, .08);--info: #3b7dd8;--info-dim: rgba(59, 125, 216, .08);--shadow-sm: 0 1px 2px rgba(0,0,0,.05);--shadow-md: 0 4px 12px rgba(0,0,0,.06);--shadow-lg: 0 8px 32px rgba(0,0,0,.08);--sidebar-bg: #1a1c23;--sidebar-active-bg: rgba(201, 169, 110, .12);--sidebar-active-border: #c9a96e;--input-bg: rgba(0, 0, 0, .02);--table-header-bg: rgba(0, 0, 0, .02);--table-stripe: rgba(0, 0, 0, .015);--scrollbar-thumb: rgba(0, 0, 0, .1)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}body{font-family:DM Sans,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--bg-base);color:var(--text);line-height:1.55;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px}.page-header h1,.page-header h2{font-size:20px;font-weight:600;letter-spacing:-.2px;color:var(--text)}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:10px;padding:22px 24px;margin-bottom:16px;box-shadow:var(--shadow-sm)}.card-title{font-size:11px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:1.2px;margin-bottom:14px}.stat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px;margin-bottom:28px}.stat-card{background:var(--bg-card);border:1px solid var(--border);border-radius:10px;padding:20px 22px;box-shadow:var(--shadow-sm);transition:border-color .2s}.stat-card:hover{border-color:var(--border-strong)}.stat-card .label{font-size:11px;color:var(--text-muted);margin-bottom:6px;text-transform:uppercase;letter-spacing:.8px;font-weight:500}.stat-card .value{font-size:28px;font-weight:700;font-family:JetBrains Mono,monospace;letter-spacing:-.5px}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:11px 14px;border-bottom:1px solid var(--border);font-size:13px}th{color:var(--text-muted);font-weight:500;font-size:10.5px;text-transform:uppercase;letter-spacing:1px;background:var(--table-header-bg);position:sticky;top:0}tbody tr{transition:background .1s}tbody tr:hover td{background:var(--bg-card-hover)}tbody tr:nth-child(2n) td{background:var(--table-stripe)}tbody tr:nth-child(2n):hover td{background:var(--bg-card-hover)}.text-right{text-align:right}.btn{display:inline-flex;align-items:center;gap:6px;padding:8px 18px;border:none;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .15s;font-family:inherit;letter-spacing:.1px}.btn-primary{background:linear-gradient(135deg,var(--gold),#a8873f);color:#fff;box-shadow:0 2px 8px #c9a96e33}.btn-primary:hover{box-shadow:0 4px 16px #c9a96e4d;transform:translateY(-.5px)}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover{background:#c92a2f}.btn-ghost{background:transparent;color:var(--text-secondary);border:1px solid var(--border-strong)}.btn-ghost:hover{color:var(--text);background:var(--bg-card-hover);border-color:var(--text-muted)}.btn-sm{padding:5px 12px;font-size:12px}.badge{display:inline-block;padding:3px 10px;border-radius:20px;font-size:11px;font-weight:600;letter-spacing:.2px}.badge-success{background:var(--success-dim);color:var(--success)}.badge-warning{background:var(--warning-dim);color:var(--warning)}.badge-danger{background:var(--danger-dim);color:var(--danger)}.badge-primary{background:var(--gold-dim);color:var(--gold)}input,select,textarea{background:var(--input-bg);border:1px solid var(--border-strong);border-radius:6px;padding:9px 14px;color:var(--text);font-size:13.5px;font-family:inherit;width:100%;transition:border-color .15s,box-shadow .15s}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 3px var(--gold-glow)}input::placeholder,textarea::placeholder{color:var(--text-muted)}select option{background:var(--bg-card);color:var(--text)}.form-group{margin-bottom:18px}.form-group label{display:block;font-size:11px;font-weight:600;color:var(--text-muted);margin-bottom:6px;text-transform:uppercase;letter-spacing:.8px}.search-bar{display:flex;gap:8px;margin-bottom:20px}.search-bar input{flex:1;max-width:360px}.pagination{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:20px}.pagination button{padding:6px 14px;background:var(--bg-card);border:1px solid var(--border);border-radius:6px;color:var(--text);cursor:pointer;font-size:12px;font-family:inherit;transition:all .15s}.pagination button:hover{background:var(--bg-card-hover)}.pagination button:disabled{opacity:.3;cursor:not-allowed}.pagination span{font-size:12px;color:var(--text-muted)}.loading{display:flex;align-items:center;justify-content:center;padding:60px;color:var(--text-muted);font-size:13px;letter-spacing:.3px}.error-msg{padding:12px 16px;background:var(--danger-dim);border:1px solid rgba(229,72,77,.2);border-radius:8px;color:var(--danger);font-size:13px;margin-bottom:16px}.success-msg{padding:12px 16px;background:var(--success-dim);border:1px solid rgba(61,214,140,.2);border-radius:8px;color:var(--success);font-size:13px;margin-bottom:16px}.modal-backdrop{position:fixed;inset:0;background:#000000a6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:100}.modal{background:var(--bg-card);border:1px solid var(--border-strong);border-radius:12px;padding:28px;min-width:420px;max-width:520px;box-shadow:var(--shadow-lg)}.modal h3{margin-bottom:18px;font-size:17px;font-weight:600;letter-spacing:-.1px}.modal-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:24px}a.link,.link{color:var(--gold);text-decoration:none;transition:color .15s}a.link:hover,.link:hover{color:var(--text);text-decoration:underline}.clickable{cursor:pointer}.flex{display:flex}.items-center{align-items:center}.gap-2{gap:8px}.gap-3{gap:12px}.ml-auto{margin-left:auto}.mt-4{margin-top:16px}.mb-4{margin-bottom:16px}.text-dim{color:var(--text-muted)}.text-sm{font-size:12px}.back-link{color:var(--text-muted);text-decoration:none;font-size:12px;margin-bottom:18px;display:inline-flex;align-items:center;gap:4px;letter-spacing:.2px;transition:color .15s}.back-link:hover{color:var(--gold)}.mono{font-family:JetBrains Mono,monospace}.label-col.svelte-2n51c8{width:180px}.role-grid.svelte-2n51c8{display:flex;gap:8px;flex-wrap:wrap}.role-option.svelte-2n51c8{display:flex;align-items:center;gap:6px;padding:8px 14px;border:1px solid var(--border);border-radius:6px;cursor:pointer;-webkit-user-select:none;user-select:none;transition:all .15s}.role-option.svelte-2n51c8:hover{border-color:var(--primary)}.role-selected.svelte-2n51c8{background:var(--primary);color:#fff;border-color:var(--primary)}.role-option.svelte-2n51c8 input[type=checkbox]:where(.svelte-2n51c8){display:none}.profile-form.svelte-2n51c8{max-width:700px}.form-row.svelte-2n51c8{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:4px}.profile-form.svelte-2n51c8 .form-group:where(.svelte-2n51c8){margin-bottom:8px}.profile-form.svelte-2n51c8 textarea:where(.svelte-2n51c8){width:100%;resize:vertical;padding:8px 10px;border:1px solid var(--border);border-radius:4px;font-family:inherit;font-size:inherit}.profile-form.svelte-2n51c8 select:where(.svelte-2n51c8){width:100%;padding:8px 10px;border:1px solid var(--border);border-radius:4px;font-family:inherit;font-size:inherit;background:var(--bg, white)}@media(max-width:600px){.form-row.svelte-2n51c8{grid-template-columns:1fr}}.check-result.svelte-2n51c8{margin:8px 0 0;font-size:14px;font-weight:500}.check-ok.svelte-2n51c8{color:#22c55e}.check-fail.svelte-2n51c8{color:#ef4444}.info-cards.svelte-1as3xdo{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:24px}.info-card.svelte-1as3xdo{background:var(--bg-card, #fff);border:1px solid var(--border);border-radius:10px;padding:16px 20px}.info-label.svelte-1as3xdo{font-size:12px;color:var(--text-dim, #888);text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px}.info-value.svelte-1as3xdo{font-size:18px;font-weight:600}.info-sub.svelte-1as3xdo{font-size:13px;color:var(--text-dim, #888);margin-top:2px}.empty-state.svelte-1as3xdo{text-align:center;padding:40px 20px;color:var(--text-dim, #888)}.empty-icon.svelte-1as3xdo{font-size:48px;margin-bottom:12px}.member-name.svelte-1as3xdo{display:flex;align-items:center;gap:8px}.leader-badge.svelte-1as3xdo{display:inline-block;background:#eab30826;color:#ca8a04;font-size:11px;font-weight:600;padding:2px 8px;border-radius:4px;text-transform:uppercase;letter-spacing:.3px}.leader-row.svelte-1as3xdo{background:#eab3080a}.role-badges.svelte-1as3xdo{display:flex;flex-wrap:wrap;gap:4px}.role-badge.svelte-1as3xdo{display:inline-block;font-size:11px;font-weight:500;padding:2px 8px;border-radius:4px}.role-admin.svelte-1as3xdo{background:#ef44441a;color:#ef4444}.role-broker.svelte-1as3xdo{background:#22c55e1a;color:#16a34a}.role-groupleader.svelte-1as3xdo{background:#a855f71a;color:#a855f7}.role-user.svelte-1as3xdo{background:#3b82f61a;color:#3b82f6}.role-viewer.svelte-1as3xdo{background:#9ca3af1a;color:#9ca3af}.role-inactive.svelte-1as3xdo{background:#ef44441a;color:#ef4444}.link.svelte-1as3xdo{color:var(--primary);text-decoration:none}.link.svelte-1as3xdo:hover{text-decoration:underline}.search-results.svelte-1as3xdo{max-height:300px;overflow-y:auto;border:1px solid var(--border);border-radius:8px;margin-bottom:16px}.search-item.svelte-1as3xdo{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-bottom:1px solid var(--border)}.search-item.svelte-1as3xdo:last-child{border-bottom:none}.search-item.svelte-1as3xdo:hover{background:var(--bg-hover, rgba(0,0,0,.02))}.search-item-email.svelte-1as3xdo{font-weight:500}.search-item-name.svelte-1as3xdo{font-size:13px;color:var(--text-dim, #888);margin-top:2px}.search-item-roles.svelte-1as3xdo{display:flex;gap:4px;margin-top:4px}.btn-xs.svelte-1as3xdo{font-size:12px;padding:4px 10px}.count-badge.svelte-149qnsf{font-size:12px;color:var(--text-muted);background:var(--gold-dim);color:var(--gold);padding:4px 12px;border-radius:20px;font-weight:500}.filter-card.svelte-149qnsf{padding:18px 22px}.filter-row.svelte-149qnsf{display:flex;gap:16px;align-items:flex-end;flex-wrap:wrap}.f-group.svelte-149qnsf{display:flex;flex-direction:column;gap:5px}.f-group.svelte-149qnsf label:where(.svelte-149qnsf){font-size:10px;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;font-weight:600}.f-group.svelte-149qnsf select:where(.svelte-149qnsf),.f-group.svelte-149qnsf input[type=date]:where(.svelte-149qnsf){min-width:150px;width:auto;padding:7px 12px;font-size:13px}.f-group.svelte-149qnsf input[type=date]:where(.svelte-149qnsf)::-webkit-calendar-picker-indicator{filter:invert(.6)}.clear-btn.svelte-149qnsf{align-self:flex-end}.table-card.svelte-149qnsf{padding:0;overflow-x:auto}.table-card.svelte-149qnsf table:where(.svelte-149qnsf){min-width:1000px}.cell-time.svelte-149qnsf{font-size:12px;white-space:nowrap;color:var(--text-muted)}.cell-currency.svelte-149qnsf{font-weight:600;font-size:12px}.cell-amount.svelte-149qnsf{font-size:14px;font-weight:600;white-space:nowrap}.amt-up.svelte-149qnsf{color:var(--success)}.amt-down.svelte-149qnsf{color:var(--danger)}.cell-approver.svelte-149qnsf{font-size:12px;color:var(--text-secondary);max-width:180px;overflow:hidden;text-overflow:ellipsis}.cell-remarks.svelte-149qnsf{font-size:12px;color:var(--text-secondary);max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pill.svelte-149qnsf{display:inline-block;padding:3px 10px;border-radius:20px;font-size:11px;font-weight:600;white-space:nowrap;letter-spacing:.2px}.pill-green.svelte-149qnsf{background:var(--success-dim);color:var(--success)}.pill-red.svelte-149qnsf{background:var(--danger-dim);color:var(--danger)}.pill-yellow.svelte-149qnsf{background:var(--warning-dim);color:var(--warning)}.empty.svelte-149qnsf{text-align:center;padding:60px;color:var(--text-muted);font-size:13px}.pager.svelte-149qnsf{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:16px}.login-page.svelte-1428x5h{display:flex;align-items:center;justify-content:center;min-height:100vh;background:#0c0e14;position:relative;overflow:hidden}.login-bg.svelte-1428x5h{position:absolute;inset:0;pointer-events:none}.bg-orb.svelte-1428x5h{position:absolute;border-radius:50%;filter:blur(100px)}.orb-1.svelte-1428x5h{width:500px;height:500px;background:#c9a96e14;top:-150px;right:-100px}.orb-2.svelte-1428x5h{width:400px;height:400px;background:#c9a96e0d;bottom:-100px;left:-100px}.login-card.svelte-1428x5h{width:100%;max-width:380px;padding:48px 40px;background:#181c28cc;border:1px solid rgba(255,255,255,.06);border-radius:16px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 20px 60px #00000080;position:relative;z-index:1}.brand.svelte-1428x5h{text-align:center;margin-bottom:40px}.brand-mark.svelte-1428x5h{width:52px;height:52px;margin:0 auto 16px;background:linear-gradient(135deg,#c9a96e,#8a6d3b);border-radius:14px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:22px;font-weight:700;letter-spacing:0;box-shadow:0 8px 24px #c9a96e33}.brand.svelte-1428x5h h1:where(.svelte-1428x5h){font-size:16px;font-weight:700;color:#c9a96e;letter-spacing:3px;margin:0}.brand.svelte-1428x5h p:where(.svelte-1428x5h){font-size:11px;color:#ffffff4d;margin-top:4px;letter-spacing:1px;text-transform:uppercase}.field.svelte-1428x5h{margin-bottom:20px}.field.svelte-1428x5h label:where(.svelte-1428x5h){display:block;font-size:11px;font-weight:600;color:#fff6;margin-bottom:6px;text-transform:uppercase;letter-spacing:1px}.field.svelte-1428x5h input:where(.svelte-1428x5h){width:100%;padding:12px 16px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:8px;color:#fff;font-size:14px;font-family:inherit;transition:all .15s}.field.svelte-1428x5h input:where(.svelte-1428x5h):focus{outline:none;border-color:#c9a96e66;box-shadow:0 0 0 3px #c9a96e14}.field.svelte-1428x5h input:where(.svelte-1428x5h)::placeholder{color:#fff3}.error.svelte-1428x5h{padding:10px 14px;background:#e5484d1a;border:1px solid rgba(229,72,77,.2);border-radius:8px;color:#e5484d;font-size:13px;margin-bottom:20px}.login-btn.svelte-1428x5h{width:100%;padding:13px;background:linear-gradient(135deg,#c9a96e,#8a6d3b);border:none;border-radius:8px;color:#fff;font-size:14px;font-weight:600;font-family:inherit;cursor:pointer;transition:all .2s;letter-spacing:.5px;box-shadow:0 4px 16px #c9a96e33}.login-btn.svelte-1428x5h:hover:not(:disabled){box-shadow:0 6px 24px #c9a96e4d;transform:translateY(-1px)}.login-btn.svelte-1428x5h:disabled{opacity:.5;cursor:not-allowed}.footer.svelte-1428x5h{text-align:center;font-size:11px;color:#ffffff26;margin-top:32px;letter-spacing:.5px}.shell.svelte-1n46o8q{display:grid;grid-template-columns:250px 1fr;grid-template-rows:56px 1fr;min-height:100vh;transition:grid-template-columns .2s ease}.shell.collapsed.svelte-1n46o8q{grid-template-columns:68px 1fr}.sidebar.svelte-1n46o8q{grid-row:1 / -1;grid-column:1;background:var(--sidebar-bg);border-right:1px solid rgba(255,255,255,.06);display:flex;flex-direction:column;position:fixed;top:0;left:0;bottom:0;width:250px;z-index:20;transition:width .2s ease}.collapsed.svelte-1n46o8q .sidebar:where(.svelte-1n46o8q){width:68px}.sidebar-head.svelte-1n46o8q{display:flex;align-items:center;gap:12px;padding:20px 18px;border-bottom:1px solid rgba(255,255,255,.06)}.logo-mark.svelte-1n46o8q{width:34px;height:34px;background:linear-gradient(135deg,#c9a96e,#8a6d3b);border-radius:9px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:16px;font-weight:700;flex-shrink:0;box-shadow:0 4px 12px #c9a96e33}.logo-text.svelte-1n46o8q{display:flex;flex-direction:column;overflow:hidden}.logo-name.svelte-1n46o8q{font-size:13px;font-weight:700;color:#c9a96e;letter-spacing:2px}.logo-sub.svelte-1n46o8q{font-size:10px;color:#ffffff4d;letter-spacing:.5px}.nav.svelte-1n46o8q{flex:1;overflow-y:auto;padding:8px 0}.nav-section.svelte-1n46o8q{margin-bottom:4px}.nav-label.svelte-1n46o8q{display:block;font-size:9.5px;font-weight:600;color:#fff3;text-transform:uppercase;letter-spacing:1.5px;padding:14px 20px 6px}.nav.svelte-1n46o8q a:where(.svelte-1n46o8q){display:flex;align-items:center;gap:11px;padding:9px 20px;color:#fff6;text-decoration:none;font-size:13px;font-weight:400;transition:all .12s;border-left:2px solid transparent;margin:1px 0}.collapsed.svelte-1n46o8q .nav:where(.svelte-1n46o8q) a:where(.svelte-1n46o8q){justify-content:center;padding:10px 0}.nav.svelte-1n46o8q a:where(.svelte-1n46o8q) svg:where(.svelte-1n46o8q){width:18px;height:18px;flex-shrink:0;opacity:.6}.nav.svelte-1n46o8q a:where(.svelte-1n46o8q):hover{color:#fffc;background:#ffffff0a}.nav.svelte-1n46o8q a:where(.svelte-1n46o8q):hover svg:where(.svelte-1n46o8q){opacity:.9}.nav.svelte-1n46o8q a.active:where(.svelte-1n46o8q){color:#c9a96e;background:#c9a96e14;border-left-color:#c9a96e;font-weight:500}.nav.svelte-1n46o8q a.active:where(.svelte-1n46o8q) svg:where(.svelte-1n46o8q){opacity:1;color:#c9a96e}.sidebar-foot.svelte-1n46o8q{padding:14px;border-top:1px solid rgba(255,255,255,.06)}.user-block.svelte-1n46o8q{display:flex;align-items:center;gap:10px;margin-bottom:12px;padding:0 4px}.user-avatar.svelte-1n46o8q{width:32px;height:32px;background:linear-gradient(135deg,#c9a96e4d,#c9a96e1a);border:1px solid rgba(201,169,110,.2);border-radius:8px;display:flex;align-items:center;justify-content:center;color:#c9a96e;font-size:13px;font-weight:600;flex-shrink:0}.user-avatar.small.svelte-1n46o8q{margin:0 auto 12px}.user-meta.svelte-1n46o8q{display:flex;flex-direction:column;overflow:hidden}.user-email.svelte-1n46o8q{font-size:11.5px;color:#ffffffb3;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-role.svelte-1n46o8q{font-size:10px;color:#ffffff40;text-transform:uppercase;letter-spacing:.5px}.sidebar-actions.svelte-1n46o8q{display:flex;gap:4px}.collapsed.svelte-1n46o8q .sidebar-actions:where(.svelte-1n46o8q){flex-direction:column}.sidebar-action-btn.svelte-1n46o8q{flex:1;padding:7px;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:6px;color:#ffffff59;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .12s}.sidebar-action-btn.svelte-1n46o8q svg:where(.svelte-1n46o8q){width:15px;height:15px}.sidebar-action-btn.svelte-1n46o8q:hover{background:#ffffff0f;color:#ffffffb3}.sidebar-action-btn.logout.svelte-1n46o8q:hover{color:#e5484d;background:#e5484d14;border-color:#e5484d26}.topbar.svelte-1n46o8q{grid-column:2;grid-row:1;display:flex;align-items:center;justify-content:space-between;padding:0 40px;background:var(--bg-surface);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:10}.topbar-title.svelte-1n46o8q{font-size:15px;font-weight:600;color:var(--text);letter-spacing:-.1px}.topbar-right.svelte-1n46o8q{display:flex;align-items:center;gap:10px}.topbar-greeting.svelte-1n46o8q{font-size:12px;color:var(--text-muted);letter-spacing:.2px}.topbar-dot.svelte-1n46o8q{width:7px;height:7px;background:var(--success);border-radius:50%;box-shadow:0 0 6px #3dd68c66}.main.svelte-1n46o8q{grid-column:2;grid-row:2;padding:28px 40px;min-width:0;overflow-y:auto}