:root{--bg: #1a1a2e;--surface: #16213e;--border: #0f3460;--text: #e0e0e0;--accent: #533483;--fresh: #4caf50;--aging: #ff9800;--stale: #f44336;--critical: #d32f2f;--degraded: #9c27b0}*{box-sizing:border-box;margin:0;padding:0}body{font-family:SF Mono,Cascadia Code,Fira Code,Menlo,monospace;background:var(--bg);color:var(--text);overflow:hidden}.layout{display:grid;grid-template-columns:220px 1fr 300px;height:100vh;gap:0}.layout.layout--mobile{grid-template-columns:60px 1fr 0px}.layout.layout--compact{grid-template-columns:180px 1fr 240px}.layout.layout--desktop{grid-template-columns:220px 1fr 300px}.layout.layout--wide{grid-template-columns:240px 1fr 340px}#app.layout--mobile #details-panel{display:none}#app.layout--mobile #watchlist-panel{overflow-x:hidden;width:48px}#app.layout--mobile .panel__title,#app.layout--mobile #signals-list,#app.layout--mobile #show-diagnostics{display:none}@media(max-width:800px){.layout{grid-template-columns:60px 1fr 0px}#details-panel{display:none}#watchlist-panel{overflow-x:hidden;width:48px}.panel__title,#signals-list,#show-diagnostics{display:none}}@media(min-width:801px)and (max-width:960px){.layout{grid-template-columns:180px 1fr 240px}}@media(min-width:1200px){.layout{grid-template-columns:240px 1fr 340px}}.panel{background:var(--surface);border-right:1px solid var(--border);display:flex;flex-direction:column;overflow:hidden}.panel--center{border-right:none}.panel__title{padding:10px 8px 6px;font-size:11px;text-transform:uppercase;letter-spacing:2px;color:#999;flex-shrink:0}.ticker-list{list-style:none;overflow-y:auto;flex:1}.ticker-item{padding:6px 8px;cursor:pointer;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;transition:background .12s}.ticker-item:hover{background:#1f3056}.ticker-item.active{background:var(--accent);color:#fff}.ticker-item .sym{font-weight:700;font-size:13px}.ticker-item .stat{font-size:10px;opacity:.7;text-align:right;white-space:nowrap}.chart-header{display:flex;align-items:center;gap:8px;padding:6px 10px;border-bottom:1px solid var(--border);flex-shrink:0}.chart-title{font-size:14px;font-weight:700}.badge{padding:2px 6px;border-radius:3px;font-size:9px;letter-spacing:.8px;text-transform:uppercase}.badge--hidden{visibility:hidden}.badge--fresh{background:var(--fresh);color:#fff}.badge--aging{background:var(--aging);color:#000}.badge--stale{background:var(--stale);color:#fff}.badge--critical{background:var(--critical);color:#fff;font-weight:700}.chart-container{flex:1;min-height:0}.signals-list{overflow-y:auto;flex:1;padding:4px}.signal-card{background:var(--bg);border-left:3px solid var(--accent);padding:6px 8px;margin-bottom:4px;font-size:11px;line-height:1.5;word-break:break-word}.signal-card.active{outline:1px solid #ffd54f;background:#1f2a44}.signal-card--buy{border-color:#81c784}.signal-card--sell{border-color:#ef5350}.signal-card--neutral{border-color:#90a4ae}.panel__status{padding:6px 8px;font-size:10px;text-align:center;opacity:.6}.btn{background:var(--accent);color:#fff;border:none;cursor:pointer;padding:4px 10px;font-size:10px;text-transform:uppercase;letter-spacing:.5px}.btn--sm{font-size:9px;padding:3px 6px}.btn:hover{opacity:.85}.diag-panel{position:absolute;bottom:0;right:20px;width:420px;max-height:40vh;background:var(--surface);border:1px solid var(--border);border-top:none;padding:10px;font-size:10px;overflow-y:auto;line-height:1.6}.diag-panel--hidden{display:none}.empty-hint{padding:20px 8px;text-align:center;opacity:.4;font-size:10px}