:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#e9edf5;background:#070b12;color-scheme:dark;--bg:#070b12;--surface:#0d131d;--surface-2:#111a27;--line:#1d2a3c;--muted:#8492a8;--faint:#526176;--accent:#8da8ff;--green:#37d69a;--red:#ff7080;--amber:#f5bd63;--radius:14px}*{box-sizing:border-box}body{margin:0;min-width:320px;background:radial-gradient(circle at 80% -10%,#16243d 0,#070b12 38%),var(--bg)}button{font:inherit}main{max-width:1420px;margin:auto;padding:24px 34px 38px}.topbar{height:48px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:18px}.brand-lockup{display:flex;align-items:center;gap:10px}.brand-mark{width:28px;height:28px;border-radius:8px;background:var(--accent);color:#08101d;display:grid;place-items:center;font-weight:900;font-size:15px;box-shadow:0 0 22px #8da8ff55}.brand-name{font-size:16px;letter-spacing:-.02em;font-weight:800}.brand-subtitle{font-size:10px;color:var(--faint);letter-spacing:.1em;text-transform:uppercase;margin-top:1px}.topbar-meta{display:flex;align-items:center;gap:9px;color:var(--muted);font-size:11px}.live-dot,.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 0 4px #37d69a18}.mode-label{margin-left:12px;color:var(--amber);letter-spacing:.08em;font-size:10px}.page-heading{display:flex;justify-content:space-between;gap:24px;align-items:end;padding:48px 0 30px}.section-kicker{margin:0 0 8px;color:var(--faint);font-size:10px;letter-spacing:.16em;font-weight:800}.page-heading h1,.analytics-intro h2{margin:0;letter-spacing:-.04em;font-size:34px;line-height:1.1}.page-description{color:var(--muted);font-size:13px;margin:10px 0 0;max-width:620px;line-height:1.6}.connection-summary{display:flex;align-items:center;gap:10px;background:var(--surface);border:1px solid var(--line);border-radius:999px;padding:10px 14px;color:var(--muted);font-size:12px;white-space:nowrap}.status-dot.status-good{background:var(--green);box-shadow:0 0 0 4px #37d69a18}.status-dot.status-bad{background:var(--red);box-shadow:0 0 0 4px #ff708018}.status-dot.status-neutral{background:var(--faint);box-shadow:0 0 0 4px #52617618}.tabs{display:flex;gap:5px;border-bottom:1px solid var(--line);margin-bottom:24px}.tab{cursor:pointer;background:none;color:var(--muted);border:0;border-bottom:2px solid transparent;padding:11px 14px 12px;font-size:12px;font-weight:700}.tab:hover,.tab.is-active{color:#fff}.tab.is-active{border-color:var(--accent)}.tab-panel{display:none}.tab-panel.is-active{display:block}.metric-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-bottom:18px}.metric{background:linear-gradient(145deg,#101928,#0c121c);border:1px solid var(--line);border-radius:var(--radius);padding:18px;min-height:105px}.metric-label{color:var(--muted);font-size:11px}.metric-value{display:block;font-size:25px;letter-spacing:-.04em;margin-top:12px;color:#f4f7fb;font-weight:750}.metric-value.positive{color:var(--green)}.metric-value.negative{color:var(--red)}.metric-value.neutral{color:#f4f7fb}.metric-hint{display:block;color:var(--faint);font-size:11px;margin-top:4px}.content-grid{display:grid;gap:18px;margin-bottom:18px}.content-grid-wide{grid-template-columns:1.55fr 1fr}.panel{background:rgba(13,19,29,.86);border:1px solid var(--line);border-radius:var(--radius);padding:20px;min-width:0}.panel-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:17px}.panel h2{font-size:15px;margin:0;letter-spacing:-.02em}.panel-count,.analytics-note{color:var(--faint);font-size:11px;white-space:nowrap}.activity-list,.bot-list{display:grid;gap:8px}.activity{display:grid;grid-template-columns:64px 1fr auto;gap:10px;align-items:center;padding:11px 12px;background:var(--surface-2);border:1px solid transparent;border-radius:9px}.activity:hover{border-color:var(--line)}.action{font-size:10px;font-weight:800;letter-spacing:.08em}.action.Buy{color:var(--green)}.action.Sell{color:var(--red)}.action.Close{color:var(--amber)}.action.Hold{color:var(--muted)}.activity-main strong{font-size:12px;font-weight:650}.activity-reason{display:block;color:var(--muted);font-size:11px;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.activity-time{color:var(--faint);font-size:10px;white-space:nowrap}.bot-card{display:grid;grid-template-columns:1fr auto;gap:4px 12px;padding:13px;background:var(--surface-2);border-radius:9px}.bot-name{font-size:12px;font-weight:700}.bot-state{font-size:10px;color:var(--muted);display:flex;align-items:center;gap:6px}.bot-meta{grid-column:1/-1;color:var(--muted);font-size:11px}.bot-heartbeat{grid-column:1/-1;color:var(--faint);font-size:10px;margin-top:3px}.market-panel{margin-bottom:18px}.market-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:10px}.market-card{background:var(--surface-2);border-radius:10px;padding:15px}.market-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.market-symbol{font-size:14px;font-weight:750}.market-time{font-size:10px;color:var(--faint)}.market-prices{display:flex;gap:20px}.market-price label{display:block;font-size:10px;color:var(--faint);margin-bottom:4px}.market-price strong{font-size:15px}.market-details{display:flex;gap:10px;flex-wrap:wrap;color:var(--muted);font-size:10px;margin-top:16px}.market-details span{padding-right:10px;border-right:1px solid var(--line)}.market-details span:last-child{border:0}.analytics-intro{display:flex;justify-content:space-between;align-items:end;margin:8px 0 24px}.chart-grid{display:grid;grid-template-columns:1.45fr 1fr;gap:18px;margin-bottom:18px}.chart-panel{min-height:315px}.chart{height:225px;display:flex;align-items:center;justify-content:center}.chart svg{width:100%;height:100%;overflow:visible}.chart-grid-line{stroke:var(--line);stroke-width:1}.chart-axis{fill:var(--faint);font-size:10px}.chart-line{fill:none;stroke:var(--accent);stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}.chart-area{fill:url(#area-fill);opacity:.32}.chart-point{fill:var(--surface);stroke:var(--accent);stroke-width:2}.chart-value{color:var(--accent);font-size:13px;font-weight:750}.bar-group rect{fill:#526176}.bar-group rect.active{fill:var(--accent)}.bar-group text{fill:var(--muted);font-size:10px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:12px}th,td{text-align:left;padding:12px 8px;border-bottom:1px solid #172333;white-space:nowrap}th{color:var(--faint);font-weight:650;font-size:10px;letter-spacing:.04em;text-transform:uppercase}td{color:#cbd4e2}.positive{color:var(--green)!important}.negative{color:var(--red)!important}.neutral{color:var(--muted)!important}.tag{display:inline-block;padding:4px 7px;border-radius:5px;background:#1a2636;color:var(--muted);font-size:10px}.empty-state{color:var(--faint);font-size:12px;padding:25px 4px}.news-list{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.news-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:20px;min-height:190px;display:flex;flex-direction:column}.news-card time{color:var(--accent);font-size:10px;letter-spacing:.1em;text-transform:uppercase}.news-card h3{font-size:16px;line-height:1.3;margin:16px 0 10px;letter-spacing:-.02em}.news-card p{color:var(--muted);font-size:12px;line-height:1.65;margin:0}.news-card footer{margin-top:auto;padding-top:20px;color:var(--faint);font-size:10px}footer{display:flex;gap:20px;color:var(--faint);font-size:10px;letter-spacing:.04em;padding-top:28px}.no-live{color:var(--amber)}@media(max-width:1000px){main{padding:22px 20px}.metric-grid{grid-template-columns:repeat(3,1fr)}.content-grid-wide,.chart-grid{grid-template-columns:1fr}.news-list{grid-template-columns:repeat(2,1fr)}}@media(max-width:620px){main{padding:16px 14px}.topbar-meta .mode-label{display:none}.page-heading{display:block;padding:36px 0 24px}.page-heading h1,.analytics-intro h2{font-size:28px}.connection-summary{display:inline-flex;margin-top:18px}.metric-grid{grid-template-columns:repeat(2,1fr);gap:8px}.metric{padding:14px;min-height:96px}.metric-value{font-size:21px}.activity{grid-template-columns:52px 1fr}.activity-time{grid-column:2}.analytics-intro{display:block}.analytics-note{display:block;margin-top:12px}.news-list{grid-template-columns:1fr}footer{flex-wrap:wrap}.market-grid{grid-template-columns:1fr}}