:root{--color-bg:#0f172a;--color-surface:#111827;--color-surface-alt:#0f172a;--color-border:#1e293b;--color-text:#e2e8f0;--color-text-strong:#f8fafc;--color-text-muted:#94a3b8;--color-text-faint:#64748b;--color-hover-bg:#1e293b;--color-accent:#eab308;--color-error-bg:#7f1d1d;--color-error-text:#fecaca;--color-positive:#4ade80;--color-negative:#f87171;--color-good-bg:#22c55e26;--color-bad-bg:#ef444426;--color-pending:#fbbf24;--color-pending-bg:#eab30826}:root[data-theme=light]{--color-bg:#f8fafc;--color-surface:#fff;--color-surface-alt:#fff;--color-border:#e2e8f0;--color-text:#1e293b;--color-text-strong:#0f172a;--color-text-muted:#64748b;--color-text-faint:#94a3b8;--color-hover-bg:#e2e8f0;--color-accent:#ca8a04;--color-error-bg:#fee2e2;--color-error-text:#991b1b;--color-positive:#15803d;--color-negative:#b91c1c;--color-good-bg:#dcfce7;--color-bad-bg:#fee2e2;--color-pending:#a16207;--color-pending-bg:#fef9c3}*{box-sizing:border-box}body{background:var(--color-bg);color:var(--color-text);margin:0;font-family:Segoe UI,Roboto,system-ui,sans-serif;transition:background-color .15s,color .15s}.shell{min-height:100vh;display:flex}.sidebar{background:var(--color-surface);border-right:1px solid var(--color-border);flex-shrink:0;width:220px;padding:20px 0}.sidebar-brand{color:var(--color-text-strong);padding:0 20px 16px;font-size:1.1rem;font-weight:700}.sidebar-section{margin-top:12px}.sidebar-section-title{text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-faint);margin-bottom:6px;padding:0 20px;font-size:.72rem}.sidebar-link{color:var(--color-text);border-left:3px solid #0000;padding:9px 20px;font-size:.92rem;text-decoration:none;display:block}.sidebar-link:hover{background:var(--color-hover-bg);color:var(--color-text-strong)}.sidebar-link.active{background:var(--color-hover-bg);border-left-color:var(--color-accent);color:var(--color-text-strong);font-weight:600}.content{flex:1;min-width:0}.topbar{border-bottom:1px solid var(--color-border);justify-content:flex-end;align-items:center;padding:12px 24px;display:flex}.topbar-actions{gap:8px;display:flex}.icon-button{border:1px solid var(--color-border);background:var(--color-surface);width:36px;height:36px;color:var(--color-text);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.icon-button:hover{background:var(--color-hover-bg)}.icon-button.small{width:32px;height:32px}.icon-button:disabled{opacity:.4;cursor:default}.icon-button:disabled:hover{background:var(--color-surface)}.chart-toolbar{justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;display:flex}.chart-hint{color:var(--color-text-faint);font-size:.78rem}.chart-zoom{gap:6px;margin-left:auto;display:flex}@media (width<=560px){.chart-hint{display:none}}.page{max-width:1280px;margin:0 auto;padding:24px}@media (width<=720px){.shell{flex-direction:column}.sidebar{border-right:none;border-bottom:1px solid var(--color-border);width:auto}}header h1{margin:0;font-size:1.6rem}.subtitle{color:var(--color-text-muted);margin-top:4px}.instrument-tabs{gap:8px;margin-top:20px;display:flex}.instrument-tab{border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text-muted);cursor:pointer;border-radius:8px;padding:8px 16px;font-size:.9rem}.instrument-tab:hover{color:var(--color-text-strong)}.instrument-tab.active{background:var(--color-accent);border-color:var(--color-accent);color:#111827;font-weight:600}.loading,.error-banner{background:var(--color-hover-bg);border-radius:8px;margin-top:32px;padding:16px}.error-banner{background:var(--color-error-bg);color:var(--color-error-text)}.layout{grid-template-columns:1fr 320px;gap:20px;margin-top:20px;display:grid}@media (width<=900px){.layout{grid-template-columns:1fr}}.layout>*{min-width:0}.chart-container{background:var(--color-surface-alt);border:1px solid var(--color-border);border-radius:12px;padding:12px}.panel{background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;height:fit-content;overflow:hidden}.panel-header{color:#fff;padding:16px}.panel-action{letter-spacing:.05em;font-size:1.4rem;font-weight:700}.panel-confidence{opacity:.9;margin-top:4px;font-size:.9rem}.panel-section{border-top:1px solid var(--color-border);padding:14px 16px}.panel-section h3{text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);margin:0 0 8px;font-size:.85rem}.panel-row{justify-content:space-between;padding:4px 0;font-size:.92rem;display:flex}.panel-row span{color:var(--color-text-muted)}.panel-section ul{color:var(--color-text);margin:0;padding-left:18px;font-size:.88rem}.panel-section li{margin-bottom:4px}.text-red{color:var(--color-negative)}.text-green{color:var(--color-positive)}.muted{color:var(--color-text-muted)}.small{margin-top:2px;font-size:.75rem}.stat-tiles{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:20px;display:grid}@media (width<=900px){.stat-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}}.stat-tile{background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;padding:16px}.stat-label{color:var(--color-text-muted);font-size:.8rem}.stat-value{color:var(--color-text-strong);font-variant-numeric:tabular-nums;margin-top:6px;font-size:1.8rem;font-weight:700}.stat-sub{color:var(--color-text-faint);margin-top:4px;font-size:.8rem}.table-wrapper{background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;margin-top:20px;overflow-x:auto}.history-table{border-collapse:collapse;width:100%;font-size:.88rem}.history-table th,.history-table td{text-align:left;white-space:nowrap;border-bottom:1px solid var(--color-border);padding:10px 12px}.history-table th{text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);font-size:.75rem;font-weight:600}.history-table tbody tr:last-child td{border-bottom:none}.history-table tbody tr:hover{background:var(--color-hover-bg)}.history-table .num{text-align:right;font-variant-numeric:tabular-nums}.action-badge,.status-badge{border-radius:6px;padding:2px 8px;font-size:.78rem;font-weight:600;display:inline-block}.action-buy,.status-good{background:var(--color-good-bg);color:var(--color-positive)}.action-sell,.status-bad{background:var(--color-bad-bg);color:var(--color-negative)}.status-pending{background:var(--color-pending-bg);color:var(--color-pending)}.status-neutral{background:var(--color-hover-bg);color:var(--color-text-muted)}.auth-screen{justify-content:center;align-items:center;min-height:100vh;padding:24px 16px;display:flex;position:relative}.auth-theme{position:absolute;top:12px;right:16px}.auth-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;width:100%;max-width:400px;padding:28px}.auth-brand{letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-faint);font-size:.8rem;font-weight:700}.auth-card h1{margin:6px 0 20px;font-size:1.5rem}.auth-card a{color:var(--color-pending);font-weight:600}.auth-note{background:var(--color-pending-bg);border-radius:8px;margin-bottom:16px;padding:12px;font-size:.88rem}.auth-form{flex-direction:column;gap:14px;display:flex}.form-field{color:var(--color-text-muted);flex-direction:column;gap:6px;font-size:.88rem;display:flex}.form-field input{border:1px solid var(--color-border);background:var(--color-bg);color:var(--color-text);border-radius:8px;padding:10px 12px;font-size:.95rem}.form-field input:focus-visible{outline:2px solid var(--color-accent);outline-offset:1px}.form-intro{color:var(--color-text-muted);margin:0;font-size:.9rem}.form-hint{color:var(--color-text-faint);font-size:.75rem}.form-error{background:var(--color-error-bg);color:var(--color-error-text);border-radius:8px;padding:10px 12px;font-size:.88rem}.primary-button,.secondary-button{cursor:pointer;border-radius:8px;padding:10px 14px;font-size:.92rem;font-weight:600}.primary-button{border:1px solid var(--color-accent);background:var(--color-accent);color:#111827}.secondary-button{border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text)}.primary-button:disabled{opacity:.6;cursor:progress}.secondary-button:hover{background:var(--color-hover-bg)}.auth-switch{color:var(--color-text-muted);text-align:center;margin:18px 0 0;font-size:.88rem}.user-menu{position:relative}.user-menu-popover{z-index:10;background:var(--color-surface);border:1px solid var(--color-border);border-radius:10px;flex-direction:column;gap:4px;min-width:240px;max-width:320px;padding:14px;display:flex;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 8px 24px #0003}.user-menu-email{color:var(--color-text-strong);overflow-wrap:anywhere;font-weight:600}.user-menu-popover .secondary-button{margin-top:10px}.settings-section{background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;max-width:720px;margin-top:20px;padding:20px}.settings-section h2{margin:0;font-size:1.1rem}.settings-help{color:var(--color-text-muted);margin:6px 0 12px;font-size:.88rem}.settings-row{border-top:1px solid var(--color-border);justify-content:space-between;align-items:center;gap:16px;padding:14px 0;display:flex}.settings-name{font-weight:600}.switch-field{align-items:center;gap:10px;font-size:.85rem;display:flex}.switch{border:1px solid var(--color-border);background:var(--color-hover-bg);cursor:pointer;border-radius:12px;flex-shrink:0;width:44px;height:24px;padding:0;transition:background-color .15s;position:relative}.switch.on{background:var(--color-accent);border-color:var(--color-accent)}.switch:disabled{opacity:.6;cursor:progress}.switch:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.switch-thumb{background:#fff;border-radius:50%;width:18px;height:18px;transition:transform .15s;position:absolute;top:2px;left:2px;box-shadow:0 1px 2px #0000004d}.switch.on .switch-thumb{transform:translate(20px)}.progress-cell{align-items:center;gap:8px;display:inline-flex}.progress-track{background:var(--color-hover-bg);border-radius:3px;width:64px;height:6px;overflow:hidden}.progress-fill{background:var(--color-accent);border-radius:3px;height:100%}.disclaimer{color:var(--color-text-faint);border-top:1px solid var(--color-border);margin:0;padding:12px 16px;font-size:.75rem}
