@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@300;400;500;600&display=swap";
@import "https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@300;400;500&display=swap";
:root{--font-sans:"IBM Plex Sans", "Helvetica Neue", sans-serif;--font-mono:"JetBrains Mono", "Fira Code", monospace;--surface-base:#fafafa;--surface-raised:#fff;--surface-sunken:#f5f5f5;--surface-muted:#ebebeb;--surface-inverse:#0a0a0a;--text-primary:#0a0a0a;--text-secondary:#4a4a4a;--text-tertiary:#888;--text-disabled:#bbb;--text-inverse:#f5f5f5;--border-subtle:#00000014;--border-default:#00000024;--border-strong:#0000003d;--action-primary:#0a0a0a;--action-primary-text:#fff;--action-hover:#2a2a2a;--status-success:#16a34a;--status-success-bg:#f0fdf4;--status-warning:#d97706;--status-warning-bg:#fffbeb;--status-error:#dc2626;--status-error-bg:#fef2f2;--status-info:#2563eb;--status-info-bg:#eff6ff;--status-neutral:#6b7280;--status-neutral-bg:#f9fafb;--chart-bull:#16a34a;--chart-bear:#dc2626;--chart-signal-buy:#2563eb;--chart-signal-sell:#7c3aed;--chart-volume:#2563eb40;--chart-equity:#0a0a0a;--chart-benchmark:#9ca3af;--chart-forecast:#2563eb;--chart-ci:#2563eb1f;--chart-grid:#0000000d;--chart-axis:#d1d5db;--model-lr:#0a0a0a;--model-xgb:#2563eb;--model-lstm:#7c3aed;--model-isolation:#d97706;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--radius-xs:.125rem;--radius-sm:.25rem;--radius-md:.375rem;--shadow-sm:0 1px 2px #0000000f;--shadow-md:0 4px 16px #00000012;--shadow-lg:0 8px 40px #00000014;--transition-fast:.1s ease;--transition-base:.15s ease;--transition-slow:.25s ease;--z-base:0;--z-raised:10;--z-dropdown:100;--z-modal:200;--z-toast:300}[data-theme=dark]{--surface-base:#0a0a0a;--surface-raised:#111;--surface-sunken:#161616;--surface-muted:#1e1e1e;--surface-inverse:#f5f5f5;--text-primary:#f0f0f0;--text-secondary:#a0a0a0;--text-tertiary:#606060;--text-disabled:#3a3a3a;--text-inverse:#0a0a0a;--border-subtle:#ffffff0f;--border-default:#ffffff1a;--border-strong:#fff3;--action-primary:#f0f0f0;--action-primary-text:#0a0a0a;--action-hover:#d0d0d0;--chart-equity:#e0e0e0;--chart-grid:#ffffff0a;--chart-axis:#333}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{background:var(--surface-base);color:var(--text-primary);line-height:1.6}.disclaimer{color:var(--text-tertiary);margin-bottom:var(--space-3);font-size:.75rem;line-height:1.55}.display-lg{letter-spacing:-.03em;font-size:2.5rem;font-weight:300;line-height:1.1}.display-md{letter-spacing:-.02em;font-size:2rem;font-weight:300;line-height:1.15}.display-sm{letter-spacing:-.02em;font-size:1.5rem;font-weight:400;line-height:1.2}.title-lg{letter-spacing:-.01em;font-size:1.125rem;font-weight:600;line-height:1.4}.title-md{letter-spacing:-.01em;font-size:1rem;font-weight:600;line-height:1.4}.title-sm{font-size:.875rem;font-weight:600;line-height:1.4}.body-lg{font-size:1rem;font-weight:400;line-height:1.6}.body-md{font-size:.875rem;font-weight:400;line-height:1.6}.body-sm{font-size:.8125rem;font-weight:400;line-height:1.5}.label-lg{letter-spacing:.06em;text-transform:uppercase;font-size:.75rem;font-weight:500;line-height:1.4}.label-md{letter-spacing:.06em;text-transform:uppercase;font-size:.6875rem;font-weight:500;line-height:1.4}.label-sm{letter-spacing:.08em;text-transform:uppercase;font-size:.625rem;font-weight:500;line-height:1.4}.mono-lg{font-family:var(--font-mono);font-size:.9375rem;font-weight:400}.mono-md{font-family:var(--font-mono);font-size:.8125rem;font-weight:400}.mono-sm{font-family:var(--font-mono);font-size:.75rem;font-weight:300}.btn-primary{background:var(--action-primary);color:var(--action-primary-text);font-family:var(--font-sans);padding:var(--space-2) var(--space-4);border-radius:var(--radius-xs);cursor:pointer;transition:background var(--transition-fast);border:none;font-size:.875rem;font-weight:500}.btn-primary:hover{background:var(--action-hover)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{color:var(--text-primary);border:1px solid var(--border-default);font-family:var(--font-sans);padding:var(--space-2) var(--space-4);border-radius:var(--radius-xs);cursor:pointer;transition:border-color var(--transition-fast), background var(--transition-fast);background:0 0;font-size:.875rem;font-weight:500}.btn-secondary:hover{background:var(--surface-muted);border-color:var(--border-strong)}.btn-tertiary{color:var(--text-secondary);font-family:var(--font-sans);padding:var(--space-2) var(--space-3);cursor:pointer;transition:color var(--transition-fast);background:0 0;border:none;font-size:.875rem;font-weight:400}.btn-tertiary:hover{color:var(--text-primary)}.input-field{background:var(--surface-sunken);border:none;border-bottom:1px solid var(--border-default);border-radius:var(--radius-xs) var(--radius-xs) 0 0;padding:var(--space-2) var(--space-3);font-family:var(--font-sans);color:var(--text-primary);width:100%;transition:border-color var(--transition-base);outline:none;font-size:.875rem}.input-field:focus{border-bottom:2px solid var(--action-primary)}.input-field::placeholder{color:var(--text-tertiary)}select.input-field{appearance:none;cursor:pointer}.card{background:var(--surface-raised);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:var(--space-6);box-shadow:var(--shadow-sm)}.badge{align-items:center;gap:var(--space-1);padding:2px var(--space-2);border-radius:var(--radius-xs);font-family:var(--font-sans);letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;font-size:.6875rem;font-weight:500;display:inline-flex}.badge-buy{color:#2563eb;background:#eff6ff}.badge-sell{color:#7c3aed;background:#fdf4ff}.badge-hold{background:var(--status-neutral-bg);color:var(--status-neutral)}.badge-success{background:var(--status-success-bg);color:var(--status-success)}.badge-error{background:var(--status-error-bg);color:var(--status-error)}.badge-warning{background:var(--status-warning-bg);color:var(--status-warning)}.badge-info{background:var(--status-info-bg);color:var(--status-info)}.segment-group{border:1px solid var(--border-default);border-radius:var(--radius-xs);display:inline-flex;overflow:hidden}.segment-btn{font-family:var(--font-mono);padding:var(--space-1) var(--space-3);color:var(--text-secondary);border:none;border-right:1px solid var(--border-default);cursor:pointer;transition:background var(--transition-fast), color var(--transition-fast);background:0 0;font-size:.75rem}.segment-btn:last-child{border-right:none}.segment-btn.active{background:var(--action-primary);color:var(--action-primary-text)}.data-table{border-collapse:collapse;width:100%;font-size:.8125rem}.data-table thead th{color:var(--text-tertiary);letter-spacing:.06em;text-transform:uppercase;padding:var(--space-2) var(--space-4);border-bottom:1px solid var(--border-default);text-align:left;white-space:nowrap;background:var(--surface-raised);z-index:1;font-size:.6875rem;font-weight:500;position:sticky;top:0}.data-table tbody td{padding:var(--space-3) var(--space-4);color:var(--text-secondary);border-bottom:1px solid var(--border-subtle);vertical-align:middle}.data-table tbody tr:hover td{background:var(--surface-muted)}.data-table td.num,.data-table th.num{text-align:right;font-family:var(--font-mono);font-variant-numeric:tabular-nums}.data-table td.positive{color:var(--status-success)}.data-table td.negative{color:var(--status-error)}.metric-grid{gap:var(--space-4);margin-bottom:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(160px,1fr));display:grid}.chart-container{background:var(--surface-raised);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:var(--space-5) var(--space-6)}.chart-header{margin-bottom:var(--space-5);justify-content:space-between;align-items:flex-start;display:flex}.chart-legend{gap:var(--space-5);margin-top:var(--space-4);flex-wrap:wrap;display:flex}.legend-item{align-items:center;gap:var(--space-2);color:var(--text-secondary);font-size:.75rem;display:flex}.legend-dot{border-radius:50%;width:8px;height:8px}.metadata-row{align-items:center;gap:var(--space-4);padding:var(--space-3) 0;border-top:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle);flex-wrap:wrap;display:flex}.meta-item{align-items:baseline;gap:var(--space-2);display:flex}.meta-key{color:var(--text-tertiary);letter-spacing:.08em;text-transform:uppercase;font-size:.625rem;font-weight:500}.meta-value{color:var(--text-secondary);font-family:var(--font-mono);font-size:.75rem}.app-shell{flex-direction:column;min-height:100vh;display:flex}.topbar{background:var(--surface-raised);border-bottom:1px solid var(--border-subtle);height:48px;padding:0 var(--space-6);z-index:var(--z-raised);align-items:center;display:flex;position:sticky;top:0}.topbar-logo{font-family:var(--font-mono);color:var(--text-primary);margin-right:var(--space-8);align-items:center;gap:var(--space-2);font-size:.9375rem;font-weight:500;text-decoration:none;display:flex}.topbar-logo .dot{color:var(--status-success)}.topbar-nav{align-items:center;gap:0;height:100%;display:flex}.topbar-nav a{height:100%;padding:0 var(--space-4);color:var(--text-secondary);letter-spacing:.06em;text-transform:uppercase;transition:color var(--transition-fast), border-color var(--transition-fast);border-bottom:2px solid #0000;align-items:center;font-size:.6875rem;font-weight:500;text-decoration:none;display:flex}.topbar-nav a:hover{color:var(--text-primary)}.topbar-nav a.active{color:var(--text-primary);border-bottom-color:var(--action-primary)}.topbar-actions{align-items:center;gap:var(--space-3);margin-left:auto;display:flex}.topbar-actions button{color:var(--text-secondary);cursor:pointer;padding:var(--space-1);transition:color var(--transition-fast);background:0 0;border:none;font-size:1.125rem}.topbar-actions button:hover{color:var(--text-primary)}.main-layout{flex:1;display:flex}.sidebar{background:var(--surface-sunken);width:260px;min-width:260px;padding:var(--space-5) var(--space-4);gap:var(--space-6);flex-direction:column;height:calc(100vh - 48px);display:flex;position:sticky;top:48px;overflow-y:auto}.sidebar-section-title{letter-spacing:.06em;text-transform:uppercase;color:var(--text-tertiary);margin-bottom:var(--space-2);font-size:.6875rem;font-weight:500}.sidebar-group{gap:var(--space-3);flex-direction:column;display:flex}.main-content{max-width:1400px;padding:var(--space-6);gap:var(--space-6);flex-direction:column;flex:1;width:100%;margin:0 auto;display:flex}.page-header{justify-content:space-between;align-items:center;display:flex}.page-title{letter-spacing:-.01em;font-size:1.125rem;font-weight:600}.grid-2{gap:var(--space-4);grid-template-columns:1fr 1fr;display:grid}.grid-2-1{gap:var(--space-4);grid-template-columns:2fr 1fr;display:grid}.grid-3{gap:var(--space-4);grid-template-columns:repeat(3,1fr);display:grid}.flex-row{align-items:center;gap:var(--space-3);display:flex}.flex-col{gap:var(--space-4);flex-direction:column;display:flex}.text-mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.text-success{color:var(--status-success)}.text-error{color:var(--status-error)}.text-secondary{color:var(--text-secondary)}.text-tertiary{color:var(--text-tertiary)}.mt-4{margin-top:var(--space-4)}.mb-4{margin-bottom:var(--space-4)}.loading{padding:var(--space-12);color:var(--text-tertiary);justify-content:center;align-items:center;font-size:.875rem;display:flex}.spinner{border:2px solid var(--border-default);border-top-color:var(--action-primary);width:20px;height:20px;margin-right:var(--space-3);border-radius:50%;animation:.6s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.error-state{padding:var(--space-8);text-align:center;color:var(--status-error);font-size:.875rem}.empty-state{padding:var(--space-12);text-align:center;color:var(--text-tertiary);font-size:.875rem}.layout-selector{gap:4px;display:inline-flex}.layout-btn{border:1px solid var(--border-default);border-radius:var(--radius-xs);cursor:pointer;background:0 0;justify-content:center;align-items:center;padding:4px;transition:border-color .1s,background .1s;display:flex}.layout-btn:hover{border-color:var(--border-strong);background:var(--surface-muted)}.layout-btn.active{border-color:var(--action-primary);background:var(--surface-muted)}.ticker-panel{background:var(--surface-raised);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);cursor:pointer;flex-direction:column;height:100%;transition:border-color .1s;display:flex;overflow:hidden}.ticker-panel:hover{border-color:var(--border-strong)}.ticker-panel--active{border-color:var(--action-primary)}.ticker-panel--drag-over{border-color:var(--action-primary)!important;background:var(--surface-muted)!important}.ticker-panel__header{padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--border-subtle);background:var(--surface-sunken);justify-content:space-between;align-items:center;min-height:28px;display:flex}.ticker-panel__info{align-items:center;gap:var(--space-2);flex:1;min-width:0;display:flex}.ticker-panel__exchange{flex-shrink:0;align-items:center;gap:3px;font-size:.75rem;display:inline-flex}.ticker-panel__actions{align-items:center;gap:var(--space-2);flex-shrink:0;display:flex}.ticker-panel__close{width:18px;height:18px;color:var(--text-tertiary);border-radius:var(--radius-xs);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;transition:color .1s,background .1s;display:flex}.ticker-panel__close:hover{background:var(--status-error-bg);color:var(--status-error)}.text-positive{color:var(--status-success)}.text-negative{color:var(--status-error)}.ticker-panel__chart{flex:1;min-height:0;overflow:hidden}.ticker-panel__chart .chart-container{height:100%}.ticker-panel__footer{padding:2px var(--space-2);border-top:1px solid var(--border-subtle);background:var(--surface-sunken);align-items:center;gap:1px;display:flex}.tp-divider{background:var(--border-default);width:1px;height:10px;margin:0 var(--space-1)}.workspace-empty-slot{border:1px dashed var(--border-default);border-radius:var(--radius-sm);background:var(--surface-sunken);justify-content:center;align-items:center;transition:border-color .15s,background .15s;display:flex}.workspace-empty-slot:hover{border-color:var(--border-strong)}.workspace-empty-slot--drag-over{border-color:var(--action-primary)!important;background:var(--surface-muted)!important;border-style:solid!important}.empty-slot-content{color:var(--text-tertiary);pointer-events:none;flex-direction:column;align-items:center;display:flex}.search-results-dropdown{background:var(--surface-raised);border:1px solid var(--border-default);border-radius:var(--radius-sm);margin-top:var(--space-1);flex-direction:column;max-height:220px;display:flex;overflow-y:auto}.search-result-item{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);cursor:pointer;transition:background .1s;display:flex}.search-result-item:hover{background:var(--surface-muted)}.search-result-item[draggable=true]{cursor:grab}.search-result-item[draggable=true]:active{cursor:grabbing}.panel-list-item{text-align:left;padding:var(--space-2) var(--space-3);border-radius:var(--radius-xs);cursor:pointer;background:0 0;border:1px solid #0000;justify-content:space-between;align-items:center;transition:background .1s,border-color .1s;display:flex}.panel-list-item:hover{background:var(--surface-muted)}.panel-list-item.active{border-color:var(--action-primary);background:var(--surface-muted)}