:root{--bg-primary:#0a0e17;--bg-secondary:#111827;--bg-tertiary:#1a2235;--bg-card:#131b2e;--border:#1e2d45;--border-hover:#2a3f5f;--text-primary:#e8ecf2;--text-secondary:#8893a8;--text-muted:#5a6578;--green:#00c853;--green-bg:rgba(0,200,83,0.12);--red:#ff1744;--red-bg:rgba(255,23,68,0.12);--yellow:#ffc107;--blue:#2979ff;--blue-bg:rgba(41,121,255,0.12);--accent:#00e5ff;--accent-bg:rgba(0,229,255,0.08);--radius:8px;--radius-lg:12px;--shadow:0 4px 24px rgba(0,0,0,0.4);--font-mono:"JetBrains Mono","Fira Code",monospace}*{box-sizing:border-box;margin:0;padding:0}body,html{background:var(--bg-primary);color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:14px;line-height:1.5;overflow-x:hidden}body{min-height:100vh}.app-layout{display:grid;grid-template-columns:300px 1fr;grid-template-rows:48px 1fr;height:100vh;overflow:hidden}.top-bar{grid-column:1/-1;background:var(--bg-secondary);border-bottom:1px solid var(--border);display:flex;align-items:center;padding:0 20px;gap:16px;z-index:10}.top-bar .logo{font-size:16px;font-weight:700;color:var(--accent);letter-spacing:-.5px;white-space:nowrap}.sidebar{background:var(--bg-secondary);border-right:1px solid var(--border)}.main-content,.sidebar{display:flex;flex-direction:column;overflow:hidden}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--border-hover)}.symbol-search{padding:12px;border-bottom:1px solid var(--border)}.symbol-search input{width:100%;padding:8px 12px;border-radius:var(--radius);border:1px solid var(--border);background:var(--bg-tertiary);color:var(--text-primary);font-size:13px;outline:none;transition:border-color .2s}.symbol-search input:focus{border-color:var(--accent)}.symbol-search input::placeholder{color:var(--text-muted)}.symbol-list{flex:1 1;overflow-y:auto}.symbol-item{display:flex;align-items:center;justify-content:space-between;padding:8px 16px;cursor:pointer;border-bottom:1px solid transparent;transition:background .15s}.symbol-item:hover{background:var(--bg-tertiary)}.symbol-item.active{background:var(--accent-bg);border-left:3px solid var(--accent)}.symbol-code{font-weight:600;font-size:13px;color:var(--text-primary)}.symbol-name{font-size:11px;color:var(--text-muted)}.symbol-price{font-family:var(--font-mono);font-size:13px;font-weight:600}.symbol-change{font-family:var(--font-mono);font-size:11px}.change-up{color:var(--green)}.change-down{color:var(--red)}.change-flat{color:var(--yellow)}.chart-header{display:flex;align-items:center;justify-content:space-between;padding:8px 16px;background:var(--bg-card);border-bottom:1px solid var(--border)}.chart-header .symbol-info h2{font-size:18px;font-weight:700}.chart-header .symbol-info .subtitle{font-size:12px;color:var(--text-secondary)}.chart-header .timeframe-selector{display:flex;gap:4px}.tf-btn{padding:4px 12px;border-radius:var(--radius);border:1px solid var(--border);background:transparent;color:var(--text-secondary);font-size:12px;cursor:pointer;transition:all .15s}.tf-btn:hover{border-color:var(--border-hover);color:var(--text-primary)}.tf-btn.active{background:var(--accent-bg);border-color:var(--accent);color:var(--accent)}.chart-container{flex:1 1;position:relative;overflow:hidden}.ticker-bar{overflow-x:auto;gap:1px;background:var(--border);height:52px}.ticker-bar,.ticker-item{display:flex;flex-shrink:0}.ticker-item{flex-direction:column;align-items:center;justify-content:center;padding:6px 16px;background:var(--bg-card);min-width:110px;cursor:pointer;transition:background .15s}.ticker-item:hover{background:var(--bg-tertiary)}.ticker-item .code{font-size:12px;font-weight:600}.ticker-item .price{font-family:var(--font-mono);font-size:14px;font-weight:700}.ticker-item .change{font-family:var(--font-mono);font-size:11px}.market-status{display:flex;align-items:center;gap:6px;font-size:12px;margin-left:auto}.status-dot{width:8px;height:8px;border-radius:50%;animation:pulse 2s infinite}.status-dot.open{background:var(--green)}.status-dot.closed{background:var(--red);animation:none}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.tplus-widget{padding:12px 16px;background:var(--bg-card);border-top:1px solid var(--border)}.tplus-widget h4{font-size:11px;text-transform:uppercase;letter-spacing:1px;color:var(--text-muted);margin-bottom:8px}.tplus-row{display:flex;gap:8px;align-items:center}.tplus-row input{width:100px;padding:6px 8px;border-radius:var(--radius);border:1px solid var(--border);background:var(--bg-tertiary);color:var(--text-primary);font-size:12px;font-family:var(--font-mono);outline:none}.tplus-row input:focus{border-color:var(--accent)}.tplus-result{margin-top:8px;font-family:var(--font-mono);font-size:12px;color:var(--accent)}@media (max-width:768px){.app-layout{grid-template-columns:1fr;grid-template-rows:48px 1fr 52px}.sidebar{display:none}.sidebar.mobile-open{display:flex;position:fixed;top:48px;left:0;bottom:52px;width:280px;z-index:100}.chart-header{flex-wrap:wrap;gap:8px}}