:root{--bg:#04111f;--panel:#0b1b2ddd;--panel2:#0f243c;--text:#edf8ff;--muted:#99b2c8;--line:#203d5b;--green:#37f6a3;--cyan:#42dbff;--gold:#ffd166;--red:#ff617c;--violet:#a98cff;--shadow:0 24px 80px rgba(0,0,0,.42)}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 20% 0,rgba(55,246,163,.15),transparent 25%),linear-gradient(135deg,#04111f,#08192d 48%,#030812);color:var(--text);font-family:Inter,system-ui,sans-serif;min-height:100vh;overflow-x:hidden}#matrix{position:fixed;inset:0;z-index:-1;opacity:.22}.app-shell{display:grid;grid-template-columns:290px 1fr;min-height:100vh}.sidebar{padding:22px;border-right:1px solid rgba(255,255,255,.09);background:rgba(4,12,23,.78);backdrop-filter:blur(16px);position:sticky;top:0;height:100vh}.brand{display:flex;align-items:center;gap:12px;color:var(--text);text-decoration:none;font-weight:900}.brand span{display:grid;place-items:center;width:42px;height:42px;border-radius:15px;background:linear-gradient(135deg,var(--green),var(--cyan));color:#04111f}.side-note,.source-box small{color:var(--muted);line-height:1.5}.menu{display:grid;gap:9px;margin:26px 0}.menu button,.panel-head button,.chip{border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.055);color:var(--text);border-radius:15px;padding:13px 14px;text-align:left;font-weight:900;cursor:pointer}.menu button.active,.menu button:hover,.panel-head button,.chip.active{background:linear-gradient(135deg,var(--green),var(--cyan));color:#04111f}.source-box{border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.055);border-radius:18px;padding:14px}.source-box b,.source-box span{display:block}.source-box span{color:var(--green);font-family:JetBrains Mono,monospace;margin:5px 0}.workspace{padding:24px clamp(16px,3vw,38px)}.topbar{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:18px}.eyebrow{text-transform:uppercase;letter-spacing:.18em;color:var(--green);font-size:12px;font-weight:900;margin:0 0 8px}.topbar h1{font-size:clamp(28px,4vw,54px);letter-spacing:-.06em;line-height:.95;margin:0}.status-pills{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.status-pills span{padding:10px 12px;border-radius:999px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.06);font:800 12px JetBrains Mono,monospace;color:#dcefff}.console-grid{display:grid;grid-template-columns:minmax(0,1fr) 420px;gap:16px}.panel{border:1px solid rgba(255,255,255,.1);background:linear-gradient(180deg,rgba(15,36,60,.9),rgba(5,13,25,.92));box-shadow:var(--shadow);border-radius:24px;padding:18px}.panel-head{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:14px}.panel-head h2{margin:0;font-size:21px}.panel-head button{text-align:center;padding:11px 14px}.terminal-panel pre{height:294px;overflow:auto;margin:0;padding:14px;border-radius:16px;background:#03101d;color:#bfffe2;font:700 12px/1.55 JetBrains Mono,monospace}.results-panel{margin-top:16px}.results-panel input,.field,input,select{width:100%;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.06);color:var(--text);border-radius:14px;padding:12px 13px;font:700 14px Inter}.form-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.help{color:var(--muted);line-height:1.6}.big-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.metric{padding:16px;border:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.05);border-radius:18px}.metric b{display:block;font:900 28px JetBrains Mono,monospace}.metric span{color:var(--muted)}.table-wrap{overflow:auto;max-height:560px;border-radius:18px;border:1px solid rgba(255,255,255,.08)}table{width:100%;border-collapse:collapse;background:rgba(4,14,26,.7)}th,td{padding:11px 12px;border-bottom:1px solid rgba(255,255,255,.07);text-align:left;white-space:nowrap}th{position:sticky;top:0;background:#0b1b2d;color:#9fd9ff;font-size:12px;text-transform:uppercase;letter-spacing:.06em}td{color:#dceaf5}.ticker{font:900 14px JetBrains Mono,monospace;color:var(--green)}.cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.card{padding:15px;border:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.05);border-radius:18px}.card h3{margin:0 0 8px}.card p{color:var(--muted);line-height:1.45}.bar{height:8px;border-radius:99px;background:rgba(255,255,255,.08);overflow:hidden}.bar i{display:block;height:100%;background:linear-gradient(90deg,var(--green),var(--cyan))}.graph{height:360px;position:relative;border-radius:18px;background:radial-gradient(circle at 50% 50%,rgba(66,219,255,.1),transparent 48%);overflow:hidden}.node{position:absolute;transform:translate(-50%,-50%);display:grid;place-items:center;border-radius:99px;background:linear-gradient(135deg,var(--green),var(--cyan));color:#03101d;font:900 13px JetBrains Mono,monospace;box-shadow:0 0 30px rgba(55,246,163,.28)}.node.small{background:rgba(255,255,255,.12);color:var(--text);border:1px solid rgba(255,255,255,.18)}.download{display:inline-flex;margin-top:10px;color:#05111f;background:var(--green);font-weight:900;padding:10px 12px;border-radius:12px;text-decoration:none}@media(max-width:1050px){.app-shell{grid-template-columns:1fr}.sidebar{position:relative;height:auto}.console-grid{grid-template-columns:1fr}.cards,.big-metrics{grid-template-columns:repeat(2,1fr)}}@media(max-width:620px){.form-grid,.cards,.big-metrics{grid-template-columns:1fr}.topbar{display:block}.panel{border-radius:18px}}


.stock-row { cursor: pointer; }
.stock-row:hover td { background: rgba(55,246,163,.085); }
.ticker a, .card a { color: var(--green); font-weight: 900; text-decoration: none; }
.profile-page { display: grid; gap: 16px; }
.profile-hero { display: flex; justify-content: space-between; gap: 18px; align-items: flex-start; padding: 18px; border: 1px solid rgba(255,255,255,.1); border-radius: 22px; background: linear-gradient(135deg, rgba(55,246,163,.12), rgba(66,219,255,.06)); }
.profile-hero h2 { margin: 0; font-size: clamp(28px, 4vw, 54px); letter-spacing: -.055em; }
.back-link { color: var(--cyan); font-weight: 900; text-decoration: none; display: inline-flex; margin-bottom: 12px; }
.profile-actions { display: flex; gap: 10px; flex-wrap: wrap; justify-content: flex-end; }
.profile-grid { display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: 12px; }
.profile-columns { display: grid; grid-template-columns: minmax(0,.9fr) minmax(0,1.1fr); gap: 14px; }
.profile-card { border: 1px solid rgba(255,255,255,.1); border-radius: 22px; background: rgba(255,255,255,.045); padding: 18px; }
.profile-card h3 { margin: 0 0 12px; }
dl { display: grid; grid-template-columns: 140px 1fr; gap: 8px 12px; margin: 0; }
dt { color: var(--muted); font-weight: 900; }
dd { margin: 0; color: var(--text); }
.peer-list { display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: 10px; }
.peer-list button { border: 1px solid rgba(255,255,255,.1); background: rgba(255,255,255,.06); color: var(--text); border-radius: 14px; padding: 12px; text-align: left; cursor: pointer; }
.peer-list button:hover { background: rgba(55,246,163,.12); }
.peer-list b { display: block; color: var(--green); font-family: JetBrains Mono, monospace; }
.peer-list span { color: var(--muted); font-size: 12px; }
@media(max-width:900px){.profile-grid,.profile-columns,.peer-list{grid-template-columns:1fr}.profile-hero{display:block}.profile-actions{justify-content:flex-start;margin-top:12px}dl{grid-template-columns:1fr}}


.signal-grid { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 10px; }
.signal-grid div, .source-grid span { border: 1px solid rgba(255,255,255,.08); background: rgba(255,255,255,.045); border-radius: 14px; padding: 12px; }
.signal-grid b, .source-grid b { display:block; color: var(--green); font-family: JetBrains Mono, monospace; margin-bottom: 4px; }
.signal-grid span, .source-grid span { color: var(--muted); font-size: 12px; }
.source-grid { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 10px; }
.chart-head { display: flex; justify-content: space-between; gap: 14px; align-items: flex-start; margin-bottom: 12px; }
.chart-head h3 { margin-bottom: 4px; }
.chart-controls { display: flex; gap: 8px; align-items: center; flex-wrap: wrap; justify-content: flex-end; }
.chart-controls button, .chart-controls select { border: 1px solid rgba(255,255,255,.12); background: rgba(255,255,255,.06); color: var(--text); border-radius: 12px; padding: 9px 10px; font-weight: 900; cursor: pointer; width: auto; }
.chart-controls button.active, .chart-controls button:hover { background: linear-gradient(135deg,var(--green),var(--cyan)); color: #04111f; }
.chart-shell { position: relative; border-radius: 18px; overflow: hidden; border: 1px solid rgba(255,255,255,.08); background: #061321; }
#profileChart, #volumeChart { width: 100%; height: auto; display: block; }
.chart-tooltip { position: absolute; pointer-events: none; z-index: 5; max-width: 360px; border: 1px solid rgba(55,246,163,.35); background: rgba(3,16,29,.94); color: #eafff6; border-radius: 12px; padding: 9px 10px; font: 800 12px/1.35 JetBrains Mono, monospace; box-shadow: 0 12px 35px rgba(0,0,0,.35); }
@media(max-width:900px){.chart-head{display:block}.chart-controls{justify-content:flex-start}.signal-grid,.source-grid{grid-template-columns:1fr}}