/* The look: neutral surfaces, glass on the floating pieces, one flat nav. Overrides the files above, so it must load after them. */
:root{
  --bg:#FAFAFA; --glass:rgba(255,255,255,.72); --glass2:rgba(255,255,255,.88); --edge:rgba(10,10,11,.08); --wash:rgba(113,113,122,.08);
  --brand:#2F6BFF; --brandtext:#1D4ED8; --brandsoft:#EEF3FF;
  --shine:inset 0 1px 0 rgba(255,255,255,.75);
  --a1:#FFFFFF; --a2:transparent; --a3:transparent;
}
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]){
    --bg:#09090B; --glass:rgba(24,24,27,.7); --glass2:rgba(20,20,23,.88); --edge:rgba(255,255,255,.09); --wash:rgba(161,161,170,.1);
    --brand:#6E9BFF; --brandtext:#93B4FF; --brandsoft:#14213F;
    --shine:inset 0 1px 0 rgba(255,255,255,.06);
    --a1:rgba(255,255,255,.05); --a2:transparent; --a3:transparent;
  }
}
:root[data-theme="dark"]{
  --bg:#09090B; --glass:rgba(24,24,27,.7); --glass2:rgba(20,20,23,.88); --edge:rgba(255,255,255,.09); --wash:rgba(161,161,170,.1);
    --brand:#6E9BFF; --brandtext:#93B4FF; --brandsoft:#14213F;
  --shine:inset 0 1px 0 rgba(255,255,255,.06);
  --a1:rgba(255,255,255,.05); --a2:transparent; --a3:transparent;
}
body{background:transparent}
body::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:
  radial-gradient(900px 540px at 60% -10%,var(--a1),transparent 64%),
  radial-gradient(720px 520px at 104% 22%,var(--a2),transparent 62%),
  radial-gradient(760px 560px at 6% 2%,var(--a3),transparent 62%)}
.card,.stats,.hero,.frame{background:var(--surface);border-color:var(--line);box-shadow:0 1px 2px rgba(10,10,11,.03)}
.composer,.rail{background:var(--glass);border-color:var(--edge);-webkit-backdrop-filter:blur(24px) saturate(160%);backdrop-filter:blur(24px) saturate(160%);box-shadow:var(--shine),0 1px 2px rgba(10,10,11,.03)}
.stat{background:none;box-shadow:-1px 0 0 var(--line),0 -1px 0 var(--line)}
.kpis,.dchart,.dbox{border-color:var(--edge)}
.chart{background:none;border-color:var(--edge)}
.hero::before{display:none}
.deal,.btn,.search,.sel,.act,.field input,.field select{background:var(--surface)}
.btn.pri,.tog[aria-pressed="true"]{border-color:var(--btn)}
.btn:hover,.act:hover{background:var(--hover)}
.btn.pri:hover{background:var(--btn)}
.chip{background:none}
.chip.on{background:var(--surface);border-color:var(--line2);box-shadow:0 1px 2px rgba(10,10,11,.05)}
.ct th{background:var(--rail)}
.ct td,.book+.book,.row+.row,.day+.day,.trow+.trow,.wrow+.wrow,.crow+.crow,.frow+.frow,.pay+.pay,.sheet h4,.dfoot,.ph,.fbar{border-color:var(--edge)}
.dbox,.fbar,.col{background:var(--rail)}
.sheet{background:var(--glass2);border-left-color:var(--edge);-webkit-backdrop-filter:blur(34px) saturate(170%);backdrop-filter:blur(34px) saturate(170%);box-shadow:-30px 0 80px rgba(10,10,11,.16)}
.scrim{background:rgba(10,10,11,.16)}
.tip{background:var(--glass2);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}

/* one nav */
.app{grid-template-columns:240px minmax(0,1fr)}
.rail{top:10px;height:calc(100vh - 20px);margin:10px 0 10px 10px;border:1px solid var(--edge);border-radius:18px;padding:14px 10px 10px;gap:14px;box-shadow:var(--shine),0 12px 34px rgba(10,10,11,.06)}
.nav{gap:2px}
.nav a{padding:7px 9px;border-radius:9px;font-size:13.5px}
.nav a:hover{background:var(--wash)}
.nav a.on{background:var(--surface);box-shadow:0 0 0 1px var(--edge),0 1px 2px rgba(10,10,11,.05)}
.nav svg{width:16px;height:16px}
.rail-foot{flex-direction:column;align-items:stretch;gap:8px;padding:0}
.ws{background:none;border-color:var(--edge)}
.rf{display:flex;align-items:center;gap:8px;padding:0 2px}
.rf .demo{margin-left:auto;border-color:var(--edge)}
.round{background:none;border-color:var(--edge)}
.page{max-width:1160px;padding:0 32px 140px}
.vh,.chead{margin-top:34px}