:root{
  color-scheme:light;
  --blue:#2f45ff;
  --ink:#151719;
  --text:#323b45;
  --muted:#87929d;
  --page:#dbe5ea;
  --paper:#fbfcfc;
  --card:#ffffff;
  --line:#e2e9ed;
  --soft:#f4f7f9;
  --green:#38a77c;
  --green-soft:#eaf8f2;
  --red:#e45b66;
  --red-soft:#fff0f2;
  --amber:#efa51d;
  --amber-soft:#fff7e8;
  --sans:Inter,Aptos,"Segoe UI Variable","Segoe UI",Arial,sans-serif;
  --mono:"Cascadia Mono","SFMono-Regular",Consolas,monospace;
}
*{box-sizing:border-box}
html,body{width:100%;height:100%;margin:0;font-family:var(--sans);color:var(--ink);background:#f7fbfd}
body{overflow:hidden}
button,input{font:inherit}
.stage{
  width:100vw;
  height:100vh;
  display:grid;
  place-items:stretch;
  padding:0;
  background:#f7fbfd;
}
.shell{
  position:relative;
  width:100vw;
  height:100vh;
  display:grid;
  grid-template-rows:76px minmax(0,1fr);
  border:0;
  background:#f7fbfd;
  box-shadow:none;
  overflow:hidden;
}
.topbar{position:relative;z-index:3;height:76px;display:grid;grid-template-columns:300px minmax(0,1fr) 340px;align-items:center;gap:24px;padding:0 28px;border-bottom:1px solid var(--line);background:rgba(255,255,255,.94);backdrop-filter:blur(14px)}
.brand{display:flex;align-items:center;gap:9px;font-size:15px;font-weight:950;letter-spacing:.01em;text-transform:uppercase;white-space:nowrap;text-decoration:none;color:var(--ink)}
.brand-mark{position:relative;width:17px;height:15px;flex:none}
.brand-mark::before,.brand-mark::after{content:"";position:absolute;border:3px solid var(--blue);border-right:0;border-bottom:0;border-radius:6px 0 0 0;transform:rotate(45deg)}
.brand-mark::before{inset:5px 2px 1px 6px}
.brand-mark::after{inset:0 8px 7px 0;opacity:.5}
.brand span:last-child{color:var(--blue)}
.nav{display:flex;justify-content:center;gap:4px;min-width:0}
.nav-label{margin:0 0 8px 10px;color:#a0aab3;font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.09em}
.nav-item{height:38px;display:flex;align-items:center;padding:0 16px;border:1px solid transparent;border-radius:9px;color:#5f6b76;font-size:12px;font-weight:900;text-decoration:none;white-space:nowrap}
.nav-item.active{color:#fff;background:var(--blue);border-color:var(--blue);box-shadow:0 10px 22px rgba(47,69,255,.18)}
.ico{width:22px;height:22px;display:grid;place-items:center;border-radius:7px;color:#4e5964;background:#eef3f5;font:900 9px/1 var(--mono)}
.nav-item.active .ico{color:var(--blue);background:#eef2ff}
.topbar .ico,.topbar .nav-label{display:none}
.side-note{margin:0 12px 12px;padding:13px;border-radius:12px;color:#fff;background:#151515}
.side-note strong{display:block;font-size:12px}
.side-note span{display:block;margin-top:6px;color:#b6bec4;font-size:10px;line-height:1.35}
.main{position:relative;z-index:2;min-width:0;min-height:0;display:grid;grid-template-rows:minmax(0,1fr);background:#fff}
.top{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:0 24px;border-bottom:1px solid var(--line);background:#fbfcfc}
.crumb{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:850}
.crumb span{color:var(--muted);font-weight:750}
.pill{height:24px;display:inline-flex;align-items:center;gap:7px;padding:0 10px;border-radius:999px;background:#edf8f4;color:#245d48;font-size:10px;font-weight:850}
.pill::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--green)}
.search{width:100%;height:42px;border:1px solid var(--line);border-radius:10px;background:#fff;color:#8a949e;outline:0;padding:0 16px;font-size:13px}
.content{height:100%;min-height:0;padding:22px 28px 22px;display:grid;gap:16px;overflow:hidden}
.section-head{display:flex;align-items:center;justify-content:space-between}
.section-head h1{margin:0;font-size:31px;letter-spacing:-.055em;line-height:.96}
.section-head span{color:#8a949e;font-size:11px;font-weight:850;text-transform:uppercase;letter-spacing:.08em}
.panel{min-height:0;border:1px solid var(--line);border-radius:18px;overflow:hidden;background:#fff;box-shadow:0 18px 46px rgba(27,47,67,.10)}
.panel-head{height:56px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 20px;border-bottom:1px solid var(--line)}
.panel-head strong{font-size:16px;font-weight:900}
.panel-head span{color:#89949f;font-size:10px;font-weight:850;text-transform:uppercase;letter-spacing:.07em}
.grid-2{display:grid;grid-template-columns:minmax(0,1fr) 382px;gap:16px;min-height:0}
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.metric-card{padding:15px 18px;border:1px solid var(--line);border-radius:15px;background:#fff;box-shadow:0 12px 28px rgba(27,47,67,.075)}
.metric-card small{display:block;color:#8b96a0;font:900 11px/1 var(--mono);text-transform:uppercase}
.metric-card strong{display:block;margin-top:9px;font-size:25px;letter-spacing:-.055em}
.metric-card span{display:block;margin-top:7px;font:900 10px/1 var(--mono)}
.up{color:var(--green)}.down{color:var(--red)}.warn{color:var(--amber)}
table{width:100%;border-collapse:collapse;font-size:13px}
.table-panel table{align-self:start}
th,td{padding:14px 18px;border-bottom:1px solid var(--line);text-align:left}
th{color:#8a949e;font-size:11px;font-weight:850;text-transform:uppercase}
td{font-weight:850;color:#29323c}
.badge{display:inline-flex;align-items:center;min-width:48px;justify-content:center;height:20px;border-radius:999px;font:900 9px/1 var(--mono)}
.badge.buy,.badge.ok{background:var(--green-soft);color:var(--green)}
.badge.watch{background:var(--amber-soft);color:var(--amber)}
.badge.sell,.badge.risk{background:var(--red-soft);color:var(--red)}
.chart{position:relative;min-height:0;background:linear-gradient(rgba(21,21,21,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(21,21,21,.026) 1px,transparent 1px),#fbfcfc;background-size:68px 46px}
.chart svg{position:absolute;inset:16px;width:calc(100% - 32px);height:calc(100% - 32px);overflow:visible}
.tooltip{position:absolute;right:24px;top:24px;width:136px;padding:10px;border:1px solid #dce4e8;border-radius:10px;background:#fff;box-shadow:0 14px 30px rgba(37,51,62,.1)}
.tooltip small{display:block;color:#87929c;font-size:9px;font-weight:850;text-transform:uppercase}
.tooltip strong{display:block;margin-top:6px;font-size:14px;color:#111}
.range{display:flex;gap:6px}
.range button{height:24px;min-width:34px;border:1px solid var(--line);border-radius:7px;background:#fff;color:#74808a;font-size:10px;font-weight:850}
.range .active{background:#151515;color:#fff;border-color:#151515}
.tabs{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line)}
.tabs span{display:grid;place-items:center;color:#6f7b86;border-right:1px solid var(--line);font-size:11px;font-weight:850}
.tabs span:last-child{border-right:0}
.list{padding:14px 16px}
.event-panel .list{display:grid;align-content:start;gap:4px}
.list-row{display:grid;grid-template-columns:28px 1fr auto;gap:10px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line)}
.list-row:last-child{border-bottom:0}
.list-row strong{display:block;font-size:12px}
.list-row small{display:block;margin-top:4px;color:#8a949e;font-size:10px;font-weight:800}
.coin-dot{width:24px;height:24px;display:grid;place-items:center;border-radius:50%;background:#eef3f5;color:#4e5964;font:900 10px/1 var(--mono)}
.rail{height:8px;border-radius:999px;background:#edf2f4;overflow:hidden}
.fill{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#a9e3dc,var(--green))}
.mini-copy{padding:16px}
.mini-copy p{margin:8px 0 0;color:#6e7882;font-size:12px;line-height:1.45;font-weight:700}
.cta{height:36px;margin-top:14px;border:0;border-radius:9px;background:var(--blue);color:#fff;font-size:12px;font-weight:900;padding:0 18px}
.page-overview{grid-template-rows:26px 106px minmax(286px,1fr) 188px}
.coin-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}
.coin-card{height:52px;padding:8px 10px;border:1px solid var(--line);border-radius:12px;background:#fff;display:grid;grid-template-columns:1fr auto;gap:8px;align-content:center}
.coin-card strong{display:block;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.coin-card small{display:block;margin-top:3px;color:#8b96a0;font:900 9px/1 var(--mono)}
.coin-card b{font:950 10px/1 var(--mono)}
.coin-card em{grid-column:2;grid-row:2;align-self:center;justify-self:start;padding:3px 6px;border-radius:999px;font:900 9px/1 var(--mono);font-style:normal}
.coin-card .up{background:var(--green-soft)}.coin-card .down{background:var(--red-soft)}
.chart-panel{display:grid;grid-template-rows:56px 1fr 42px}
.event-panel,.table-panel,.sentiment-panel{display:grid;grid-template-rows:56px minmax(0,1fr)}
.gauge{display:grid;grid-template-columns:88px 1fr;align-items:center;gap:12px;padding:14px}
.meter{width:82px;height:48px;border-radius:82px 82px 0 0;background:conic-gradient(from 270deg at 50% 100%,#ef5869 0 44deg,#f1b54a 44deg 92deg,#46ad82 92deg 154deg,transparent 154deg 180deg);position:relative;overflow:hidden}
.meter::before{content:"";position:absolute;inset:11px 11px 0;border-radius:70px 70px 0 0;background:#fff}
.needle{position:absolute;left:50%;bottom:0;width:32px;height:3px;transform-origin:left center;transform:rotate(-18deg);background:#151515;border-radius:999px}
.gauge strong{display:block;font-size:23px;letter-spacing:-.03em}
.gauge p{margin:4px 0 0;color:#6e7882;font-size:10px;line-height:1.3;font-weight:750}

.compact-tabs span{
  font-size:10px;
  white-space:nowrap;
  letter-spacing:-.01em;
}

.dashboard-pro{
  grid-template-rows:62px 66px minmax(0,1fr) 200px;
  gap:13px;
}
.desk-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:22px;
}
.desk-head small,
.market-command small,
.decision-rail small{
  display:block;
  color:var(--blue);
  font:950 10px/1 var(--mono);
  letter-spacing:.08em;
  text-transform:uppercase;
}
.desk-head h1{
  margin:8px 0 0;
  font-size:30px;
  line-height:1;
  letter-spacing:-.055em;
}
.desk-actions{
  display:flex;
  gap:9px;
  padding-top:2px;
}
.quiet-action,
.primary-action{
  height:34px;
  border-radius:9px;
  padding:0 14px;
  font-size:12px;
  font-weight:900;
}
.quiet-action{
  border:1px solid #d8e2e8;
  color:#36424d;
  background:#fff;
}
.primary-action{
  border:1px solid var(--blue);
  color:#fff;
  background:var(--blue);
  box-shadow:0 10px 22px rgba(47,69,255,.18);
}
.market-tape{
  display:grid;
  grid-template-columns:1.18fr repeat(5,1fr);
  gap:9px;
}
.tape-card{
  min-width:0;
  display:grid;
  grid-template-columns:1fr auto;
  align-content:center;
  gap:5px 8px;
  padding:10px 12px;
  border:1px solid #dfe8ed;
  border-radius:13px;
  background:linear-gradient(180deg,#fff,#f8fafb);
}
.tape-card.is-lead{
  color:#fff;
  border-color:#1c2fe8;
  background:linear-gradient(135deg,#2f45ff,#172589);
}
.tape-card span{
  color:inherit;
  opacity:.72;
  font:950 10px/1 var(--mono);
}
.tape-card strong{
  grid-column:1;
  font-size:15px;
  letter-spacing:-.03em;
  white-space:nowrap;
}
.tape-card em{
  grid-column:2;
  grid-row:1 / span 2;
  align-self:center;
  justify-self:end;
  min-width:50px;
  height:21px;
  display:grid;
  place-items:center;
  border-radius:999px;
  font:950 9px/1 var(--mono);
  font-style:normal;
}
.tape-card .up{background:var(--green-soft)}
.tape-card .down{background:var(--red-soft)}
.tape-card.is-lead .up{
  color:#dffdf4;
  background:rgba(255,255,255,.16);
}
.command-grid{
  min-height:0;
  display:grid;
  grid-template-columns:minmax(0,1fr) 290px;
  gap:14px;
}
.market-command{
  min-height:0;
  display:grid;
  grid-template-rows:58px 1fr 38px;
  overflow:hidden;
  border:1px solid #d8e2e8;
  border-radius:18px;
  background:#fff;
  box-shadow:0 22px 55px rgba(39,57,71,.10);
}
.command-top{
  display:grid;
  grid-template-columns:1fr auto auto;
  align-items:center;
  gap:18px;
  padding:0 18px;
  border-bottom:1px solid #e4ebef;
}
.command-top h2{
  margin:5px 0 0;
  font-size:18px;
  line-height:1;
  letter-spacing:-.03em;
}
.command-price{
  text-align:right;
}
.command-price strong{
  display:block;
  font-size:22px;
  letter-spacing:-.04em;
}
.command-price span{
  display:block;
  margin-top:2px;
  font:900 10px/1 var(--mono);
}
.pro-chart{
  position:relative;
  min-height:0;
  padding:12px;
  background:#f8fbfc;
}
.pro-chart svg{
  width:100%;
  height:100%;
  display:block;
}
.chart-callout{
  position:absolute;
  top:26px;
  right:26px;
  width:190px;
  padding:13px;
  border:1px solid rgba(47,69,255,.18);
  border-radius:13px;
  background:rgba(255,255,255,.82);
  box-shadow:0 18px 38px rgba(35,52,64,.12);
  backdrop-filter:blur(10px);
}
.chart-callout small{
  color:#7b8792;
}
.chart-callout strong{
  display:block;
  margin-top:7px;
  font-size:15px;
}
.chart-callout span{
  display:block;
  margin-top:7px;
  color:#68737e;
  font-size:11px;
  line-height:1.35;
  font-weight:750;
}
.command-tabs{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  border-top:1px solid #e4ebef;
}
.command-tabs span{
  display:grid;
  place-items:center;
  border-right:1px solid #e4ebef;
  color:#66717c;
  font-size:11px;
  font-weight:900;
}
.command-tabs span:last-child{border-right:0}
.command-tabs .active{
  color:var(--blue);
  background:#f3f6ff;
}
.decision-rail{
  min-height:0;
  display:grid;
  grid-template-rows:58px repeat(4,1fr) 44px;
  gap:0;
  padding:0 14px 14px;
  border:1px solid #d8e2e8;
  border-radius:18px;
  background:
    radial-gradient(circle at 80% 8%,rgba(47,69,255,.10),transparent 34%),
    linear-gradient(180deg,#fff,#f8fafb);
  box-shadow:0 22px 55px rgba(39,57,71,.08);
}
.rail-head{
  display:flex;
  flex-direction:column;
  justify-content:center;
  border-bottom:1px solid #e4ebef;
}
.rail-head strong{
  margin-top:6px;
  font-size:17px;
  letter-spacing:-.04em;
}
.rail-step{
  display:grid;
  grid-template-columns:28px 1fr;
  gap:10px;
  align-items:center;
  border-bottom:1px solid #e9eef2;
}
.rail-step span{
  width:22px;
  height:22px;
  border-radius:50%;
  border:1px solid #d9e3e8;
  background:#fff;
  position:relative;
}
.rail-step span::after{
  content:"";
  position:absolute;
  inset:6px;
  border-radius:50%;
  background:#aab6bf;
}
.rail-step.is-ready span::after{background:var(--green)}
.rail-step.is-warn span::after{background:var(--amber)}
.rail-step strong{
  display:block;
  font-size:12px;
}
.rail-step small{
  margin-top:5px;
  color:#737f89;
  font:800 10px/1.35 var(--sans);
  letter-spacing:0;
  text-transform:none;
}
.rail-button{
  width:100%;
  align-self:end;
}
.dashboard-bottom{
  min-height:0;
  display:grid;
  grid-template-columns:minmax(0,1fr) 290px;
  gap:14px;
}
.pro-table{
  display:grid;
  grid-template-rows:48px 1fr;
}
.news-card{
  display:grid;
  grid-template-rows:48px 1fr;
}
.news-stack{
  padding:8px 16px;
}
.news-stack div{
  padding:6px 0;
  border-bottom:1px solid #e5edf1;
}
.news-stack div:last-child{border-bottom:0}
.news-stack b{
  display:block;
  font-size:12px;
}
.news-stack small{
  display:block;
  margin-top:3px;
  color:#7d8791;
  font-size:10px;
  line-height:1.3;
  font-weight:800;
}

@media (min-width:2200px){
  .shell{grid-template-rows:88px minmax(0,1fr)}
  .topbar{height:88px;grid-template-columns:380px minmax(0,1fr) 420px;gap:32px;padding:0 42px}
  .brand{gap:11px;font-size:18px}.mark{width:21px;height:18px}
  .nav{gap:8px}.nav-item{height:46px;padding:0 22px;border-radius:12px;font-size:14px}
  .search{height:48px;border-radius:14px;padding:0 20px;font-size:15px}
  .content{height:calc(100% - 88px);padding:34px 42px 38px;gap:24px}
  .section-head{min-height:94px;gap:36px}.section-head h1{font-size:44px}.section-head p{max-width:640px;font-size:16px}
  .panel{border-radius:24px}.panel-head{height:72px;padding:0 28px}.panel-head strong{font-size:22px}.panel-head span{font-size:11px}
  table{font-size:15px}th,td{padding:14px 18px}th{font-size:11px}
  .metric-grid{gap:18px}.metric-card{border-radius:18px;padding:20px 22px}.metric-card strong{font-size:34px}.metric-card small{font-size:11px}.metric-card span{font-size:13px}
  .page-overview{gap:24px}.overview-grid{gap:22px}.stat-card{border-radius:20px;padding:22px 24px}.stat-card strong{font-size:36px}.stat-card span{font-size:13px}
  .coin-row{grid-template-columns:42px 1fr auto;gap:14px;padding:16px 18px}.coin-row strong{font-size:17px}.coin-row small{font-size:12px}.coin-badge{width:36px;height:36px;border-radius:12px;font-size:12px}
  .dashboard-pro{grid-template-rows:138px minmax(0,1fr) 260px;gap:22px}
  .command-hero{grid-template-columns:minmax(0,1fr) 720px;gap:44px}.command-hero h1{font-size:58px}.command-hero p{font-size:17px}.signal-strip{gap:16px}.signal{height:82px;border-radius:16px;padding:16px 18px}.signal small{font-size:11px}.signal strong{font-size:18px}
  .command-grid{grid-template-columns:390px minmax(0,1fr) 440px;gap:22px}.market-tape,.decision-rail,.market-command,.pro-table,.news-card{border-radius:24px}
  .tape-list,.rail-list{padding:16px}.tape-item{padding:16px 18px;border-radius:16px}.tape-item strong{font-size:18px}.tape-item small,.tape-item b{font-size:12px}
  .command-head{height:80px;padding:0 30px}.command-head h2{font-size:28px}.command-price strong{font-size:38px}.command-price span{font-size:13px}.command-chart{padding:28px}.chart-note{right:42px;top:42px;width:292px;padding:20px;border-radius:16px}.chart-note strong{font-size:21px}.chart-note span{font-size:14px}
  .command-tabs{height:60px}.command-tabs span{font-size:14px}
  .rail-step{grid-template-columns:36px 1fr;gap:14px;padding:13px 0}.rail-step span{width:30px;height:30px}.rail-step span::after{inset:8px}.rail-step strong{font-size:15px}.rail-step small{font-size:12px}
  .dashboard-bottom{grid-template-columns:minmax(0,1fr) 370px;gap:22px}.pro-table,.news-card{grid-template-rows:70px 1fr}
  .news-stack{padding:14px 22px}.news-stack div{padding:12px 0}.news-stack b{font-size:15px}.news-stack small{font-size:12px}
}