:root{--sp-0: 0;--sp-1: .25rem;--sp-2: .5rem;--sp-3: .75rem;--sp-4: 1rem;--sp-5: 1.25rem;--sp-6: 1.5rem;--sp-8: 2rem;--sp-10: 2.5rem;--sp-12: 3rem;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", "SFMono-Regular", "Menlo", "Consolas", monospace;--text-xs: .7rem;--text-sm: .8rem;--text-base: .9rem;--text-lg: 1rem;--text-xl: 1.15rem;--text-2xl: 1.4rem;--text-3xl: 1.75rem;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--r-sm: 6px;--r-md: 10px;--r-lg: 14px;--r-xl: 20px;--r-full: 9999px;--shadow-xs: 0 1px 2px rgba(0,0,0,.04);--shadow-sm: 0 1px 3px rgba(0,0,0,.06), 0 1px 2px rgba(0,0,0,.04);--shadow-md: 0 4px 12px rgba(0,0,0,.08), 0 2px 4px rgba(0,0,0,.04);--shadow-lg: 0 8px 24px rgba(0,0,0,.12), 0 4px 8px rgba(0,0,0,.04);--shadow-glow: 0 0 24px var(--accent-muted);--shadow-glow-sm: 0 0 12px var(--accent-muted);--tr-fast: .12s ease;--tr-base: .2s ease;--tr-slow: .35s cubic-bezier(.4, 0, .2, 1);--tr-spring: .4s cubic-bezier(.34, 1.56, .64, 1);--z-base: 0;--z-dropdown: 50;--z-sticky: 100;--z-overlay: 200;--z-modal: 300;--z-toast: 400;--z-tooltip: 500;--sidebar-w: 240px;--sidebar-w-collapsed: 68px;--topbar-h: 56px;--page-max-w: 1400px;--table-row-h: 38px}:root,[data-theme=light]{--bg-canvas: #ffffff;--bg-surface: #ffffff;--bg-elevated: #fafbfc;--bg-card: #ffffff;--bg-hover: #f4f5f7;--bg-input: #f8f9fa;--bg-active: #eef0f3;--text-1: #1e293b;--text-2: #475569;--text-3: #94a3b8;--text-inverse: #ffffff;--accent: #4f46e5;--accent-hover: #4338ca;--accent-muted: rgba(79,70,229,.06);--accent-text: #ffffff;--accent-glow: rgba(79,70,229,.08);--success: #059669;--success-muted: rgba(5,150,105,.06);--success-text: #047857;--danger: #dc2626;--danger-muted: rgba(220,38,38,.06);--danger-text: #b91c1c;--warning: #d97706;--warning-muted: rgba(217,119,6,.06);--warning-text: #b45309;--info: #2563eb;--info-muted: rgba(37,99,235,.06);--info-text: #1d4ed8;--border: #e2e8f0;--border-strong: #cbd5e1;--border-accent: rgba(79,70,229,.15);--grid-line: rgba(0,0,0,.025);--scrollbar-track: #f8f9fa;--scrollbar-thumb: #cbd5e1;--scrollbar-thumb-hover: #94a3b8}[data-theme=dark]{--bg-canvas: #050810;--bg-surface: #0b1017;--bg-elevated: #111827;--bg-card: #0d1420;--bg-hover: #151e2c;--bg-input: #141b28;--bg-active: #1a2434;--text-1: #e8ecf4;--text-2: #9ba3b5;--text-3: #4e5869;--text-inverse: #050810;--accent: #22d3ee;--accent-hover: #06b6d4;--accent-muted: rgba(34,211,238,.1);--accent-text: #050810;--accent-glow: rgba(34,211,238,.06);--success: #34d399;--success-muted: rgba(52,211,153,.1);--success-text: #a7f3d0;--danger: #f87171;--danger-muted: rgba(248,113,113,.1);--danger-text: #fca5a5;--warning: #fbbf24;--warning-muted: rgba(251,191,36,.1);--warning-text: #fde68a;--info: #818cf8;--info-muted: rgba(129,140,248,.1);--info-text: #c7d2fe;--border: rgba(255,255,255,.06);--border-strong: rgba(255,255,255,.12);--border-accent: rgba(34,211,238,.25);--grid-line: rgba(255,255,255,.03);--scrollbar-track: #0b1017;--scrollbar-thumb: #1e2a3a;--scrollbar-thumb-hover: #2a3a50}*,*:before,*:after{box-sizing:border-box}html{font-size:15px}html,body{margin:0;padding:0;height:100%;font-family:var(--font-sans);background:var(--bg-canvas);color:var(--text-1);transition:background var(--tr-base),color var(--tr-base)}#root{min-height:100%}a{color:var(--accent);text-decoration:none}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--scrollbar-track)}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:-1;background:radial-gradient(ellipse 70% 50% at 15% 0%,var(--accent-glow) 0%,transparent 55%),radial-gradient(ellipse 60% 45% at 85% 100%,var(--info-muted) 0%,transparent 55%),radial-gradient(ellipse 40% 30% at 50% 50%,var(--accent-glow) 0%,transparent 60%),linear-gradient(var(--grid-line) 1px,transparent 1px),linear-gradient(90deg,var(--grid-line) 1px,transparent 1px);background-size:100% 100%,100% 100%,100% 100%,40px 40px,40px 40px}button{cursor:pointer;font-family:inherit;border:none;border-radius:var(--r-md);padding:.4rem .85rem;font-weight:var(--font-semibold);font-size:var(--text-sm);line-height:1.4;color:var(--accent-text);background:linear-gradient(135deg,var(--accent),var(--accent-hover));box-shadow:var(--shadow-sm),inset 0 1px #ffffff1f;transition:filter var(--tr-fast),transform 80ms ease,box-shadow var(--tr-fast)}button:hover{filter:brightness(1.1);box-shadow:var(--shadow-md),inset 0 1px #ffffff1f}button:active{transform:translateY(1px)}button:disabled{opacity:.45;cursor:not-allowed;filter:none;box-shadow:none}button.secondary{background:transparent;color:var(--text-1);border:1px solid var(--border);box-shadow:none}button.secondary:hover{background:var(--bg-hover);border-color:var(--border-strong)}button.danger{background:linear-gradient(135deg,var(--danger),#be123c);color:#fff}button.ghost{background:transparent;color:var(--text-2);border:none;box-shadow:none;padding:.25rem .5rem}button.ghost:hover{background:var(--bg-hover);color:var(--text-1)}button.sm{padding:.2rem .5rem;font-size:var(--text-xs);border-radius:var(--r-sm)}button.lg{padding:.6rem 1.2rem;font-size:var(--text-base)}input[type=text],input[type=password],input[type=number],input[type=date],input[type=datetime-local],input[type=time],select,textarea{width:100%;padding:.55rem .75rem;border:1px solid var(--border);border-radius:var(--r-md);background:var(--bg-input);color:var(--text-1);font-size:var(--text-base);font-family:inherit;outline:none;transition:border-color var(--tr-fast),box-shadow var(--tr-fast)}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-muted)}input::placeholder{color:var(--text-3)}input[type=checkbox]{width:1.1rem;height:1.1rem;accent-color:var(--accent);cursor:pointer}input[type=date]::-webkit-calendar-picker-indicator,input[type=datetime-local]::-webkit-calendar-picker-indicator{filter:invert(.7);cursor:pointer}[data-theme=light] input[type=date]::-webkit-calendar-picker-indicator,[data-theme=light] input[type=datetime-local]::-webkit-calendar-picker-indicator{filter:none}label{display:block;margin-bottom:var(--sp-1);color:var(--text-2);font-size:var(--text-sm);font-weight:var(--font-medium)}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-lg);padding:var(--sp-4);box-shadow:var(--shadow-sm),inset 0 1px #ffffff0a;transition:border-color var(--tr-base),box-shadow var(--tr-base);position:relative;overflow:hidden}.card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--border-accent),transparent);opacity:.6}.card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-md),inset 0 1px #ffffff0f}.card h2{margin:0 0 var(--sp-3);font-size:var(--text-sm);font-weight:var(--font-bold);color:var(--text-3);text-transform:uppercase;letter-spacing:.06em}.card h3{margin:0 0 var(--sp-2);font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--text-1)}.badge{display:inline-flex;align-items:center;padding:.2rem .55rem;border-radius:var(--r-full);font-size:var(--text-xs);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:.03em;white-space:nowrap}.badge-success{background:var(--success-muted);color:var(--success)}.badge-error{background:var(--danger-muted);color:var(--danger)}.badge-warning{background:var(--warning-muted);color:var(--warning)}.badge-info{background:var(--info-muted);color:var(--info)}.badge-accent{background:var(--accent-muted);color:var(--accent)}.badge-purple{background:var(--purple-muted);color:var(--purple)}.badge-default{background:var(--bg-hover);color:var(--text-3);border:1px solid var(--border)}.side-buy{color:var(--success);font-weight:var(--font-bold);font-size:var(--text-xs);text-transform:uppercase}.side-sell{color:var(--danger);font-weight:var(--font-bold);font-size:var(--text-xs);text-transform:uppercase}.side-neutral{color:var(--text-3);font-weight:var(--font-semibold);font-size:var(--text-xs)}.profit{color:var(--success);font-weight:var(--font-semibold)}.loss{color:var(--danger);font-weight:var(--font-semibold)}.data-table{width:100%;border-collapse:collapse;font-size:var(--text-sm)}.data-table thead{position:sticky;top:0;z-index:2;background:var(--bg-elevated)}.data-table th{padding:.55rem .75rem;text-align:left;font-size:var(--text-xs);font-weight:var(--font-bold);color:var(--text-3);text-transform:uppercase;letter-spacing:.05em;border-bottom:2px solid var(--border-strong);white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none}.data-table th:hover{color:var(--accent)}.data-table td{padding:.55rem .75rem;border-bottom:1px solid var(--border);vertical-align:middle;color:var(--text-1)}.data-table tbody tr{transition:background var(--tr-fast)}.data-table tbody tr:hover{background:var(--bg-hover)}.data-table tbody tr:nth-child(2n){background:var(--glass)}.data-table tbody tr:nth-child(2n):hover{background:var(--bg-hover)}.table-empty{text-align:center;padding:var(--sp-8)!important;color:var(--text-3);font-style:italic}.table-wrapper{overflow-x:auto;border-radius:var(--r-md)}.table-pagination{display:flex;align-items:center;justify-content:center;gap:var(--sp-3);padding-top:var(--sp-3)}.page-info{font-size:var(--text-sm);color:var(--text-2)}.table-toolbar{display:flex;align-items:center;justify-content:space-between;padding:var(--sp-2) 0;font-size:var(--text-sm);color:var(--text-2);gap:var(--sp-3)}.table-meta{font-weight:var(--font-medium)}.table-search{flex:0 1 320px}.table-search input{width:100%}.table-actions{display:flex;align-items:center;gap:var(--sp-2)}.data-table-card{padding:var(--sp-4)}.data-table-compact .data-table th,.data-table-compact .data-table td{padding:.35rem .5rem}.sort-icon{margin-left:var(--sp-1);font-size:var(--text-xs)}.row-clickable{cursor:pointer}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--sp-10) var(--sp-4);text-align:center;color:var(--text-3)}.empty-state-icon{font-size:2.5rem;margin-bottom:var(--sp-3);opacity:.6}.empty-state-title{font-size:var(--text-lg);font-weight:var(--font-semibold);margin-bottom:var(--sp-1)}.empty-state-message{font-size:var(--text-sm);margin-bottom:var(--sp-4)}.form-field{margin-bottom:var(--sp-3)}.form-field-error input,.form-field-error select{border-color:var(--danger)}.form-error{display:block;margin-top:var(--sp-1);font-size:var(--text-xs);color:var(--danger)}.form-hint{display:block;margin-top:var(--sp-1);font-size:var(--text-xs);color:var(--text-3)}.status-select{padding:.25rem .5rem!important;font-size:var(--text-xs)!important;width:auto!important;min-width:80px}.filters-card{margin-bottom:var(--sp-4)}.filters-row{display:flex;align-items:flex-end;gap:var(--sp-4);flex-wrap:wrap}.filter-group{display:flex;flex-direction:column;gap:var(--sp-1);min-width:140px}.filter-group label{font-size:var(--text-xs);color:var(--text-3);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:.04em}.filter-input{padding:.45rem .65rem!important;font-size:var(--text-sm)!important}.filter-actions{display:flex;align-items:flex-end;gap:var(--sp-2)}.filter-actions button{padding:.45rem .75rem}.date-group{flex:0 0 auto;min-width:180px}.date-group-right{margin-left:auto}.date-input-row{display:flex;align-items:stretch;gap:var(--sp-1)}.date-input-row .filter-input{flex:1}.date-nav{display:flex;gap:.15rem}.date-nav button{width:32px;height:100%;padding:0;display:flex;align-items:center;justify-content:center;border:1px solid var(--border);border-radius:var(--r-sm);background:var(--bg-surface);color:var(--text-2);font-size:1.1rem;line-height:1}.date-nav button:hover{background:var(--bg-hover);border-color:var(--border-strong);color:var(--text-1)}.stat-card{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);padding:var(--sp-4);background:linear-gradient(135deg,var(--bg-card),var(--bg-surface));border:1px solid var(--border);border-radius:var(--r-lg);position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--accent),transparent);opacity:.5}.stat-card .stat-label{font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--text-3);text-transform:uppercase;letter-spacing:.05em}.stat-card .stat-value{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--text-1);margin-top:var(--sp-1);font-variant-numeric:tabular-nums}.stat-card .icon-circle{width:44px;height:44px;border-radius:var(--r-lg);background:var(--accent-muted);display:flex;align-items:center;justify-content:center;font-size:1.2rem;flex-shrink:0;box-shadow:var(--shadow-glow-sm)}.stat-card-action{cursor:pointer}.stat-card-action:hover{border-color:var(--accent);box-shadow:var(--shadow-glow)}.stat-card-disabled{opacity:.5;cursor:not-allowed}.stat-card-disabled:hover{border-color:var(--border);box-shadow:var(--shadow-md)}.grid{display:grid;gap:var(--sp-4)}.grid-2{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.page-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--sp-3);margin-bottom:var(--sp-4)}.page-header .page-title{margin:0}.filter-bar{display:flex;align-items:center;gap:var(--sp-3);flex-wrap:wrap}.pnl-summary{display:flex;align-items:center;gap:var(--sp-2)}.date-range-filter{display:flex;align-items:center;gap:var(--sp-3)}.quick-filters{display:flex;gap:var(--sp-1)}.quick-filters .active{background:var(--accent-muted);border-color:var(--accent)}.date-inputs,.date-pair{display:flex;align-items:center;gap:var(--sp-2)}.date-separator{color:var(--text-3);font-size:var(--text-xs)}.date-inputs input{width:140px}.date-inputs .date-nav button{min-width:32px}.stock-picker{position:relative}.stock-picker-dropdown{position:absolute;top:100%;left:0;right:0;max-height:240px;overflow-y:auto;z-index:var(--z-dropdown);background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--r-md);box-shadow:var(--shadow-lg);margin-top:.2rem}.stock-picker-item{padding:var(--sp-2) var(--sp-3);cursor:pointer;font-size:var(--text-sm);display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border)}.stock-picker-item:last-child{border-bottom:none}.stock-picker-item:hover{background:var(--bg-hover)}.stock-picker-symbol{font-weight:var(--font-semibold);color:var(--accent)}.stock-picker-name{color:var(--text-3);font-size:var(--text-xs)}.stock-search-input{width:200px}.config-toggle{width:44px;height:24px;border-radius:12px;border:none;background:var(--bg-hover);position:relative;cursor:pointer;transition:background var(--tr-fast);padding:0}.config-toggle.on{background:var(--accent)}.config-toggle.off{background:var(--bg-hover)}.config-toggle-thumb{position:absolute;top:2px;left:2px;width:20px;height:20px;border-radius:50%;background:#fff;transition:transform var(--tr-fast);box-shadow:var(--shadow-sm)}.config-toggle.on .config-toggle-thumb{transform:translate(20px)}.config-toggle:disabled{opacity:.5;cursor:not-allowed}.strategy-list{display:flex;flex-direction:column;gap:var(--sp-3)}.strategy-section{border:1px solid var(--border);border-radius:var(--r-lg);overflow:hidden}.strategy-header{display:flex;align-items:center;justify-content:space-between;padding:var(--sp-3) var(--sp-4);cursor:pointer;background:var(--bg-elevated);transition:background var(--tr-fast)}.strategy-header:hover{background:var(--bg-hover)}.strategy-title{display:flex;align-items:center;gap:var(--sp-2)}.strategy-title h3{margin:0;font-size:var(--text-base);font-weight:var(--font-semibold)}.strategy-chevron{color:var(--text-3);font-size:.8rem}.strategy-actions{display:flex;align-items:center;gap:var(--sp-2)}.strategy-body{padding:var(--sp-4);border-top:1px solid var(--border)}.strategy-params-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--sp-3)}.strategy-param-field{display:flex;flex-direction:column;gap:var(--sp-1)}.strategy-param-field.wide{grid-column:1 / -1}.strategy-param-field label{font-size:var(--text-xs);color:var(--text-3);font-weight:var(--font-semibold);text-transform:capitalize}.strategy-param-field input,.strategy-param-field select{padding:.35rem .5rem;font-size:var(--text-sm)}.strategy-params-section{margin-bottom:var(--sp-4)}.strategy-params-section h4{margin:0 0 var(--sp-3);font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-2)}.chart-empty{padding:var(--sp-8);text-align:center;color:var(--text-3)}.graph-legend{display:flex;gap:var(--sp-4);margin-bottom:var(--sp-3);font-size:var(--text-xs);color:var(--text-3)}.graph-legend i{display:inline-block;width:10px;height:10px;border-radius:2px;margin-right:4px;vertical-align:middle}.graph-sections{display:flex;flex-direction:column;gap:var(--sp-4)}.graph-section{min-width:0}.layer-table-wrapper{overflow-x:auto}.layer-totals{display:flex;gap:var(--sp-4);margin-top:var(--sp-3);padding:var(--sp-3);background:var(--bg-elevated);border-radius:var(--r-md);flex-wrap:wrap}.layer-total-item{display:flex;flex-direction:column;gap:.1rem}.layer-total-item span:first-child{font-size:var(--text-xs);color:var(--text-3);text-transform:uppercase}.layer-total-item span:last-child{font-weight:var(--font-semibold)}.status-toggle{display:inline-flex;align-items:center;justify-content:center;padding:.25rem .5rem;border-radius:var(--r-md);font-size:var(--text-xs);font-weight:var(--font-semibold);text-transform:capitalize;min-width:80px;cursor:pointer;background:var(--bg-input);color:var(--text-2);border:1px solid var(--border);transition:border-color var(--tr-fast),opacity var(--tr-fast)}.status-toggle:hover{border-color:var(--accent)}.status-toggle:disabled{opacity:.6;cursor:not-allowed}.status-toggle.status-active{background:var(--success-muted);color:var(--success-text);border-color:var(--success)}.status-toggle.status-live{background:var(--accent-muted);color:var(--accent);border-color:var(--accent)}.status-toggle.status-pause,.status-toggle.status-paused{background:var(--warning-muted);color:var(--warning-text);border-color:var(--warning)}.status-toggle.status-stopped,.status-toggle.status-inactive{background:var(--danger-muted);color:var(--danger-text);border-color:var(--danger)}.status-pill{display:inline-flex;align-items:center;padding:.2rem .5rem;border-radius:var(--r-full);font-size:var(--text-xs);font-weight:var(--font-semibold);text-transform:uppercase}.status-pill.success{background:var(--success-muted);color:var(--success)}.status-pill.warning{background:var(--warning-muted);color:var(--warning)}.status-pill.danger{background:var(--danger-muted);color:var(--danger)}.status-pill.info{background:var(--info-muted);color:var(--info)}.json-preview{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--r-md);padding:var(--sp-3);font-family:var(--font-mono);font-size:var(--text-xs);overflow-x:auto;max-height:300px}.entity-form{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-3)}.form-field.full-width{grid-column:1 / -1}.form-readonly-value{padding:var(--sp-2);background:var(--bg-elevated);border-radius:var(--r-sm);font-size:var(--text-sm)}.form-section{grid-column:1 / -1;margin:var(--sp-3) 0 var(--sp-1)}.form-section-title{font-size:var(--text-xs);font-weight:var(--font-bold);color:var(--text-3);text-transform:uppercase;letter-spacing:.05em}.form-section-line{height:1px;background:var(--border);margin-top:var(--sp-2)}.form-group-block{grid-column:1 / -1}.form-group-title{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-2);margin-bottom:var(--sp-2)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-3)}.modal-wide{max-width:700px}.quick-actions-list{display:flex;flex-direction:column;gap:var(--sp-2)}.fund-row{display:flex;justify-content:space-between;align-items:center;padding:var(--sp-2) 0;border-bottom:1px solid var(--border)}.fund-row:last-child{border-bottom:none}.user-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-3)}.user-info-item{display:flex;flex-direction:column;gap:.15rem}.user-info-label{font-size:var(--text-xs);color:var(--text-3);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:.04em}.user-info-value{font-size:var(--text-sm);color:var(--text-1);font-weight:var(--font-medium)}.font-mono{font-family:var(--font-mono)}.page-container{padding:var(--sp-4);max-width:var(--page-max-w);margin:0 auto}.page-title{margin:0 0 var(--sp-4);font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--text-1);letter-spacing:-.02em}.page-subtitle{margin:0 0 var(--sp-4);font-size:var(--text-sm);color:var(--text-3)}.error-message{color:var(--danger);background:var(--danger-muted);border:1px solid var(--danger);border-radius:var(--r-md);padding:var(--sp-3) var(--sp-4);margin-bottom:var(--sp-4);font-size:var(--text-sm)}.success-message{color:var(--success);background:var(--success-muted);border:1px solid var(--success);border-radius:var(--r-md);padding:var(--sp-3) var(--sp-4);margin-bottom:var(--sp-4);font-size:var(--text-sm)}.text-muted{color:var(--text-3);font-size:var(--text-sm)}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--sp-4)}.login-card{width:100%;max-width:400px;padding:var(--sp-8);text-align:center}.login-card .brand{display:flex;align-items:center;justify-content:center;gap:var(--sp-3);margin-bottom:var(--sp-2)}.login-card .brand-icon{width:3rem;height:3rem;border-radius:var(--r-lg)}.login-card h1{margin:0;font-size:var(--text-2xl);font-weight:var(--font-bold)}.login-card .subtitle{color:var(--text-3);font-size:var(--text-sm);margin-bottom:var(--sp-6)}.login-card .form-row{margin-bottom:var(--sp-4);text-align:left}.login-card .remember-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--sp-5);font-size:var(--text-sm)}.login-card .remember-row label{display:flex;align-items:center;gap:var(--sp-2);margin:0;cursor:pointer}.login-card .secure-hint{color:var(--text-3);font-size:var(--text-xs)}.login-submit{width:100%;padding:.7rem;font-size:var(--text-base);border-radius:var(--r-md)}.login-hint{margin-top:var(--sp-4);font-size:var(--text-xs);color:var(--text-3)}.password-input-wrapper{position:relative}.password-input-wrapper input{padding-right:2.5rem}.password-toggle{position:absolute;right:.5rem;top:50%;transform:translateY(-50%);background:none;border:none;padding:.25rem;color:var(--text-3);font-size:1rem;cursor:pointer}.password-toggle:hover{color:var(--text-1)}.fingerprint-btn{width:100%;margin-top:var(--sp-3);padding:.7rem;font-size:var(--text-base);border-radius:var(--r-md);background:transparent;color:var(--accent);border:1px solid var(--accent);cursor:pointer}.fingerprint-btn:hover{background:var(--accent-muted)}.fingerprint-btn:disabled{opacity:.6;cursor:default}.push-banner{position:fixed;top:var(--sp-4);left:50%;transform:translate(-50%) translateY(-150%);z-index:var(--z-toast);max-width:90vw;padding:var(--sp-3) var(--sp-4);background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-lg);transition:transform .25s ease;pointer-events:none}.push-banner.show{transform:translate(-50%) translateY(0)}.push-banner .push-banner-title{font-weight:var(--font-bold);font-size:var(--text-sm);color:var(--text-1)}.push-banner .push-banner-body{font-size:var(--text-xs);color:var(--text-2);margin-top:2px}.biometric-lock{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;background:var(--bg-canvas)}.biometric-lock .lock-card{max-width:340px;width:90%;text-align:center;padding:var(--sp-8)}.biometric-lock .brand-icon{width:3rem;height:3rem;border-radius:var(--r-lg)}.biometric-lock h2{margin:var(--sp-3) 0 0}.biometric-lock .subtitle{color:var(--text-3);font-size:var(--text-sm);margin-bottom:var(--sp-6)}.biometric-lock .lock-signout{margin-top:var(--sp-3);background:none;border:none;color:var(--text-3);font-size:var(--text-sm);cursor:pointer}.biometric-lock .lock-signout:hover{color:var(--text-1)}.app-loading{display:flex;align-items:center;justify-content:center;height:100vh;color:var(--text-2);font-size:var(--text-lg)}.app-shell{height:100vh;height:100dvh;display:flex}.app-main{flex:1;min-width:0;min-height:0;display:flex;flex-direction:column;margin-left:var(--sidebar-w)}.page-content{flex:1;min-height:0;overflow-y:auto}.sidebar{width:var(--sidebar-w);background:var(--bg-surface);border-right:1px solid var(--border);display:flex;flex-direction:column;position:fixed;inset:0 auto 0 0;z-index:calc(var(--z-overlay) + 1);transition:transform var(--tr-slow)}.sidebar-brand{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-4) var(--sp-5);border-bottom:1px solid var(--border)}.sidebar-logo{width:2rem;height:2rem;border-radius:var(--r-md)}.sidebar-brand h2{margin:0;font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--text-1)}.sidebar-nav{flex:1;min-height:0;padding:var(--sp-3);display:flex;flex-direction:column;gap:var(--sp-1);overflow-y:auto}.nav-group{display:flex;flex-direction:column;gap:.1rem}.nav-item{display:flex;align-items:center;gap:var(--sp-3);padding:.5rem .75rem;border-radius:var(--r-md);color:var(--text-2);font-weight:var(--font-medium);font-size:var(--text-sm);background:none;border:none;width:100%;text-align:left;transition:background var(--tr-fast),color var(--tr-fast);cursor:pointer;box-shadow:none}.nav-item:hover,.nav-item.active{background:var(--accent-muted);color:var(--accent)}.nav-item .nav-icon{width:1.3rem;text-align:center;font-size:1rem;flex-shrink:0}.nav-item .nav-label{flex:1}.nav-item .nav-chevron{margin-left:auto;font-size:1rem;color:var(--text-3)}.nav-children{display:flex;flex-direction:column;gap:.1rem;padding-left:var(--sp-4);border-left:2px solid var(--border);margin-left:.65rem}.nav-child{padding:.4rem .75rem;font-size:var(--text-xs)}.sidebar-footer{padding:var(--sp-4);border-top:1px solid var(--border)}.sidebar-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-overlay);background:#00000080;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.sidebar-overlay.open{display:block}.topbar{height:var(--topbar-h);padding:0 var(--sp-5);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border);background:var(--bg-surface);position:sticky;top:0;z-index:var(--z-sticky)}.topbar-left{display:flex;align-items:center;gap:var(--sp-5)}.topbar-brand{display:flex;align-items:center;gap:var(--sp-2)}.topbar-logo{width:1.5rem;height:1.5rem;border-radius:var(--r-sm)}.topbar-brand span{font-weight:var(--font-bold);font-size:var(--text-base);color:var(--text-1)}.topbar-right{display:flex;align-items:center;gap:var(--sp-3)}.logout-desktop{padding:.35rem .75rem;font-size:var(--text-sm)}.mobile-menu-btn{display:none;padding:.4rem .6rem;font-size:1.2rem;background:none;border:none;color:var(--text-1)}.market-ticker{display:flex;gap:var(--sp-5)}.market-item{display:flex;align-items:center;gap:var(--sp-2);font-size:var(--text-sm)}.market-name{color:var(--text-3);font-weight:var(--font-semibold);font-size:var(--text-xs)}.market-value{font-weight:var(--font-bold);font-variant-numeric:tabular-nums}.market-change{font-size:var(--text-xs);font-weight:var(--font-semibold)}.market-change.up{color:var(--success)}.market-change.down{color:var(--danger)}.market-error{font-size:var(--text-xs)}.user-switcher{position:relative;display:flex;align-items:center;gap:var(--sp-1)}.user-switcher-trigger{display:flex;align-items:center;gap:var(--sp-2);padding:.4rem .75rem;border-radius:var(--r-md);background:var(--bg-elevated);border:1px solid var(--border);color:var(--text-1);font-weight:var(--font-semibold);font-size:var(--text-sm);cursor:pointer;transition:border-color var(--tr-fast),background var(--tr-fast)}.user-switcher-trigger:hover{border-color:var(--border-strong);background:var(--bg-hover)}.user-switcher-name{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-switcher-arrow{font-size:.6rem;color:var(--text-3)}.user-nav-btn{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;padding:0;border:1px solid var(--border);border-radius:var(--r-sm);background:var(--bg-surface);color:var(--text-2);font-size:1rem;line-height:1;cursor:pointer;transition:background var(--tr-fast),border-color var(--tr-fast)}.user-nav-btn:hover:not(:disabled){background:var(--bg-hover);border-color:var(--accent);color:var(--text-1)}.user-nav-btn:disabled{opacity:.3;cursor:not-allowed}.user-switcher-dropdown{position:absolute;top:calc(100% + .4rem);right:0;width:260px;max-height:360px;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;z-index:var(--z-dropdown);animation:slideUp var(--tr-fast)}.user-switcher-search{padding:var(--sp-2);border-bottom:1px solid var(--border)}.user-switcher-search input{width:100%;padding:.4rem .6rem;font-size:var(--text-sm);background:var(--bg-input);border:1px solid var(--border);border-radius:var(--r-sm);color:var(--text-1);outline:none}.user-switcher-list{display:flex;flex-direction:column;gap:.1rem;max-height:280px;overflow-y:auto;padding:var(--sp-1)}.user-switcher-item{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-2);padding:.4rem .6rem;border-radius:var(--r-sm);border:1px solid transparent;background:none;color:var(--text-1);font-size:var(--text-sm);text-align:left;cursor:pointer;transition:background var(--tr-fast)}.user-switcher-item:hover,.user-switcher-item.active{background:var(--bg-hover);border-color:var(--border)}.user-switcher-username{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-switcher-empty{padding:var(--sp-3);font-size:var(--text-sm);color:var(--text-3);text-align:center}.mobile-footer{display:none;position:fixed;bottom:0;left:0;right:0;z-index:var(--z-sticky)}.mobile-user-nav{display:flex;justify-content:center;align-items:center;padding:var(--sp-2) var(--sp-3);background:var(--bg-surface);border-top:1px solid var(--border)}.mobile-user-nav .user-switcher-dropdown{top:auto;bottom:calc(100% + .4rem);left:50%;right:auto;transform:translate(-50%);max-width:calc(100vw - 1rem)}.mobile-nav{display:none;background:var(--bg-surface);border-top:1px solid var(--border);padding:var(--sp-1) 0}.mobile-nav nav{display:flex;justify-content:space-around}.mobile-nav-item{display:flex;flex-direction:column;align-items:center;gap:.1rem;padding:var(--sp-2) var(--sp-3);border:none;background:none;color:var(--text-3);font-size:var(--text-xs);cursor:pointer;transition:color var(--tr-fast)}.mobile-nav-item.active{color:var(--accent)}.mobile-nav-item .nav-icon{font-size:1.1rem}.mobile-nav-item .nav-label{font-size:.6rem}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-modal);background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;padding:var(--sp-4);overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;animation:fadeIn var(--tr-fast)}.modal-content{position:relative;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:var(--sp-6);max-width:480px;width:100%;margin:auto;max-height:calc(100dvh - 2rem);overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;box-shadow:var(--shadow-lg);animation:slideUp var(--tr-slow)}.modal-content h3{margin:0 0 var(--sp-3);font-size:var(--text-lg);font-weight:var(--font-bold)}.modal-content p{margin:0 0 var(--sp-4);color:var(--text-2);font-size:var(--text-sm);line-height:1.6}.modal-actions{display:flex;gap:var(--sp-3);justify-content:flex-end}.modal-close{position:absolute;top:var(--sp-3);right:var(--sp-3);width:32px;height:32px;padding:0;border:none;border-radius:var(--r-md);background:transparent;color:var(--text-3);font-size:1rem;line-height:1;cursor:pointer}.modal-close:hover{background:var(--bg-hover);color:var(--text-1)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{to{transform:rotate(360deg)}}.nowrap{white-space:nowrap}.flex{display:flex}.flex-col{display:flex;flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-1{gap:var(--sp-1)}.gap-2{gap:var(--sp-2)}.gap-3{gap:var(--sp-3)}.gap-4{gap:var(--sp-4)}.mt-2{margin-top:var(--sp-2)}.mt-4{margin-top:var(--sp-4)}.mb-2{margin-bottom:var(--sp-2)}.mb-4{margin-bottom:var(--sp-4)}@media (max-width: 1024px){.grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){html{font-size:14px}.sidebar{transform:translate(-100%)}.sidebar.open{transform:translate(0)}.app-main{margin-left:0}.mobile-footer,.mobile-nav,.mobile-menu-btn{display:block}.logout-desktop,.market-ticker{display:none}.topbar{padding:0 var(--sp-3)}.topbar-left{gap:var(--sp-3)}.page-container{padding:var(--sp-3);padding-bottom:7.5rem}.page-title{font-size:var(--text-xl)}.filters-row{flex-direction:column;align-items:stretch}.filter-group{min-width:0}.date-group-right{margin-left:0}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.stat-card{padding:var(--sp-3)}.stat-card .stat-value{font-size:var(--text-xl)}.data-table{font-size:var(--text-xs)}.data-table th,.data-table td{padding:.4rem .5rem}.login-card{padding:var(--sp-6)}.user-switcher-name{max-width:80px}.user-nav-btn{width:24px;height:24px}.table-toolbar{flex-direction:column;align-items:stretch}.table-search{flex:1;max-width:none}.date-range-filter{flex-direction:column;align-items:stretch;gap:var(--sp-2)}.quick-filters{flex-wrap:wrap}.quick-filters button{flex:1;white-space:nowrap}.date-inputs{flex-direction:column;align-items:stretch;gap:var(--sp-2)}.date-pair input{width:auto;flex:1;min-width:0}.date-inputs .date-nav{gap:var(--sp-2)}.date-inputs .date-nav button{flex:1;height:38px}}