/* Backtest the Hype - dashboard + strategy report, from the "Website Design" canvas (5 · Dashboard, 4 · Strategy report, 3b · Your code + backtest). */
body.rp,body.db{background:#060C0A;position:relative;overflow-x:hidden}
.glows{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0}
.glow{position:absolute;pointer-events:none}
.vw{display:flex;flex-direction:column;gap:22px}
.vw.hidden{display:none}
.glow.g1{width:1000px;height:760px;left:-380px;top:-460px;background:radial-gradient(closest-side,rgba(47,140,88,.3),transparent)}
.glow.g2{width:800px;height:700px;right:-360px;top:200px;background:radial-gradient(closest-side,rgba(76,72,170,.14),transparent)}
.fade{position:absolute;left:0;right:0;bottom:0;height:320px;background:linear-gradient(to bottom,rgba(6,12,10,0),#020504);pointer-events:none;z-index:0}
.dim{color:#869389}.muted{color:#A6B2AC}
.rwrap{max-width:1320px;margin:0 auto;padding:0 24px;box-sizing:border-box;position:relative;z-index:1}

/* buttons from the design */
.b2{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 18px;border-radius:999px;font:600 14px 'Instrument Sans',sans-serif;text-decoration:none;box-sizing:border-box;cursor:pointer;border:0;white-space:nowrap}
.b2:disabled{opacity:.5;cursor:default}
.b2p{background:linear-gradient(90deg,#5FD992,#AEF2CA);color:#052012}
.b2p:hover:not(:disabled){color:#052012;filter:brightness(1.07)}
.b2s{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.11);color:#F1F5F3}
.b2s:hover:not(:disabled){color:#fff;background:rgba(255,255,255,.08)}
.b2.sq{min-height:36px;width:36px;padding:0}
.bwait{background:rgba(255,255,255,.07);color:#C2CCC7;border:1px solid rgba(255,255,255,.1);cursor:default;min-height:60px;padding:0 32px;font-size:16px}
.bbig{min-height:60px;padding:0 38px;font-size:17px;box-shadow:0 12px 34px -10px rgba(95,217,146,.65)}
.spinp{animation:sp .9s linear infinite;transform-origin:12px 12px}
.rise{animation:rise .5s cubic-bezier(.2,.7,.2,1)}
@keyframes rise{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.rise,.spinp,.spin{animation:none!important}}

/* report header */
.rphead{position:sticky;top:0;z-index:20;border-bottom:1px solid rgba(255,255,255,.06);background:rgba(6,12,10,.82);backdrop-filter:blur(14px)}
.rphrow{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px;padding-top:14px;padding-bottom:14px}
.rphl,.rphr{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.rphr{gap:8px}
.back{font-size:14px;text-decoration:none}
.vsep{width:1px;height:20px;background:rgba(255,255,255,.1)}
.rpname{font:600 18px 'Instrument Sans',sans-serif}
.rpsym{font-size:12px}
.credpill{font-size:12px;color:#869389;padding:0 6px}
.credpill b{color:#6FE3A0;font-size:14px;font-weight:500}
.rpmain{display:flex;flex-direction:column;gap:14px;padding-top:26px;padding-bottom:140px}
#rep{display:flex;flex-direction:column;gap:14px}
#rep.hidden{display:none}

/* cards */
.rcard{background:linear-gradient(180deg,rgba(24,38,32,.82) 0%,rgba(12,20,17,.78) 70%,rgba(8,14,12,.6) 100%);border:1px solid rgba(255,255,255,.075);border-bottom-color:rgba(255,255,255,.02);border-radius:20px;box-sizing:border-box;padding:18px 20px}
.glass{background:linear-gradient(180deg,rgba(24,38,32,.86) 0%,rgba(11,19,16,.76) 60%,rgba(6,12,10,.38) 100%);border:1px solid rgba(255,255,255,.08);border-bottom-color:rgba(255,255,255,0);border-radius:20px;box-sizing:border-box}
.board{border-radius:28px;background:radial-gradient(110% 90% at 0% 0%,rgba(40,110,74,.36),transparent 55%),radial-gradient(90% 90% at 100% 0%,rgba(60,56,140,.26),transparent 60%),linear-gradient(180deg,#0E1B16 0%,#070D0B 100%);border:1px solid rgba(127,227,168,.2);border-bottom-color:rgba(127,227,168,.03);box-sizing:border-box}
.waitb{padding:26px 28px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:18px}
.wt{font:700 24px 'Instrument Sans',sans-serif;letter-spacing:-.02em}
.ws{font-size:12px;margin-top:6px}
.k{font-size:13px;color:#A6B2AC}
.big{font:600 28px 'Geist Mono',monospace;letter-spacing:-.02em;margin-top:10px}
.ksub{font-size:12px;margin-top:6px}
.ttl{font:600 15px 'Instrument Sans',sans-serif}
.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,210px),1fr));gap:12px}
.kflex{display:flex;justify-content:space-between;align-items:flex-end;gap:8px}
.meter{height:5px;border-radius:5px;background:rgba(255,255,255,.07);margin-top:10px}
.meter div{height:100%;border-radius:5px;width:0}
.rprow{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.seg{display:flex;flex-wrap:wrap;gap:2px;padding:4px;border-radius:999px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08)}
.seg button{min-height:38px;padding:0 14px;border-radius:999px;border:0;cursor:pointer;font:500 13px 'Geist Mono',monospace;background:transparent;color:#A6B2AC}
.seg button[aria-pressed="true"]{background:rgba(95,217,146,.16);color:#C4F7D9}
#views button{font-family:'Instrument Sans',sans-serif}
#views button[aria-pressed="true"]{background:rgba(255,255,255,.08);color:#F1F5F3}
.rgrid{display:flex;flex-wrap:wrap;gap:12px}
.scorec{flex:1 1 300px;display:flex;flex-direction:column;gap:8px}
.radar{width:100%;max-width:320px;align-self:center;height:auto}
.scorebar{display:flex;align-items:center;gap:18px;padding-top:10px;border-top:1px solid rgba(255,255,255,.06);margin-top:auto}
.grad{position:relative;height:6px;border-radius:6px;background:linear-gradient(90deg,#F08A7E,#E9C46A 50%,#5FD992)}
.grad span{position:absolute;top:-4px;left:0;width:3px;height:14px;border-radius:2px;background:#F1F5F3;transform:translateX(-50%)}
.gradl{display:flex;justify-content:space-between;font-size:10px;margin-top:6px}
.curvec{flex:3 1 620px;min-width:0;display:flex;flex-direction:column;gap:6px}
.ctitle{display:flex;justify-content:space-between;align-items:baseline;gap:10px;flex-wrap:wrap}
.curve{width:100%;height:200px;display:block;margin-top:6px}
.bars{display:flex;align-items:stretch;gap:2px;height:120px;margin-top:4px}
.bar{flex:1;min-width:0;display:flex;flex-direction:column;border:0;background:transparent;padding:0;cursor:pointer;border-radius:4px}
.bar:hover{background:rgba(255,255,255,.04)}
.bar .u,.bar .d{flex:1;display:flex;width:100%}
.bar .u{align-items:flex-end}.bar .d{align-items:flex-start}
.bar .u i{display:block;width:100%;background:#5FD992;border-radius:2px 2px 0 0}
.bar .d i{display:block;width:100%;background:#F08A7E;border-radius:0 0 2px 2px}
.bar .z{display:block;height:1px;width:100%;background:rgba(255,255,255,.15)}
.barl{display:flex;gap:2px}
.barl span{flex:1;min-width:0;font:10px 'Geist Mono',monospace;color:#869389;text-align:center;white-space:nowrap;overflow:visible}
.calc{flex:2 1 640px;min-width:0;display:flex;flex-direction:column;gap:14px}
.calhead{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.calnav{display:flex;align-items:center;gap:10px}
.mname{font:600 17px 'Instrument Sans',sans-serif;min-width:140px;text-align:center}
.mtag{padding:3px 8px;border-radius:6px;background:rgba(255,255,255,.04)}
.calscroll{overflow-x:auto}
.cal{display:grid;grid-template-columns:repeat(7,minmax(0,1fr)) minmax(0,1.1fr);gap:6px;min-width:720px}
.dh{font:500 12px 'Instrument Sans',sans-serif;color:#869389;text-align:center;padding:6px 0}
.dc{min-height:82px;border-radius:12px;padding:8px 10px;box-sizing:border-box;display:flex;flex-direction:column;align-items:flex-end;gap:2px;font-size:12px;border:1px solid transparent}
.dc .n{font-size:11px;color:#869389}
.dc .p{font:600 14px 'Geist Mono',monospace;margin-top:auto}
.dc .s{font-size:10px;color:#869389}
.wk{min-height:82px;border-radius:12px;padding:10px 12px;box-sizing:border-box;background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.05);display:flex;flex-direction:column;justify-content:center;gap:3px}
.sidecol{flex:1 1 340px;min-width:0;display:flex;flex-direction:column;gap:12px}
.propc{display:flex;flex-direction:column;gap:14px}
.prop3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;text-align:center}
.propnet{display:flex;justify-content:space-between;padding-top:12px;border-top:1px solid rgba(255,255,255,.06);font-size:13px}
.propnote{font-size:11.5px;line-height:1.5;margin:0}
.tradec{padding:14px 8px 8px;flex:1;display:flex;flex-direction:column;min-height:0}
.tscroll{max-height:300px;overflow-y:auto}
table.rtbl{width:100%;border-collapse:collapse}
.rtbl th{font:500 12px 'Instrument Sans',sans-serif;color:#869389;text-align:left;padding:9px 12px;border-bottom:1px solid rgba(255,255,255,.07);white-space:nowrap;position:sticky;top:0;background:#0F1A16}
.rtbl td{font:13px 'Geist Mono',monospace;padding:10px 12px;border-bottom:1px solid rgba(255,255,255,.04);white-space:nowrap;color:#D7DFDB;text-align:left}
.strip{padding:16px 20px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px}
.failb{padding:26px 28px}
.failb h2{margin:0 0 8px;font:700 22px 'Instrument Sans',sans-serif}

/* dashboard shell */
.shell{display:flex;flex-wrap:wrap;min-height:100vh;position:relative;z-index:1}
.side{flex:1 1 230px;max-width:280px;padding:22px 14px;box-sizing:border-box;border-right:1px solid rgba(255,255,255,.06);display:flex;flex-direction:column;gap:4px;position:sticky;top:0;height:100vh}
.side a.nav,.side .brandl{display:flex;align-items:center;gap:12px;min-height:44px;padding:0 14px;border-radius:12px;color:#A6B2AC;text-decoration:none;font-size:14px}
.side a.nav:hover{background:rgba(255,255,255,.04);color:#F1F5F3}
.side a.nav.on{background:rgba(255,255,255,.05);color:#F1F5F3}
.side .brandl{gap:10px;color:#F1F5F3;margin-bottom:14px;font:700 13px 'Instrument Sans',sans-serif;letter-spacing:.03em}
.side .newb{margin-bottom:14px}
.side .foot{margin-top:auto;padding:12px 14px 0;border-top:1px solid rgba(255,255,255,.06);display:flex;flex-direction:column;gap:8px}
.side .foot .em{font-size:12.5px;color:#869389;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dmain{flex:999 1 640px;min-width:0;padding:clamp(20px,4vw,44px);box-sizing:border-box;display:flex;flex-direction:column;gap:22px;max-width:1240px}
.lbl{font:500 11px 'Geist Mono',monospace;letter-spacing:.14em;text-transform:uppercase}
.hello{margin:8px 0 0;font:600 34px 'Instrument Sans',sans-serif;letter-spacing:-.03em}
.two{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,380px),1fr));gap:16px}
.latest{padding:26px;display:flex;flex-direction:column;gap:18px;border-color:rgba(127,227,168,.16)}
.credc{padding:26px;display:flex;flex-direction:column;gap:16px}
.amt{min-height:44px;border-radius:12px;border:1px solid rgba(255,255,255,.1);background:transparent;color:#D7DFDB;font:500 15px 'Geist Mono',monospace;cursor:pointer}
.amt.on{border-color:rgba(95,217,146,.6);background:rgba(95,217,146,.1);color:#C4F7D9}
.amts4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.otherrow{display:flex;gap:8px;flex-wrap:wrap}
.otherrow input{flex:1 1 160px;min-height:44px;padding:0 14px;border-radius:12px;border:1px solid rgba(255,255,255,.1);background:rgba(0,0,0,.25);color:#F1F5F3;font:14px 'Geist Mono',monospace;box-sizing:border-box}
.otherrow .b2{flex:1 1 160px}
.sec{padding:24px 26px}
.sechead{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:8px}
.sechead .t{font:600 18px 'Instrument Sans',sans-serif}
.srow{display:grid;grid-template-columns:minmax(0,2.2fr) minmax(0,1.3fr) minmax(0,1fr) minmax(0,.8fr) 230px;gap:16px;align-items:center;padding:16px 4px;border-top:1px solid rgba(255,255,255,.05);min-width:760px}
.srow .nm{color:#F1F5F3;font-weight:600;text-decoration:none;background:none;border:0;padding:0;font:600 15px 'Instrument Sans',sans-serif;cursor:pointer;text-align:left}
.srow .nm:hover{color:#B5F3CE}
.srow .acts{display:flex;gap:6px;justify-content:flex-end}
.srow .acts .b2{min-height:38px;padding:0 12px;font-size:13px}
.st{display:inline-flex;align-items:center;gap:8px;font-size:13px;color:#C2CCC7}
.dot{width:7px;height:7px;border-radius:50%;flex:none}
.lrow{display:flex;justify-content:space-between;gap:12px;padding:11px 0;border-top:1px solid rgba(255,255,255,.05);font-size:13px}
.plat{display:flex;align-items:center;gap:10px;font-size:14px;color:#A6B2AC}
.bigbtn-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:18px}
.codeb{overflow:hidden}
.codeb .bar3{display:flex;align-items:center;gap:8px;padding:14px 20px;border-bottom:1px solid rgba(255,255,255,.06)}
.codeb .bar3 i{width:10px;height:10px;border-radius:50%}
.codeb pre{margin:0;padding:22px 24px 28px;font:13px/1.75 'Geist Mono',monospace;color:#C9D3CE;overflow:auto;max-height:420px;white-space:pre}

@media (max-width:860px){
  .side{position:static;height:auto;max-width:none;flex-basis:100%;border-right:0;border-bottom:1px solid rgba(255,255,255,.06);flex-direction:row;flex-wrap:wrap;align-items:center;padding:12px 16px}
  .side .brandl{margin:0 auto 0 0;padding:0}
  .side .newb{margin:0}
  .side nav{flex-basis:100%;display:flex;gap:2px;overflow-x:auto}
  .side .foot{display:none}
  .rwrap{padding:0 16px}
  .hello{font-size:28px}
}

/* ---------- prop firm: selected month ---------- */
.pmonth{display:flex;flex-direction:column;gap:10px}
.pmhead{display:flex;justify-content:space-between;align-items:baseline;gap:10px;font:600 17px 'Instrument Sans',sans-serif}
.pmhead .mono{font-size:15px;font-weight:500}
.pmbar{font-size:12.5px;color:#A6B2AC}
.pmk{display:flex;justify-content:space-between;gap:8px}
.pmk .mono{font-size:11.5px;color:#869389}
.pmbar .meter{margin-top:6px;height:5px}
.pmev{display:flex;flex-direction:column;gap:6px;margin-top:2px}
.pme{display:flex;justify-content:space-between;gap:10px;font-size:12.5px}
.pme .mono{font-size:11.5px}

/* ---------- depth (2.5D / 3D) ---------- */
.rcard,.glass,.board{box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 34px 70px -36px rgba(0,0,0,.95),0 14px 26px -18px rgba(0,0,0,.7)}
.d3{position:relative;transform-style:preserve-3d;transition:transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s;will-change:transform}
.d3::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:0;transition:opacity .3s;
  background:radial-gradient(600px circle at var(--gx,50%) var(--gy,0%),rgba(174,242,202,.09),transparent 45%)}
.d3.on::after{opacity:1}
.d3.on{box-shadow:inset 0 1px 0 rgba(255,255,255,.09),0 50px 90px -40px rgba(0,0,0,1),0 0 0 1px rgba(127,227,168,.12),0 30px 60px -40px rgba(95,217,146,.28)}
.d3 .big,.d3 .ttl,.d3 .pop{transform:translateZ(22px)}
.d3 .radar,.d3 .curve{transform:translateZ(12px)}
.pre3d{opacity:0}
.in3d{animation:in3d .75s cubic-bezier(.2,.7,.2,1) both}
@keyframes in3d{from{opacity:0;transform:perspective(1200px) rotateX(16deg) translateY(34px) scale(.98)}to{opacity:1;transform:none}}
/* extruded monthly bars */
.bars{filter:drop-shadow(0 8px 10px rgba(0,0,0,.55))}
.bar .u i{background:linear-gradient(90deg,#8CEBB5 0%,#5FD992 45%,#2F9E61 100%);border-top:2px solid #C4F7D9;box-shadow:inset -2px 0 0 rgba(0,0,0,.25)}
.bar .d i{background:linear-gradient(90deg,#F7B2A9 0%,#F08A7E 45%,#B85A50 100%);border-bottom:2px solid #FBD0C9;box-shadow:inset -2px 0 0 rgba(0,0,0,.25)}
.bar:hover i{filter:brightness(1.15)}
/* glowing lines and gauges */
#cLine{filter:drop-shadow(0 6px 8px rgba(95,217,146,.45))}
#kWrArc,#kPfRing{filter:drop-shadow(0 0 6px rgba(95,217,146,.55))}
#radar{filter:drop-shadow(0 8px 14px rgba(155,143,242,.55))}
/* raised calendar tiles */
.dc{box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 6px 12px -8px rgba(0,0,0,.8);transition:transform .2s}
.dc:hover{transform:translateY(-3px)}
.wk{box-shadow:inset 0 1px 0 rgba(255,255,255,.05)}
.meter{box-shadow:inset 0 1px 2px rgba(0,0,0,.6)}
.meter div{box-shadow:0 0 10px -2px currentColor}
.b2p{box-shadow:0 1px 0 rgba(255,255,255,.35) inset,0 -2px 0 rgba(0,0,0,.18) inset,0 14px 30px -12px rgba(95,217,146,.7)}
.b2p:active:not(:disabled){transform:translateY(1px)}
@media (prefers-reduced-motion:reduce){.d3{transform:none!important}.in3d{animation:none}}
.bar i[style*="height:0%"]{border:0;box-shadow:none}

/* ---------- colour ---------- */
.glow.g3{width:900px;height:700px;left:30%;top:900px;background:radial-gradient(closest-side,rgba(108,184,255,.10),transparent)}
body.db .glow.g2{width:900px;height:800px;right:-300px;top:-160px;background:radial-gradient(closest-side,rgba(155,143,242,.20),transparent)}
.gradp{background:linear-gradient(90deg,#C4F7D9 0%,#5FD992 45%,#B5ABFF 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.gradv{background:linear-gradient(90deg,#F1F5F3 10%,#C9C2FF 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.b2v{background:linear-gradient(90deg,#8F82F0,#C9C2FF);color:#14103A;box-shadow:0 1px 0 rgba(255,255,255,.35) inset,0 -2px 0 rgba(0,0,0,.18) inset,0 14px 30px -12px rgba(155,143,242,.75)}
.b2v:hover:not(:disabled){color:#14103A;filter:brightness(1.07)}
.tint-green{background:radial-gradient(90% 70% at 0% 0%,rgba(95,217,146,.16),transparent 60%),linear-gradient(180deg,rgba(24,38,32,.86) 0%,rgba(11,19,16,.76) 60%,rgba(6,12,10,.38) 100%);border-color:rgba(127,227,168,.22)}
.tint-violet{background:radial-gradient(90% 70% at 100% 0%,rgba(155,143,242,.22),transparent 60%),linear-gradient(180deg,rgba(26,28,44,.86) 0%,rgba(12,14,22,.76) 60%,rgba(6,10,12,.4) 100%);border-color:rgba(181,171,255,.22)}
.board.tint-violet{background:radial-gradient(90% 90% at 100% 0%,rgba(155,143,242,.30),transparent 60%),radial-gradient(80% 80% at 0% 0%,rgba(40,110,74,.22),transparent 55%),linear-gradient(180deg,#141428 0%,#080A10 100%);border-color:rgba(181,171,255,.24)}
.board.tint-blue{background:radial-gradient(90% 90% at 0% 0%,rgba(108,184,255,.20),transparent 60%),radial-gradient(80% 80% at 100% 0%,rgba(95,217,146,.14),transparent 55%),linear-gradient(180deg,#0E1820 0%,#070B0E 100%);border-color:rgba(140,198,255,.22)}
.credc .amt.on{border-color:rgba(181,171,255,.7);background:rgba(155,143,242,.16);color:#E2DEFF}
.credc .amt:hover{border-color:rgba(181,171,255,.4)}
.ltiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;font-size:12.5px;margin:18px 0}
.ltile{padding:12px 14px;border-radius:14px;border:1px solid rgba(255,255,255,.07);background:rgba(255,255,255,.025)}
.ltile .mono{font-size:17px;margin-top:5px}
.ltile.coral{background:linear-gradient(180deg,rgba(240,138,126,.12),rgba(240,138,126,.02));border-color:rgba(240,138,126,.25)}.ltile.coral .mono{color:#F7B2A9}
.ltile.blue{background:linear-gradient(180deg,rgba(108,184,255,.12),rgba(108,184,255,.02));border-color:rgba(140,198,255,.25)}.ltile.blue .mono{color:#BFDDFF}
.ltile.violet{background:linear-gradient(180deg,rgba(155,143,242,.14),rgba(155,143,242,.02));border-color:rgba(181,171,255,.28)}.ltile.violet .mono{color:#D8D2FF}
.side a.nav{gap:12px}
.ni{width:28px;height:28px;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;flex:none}
.ni.green{color:#7FE3A8;background:rgba(95,217,146,.12)}.ni.violet{color:#B5ABFF;background:rgba(155,143,242,.14)}.ni.amber{color:#E9C46A;background:rgba(233,196,106,.12)}
.side a.nav.on{background:linear-gradient(90deg,rgba(95,217,146,.14),rgba(155,143,242,.10));color:#F1F5F3;box-shadow:inset 3px 0 0 #5FD992}
.hdot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:10px;vertical-align:middle;box-shadow:0 0 10px currentColor}
.hdot.violet{background:#B5ABFF;color:#B5ABFF}.hdot.blue{background:#8CC6FF;color:#8CC6FF}
.st{color:#D7DFDB}.st .dot{box-shadow:0 0 8px var(--c,transparent)}
.srow:not(.dim):hover{background:linear-gradient(90deg,rgba(155,143,242,.06),rgba(95,217,146,.04));border-radius:12px}
.arow{align-items:center;gap:12px}
.abadge{width:30px;height:30px;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;font:600 11px 'Geist Mono',monospace;flex:none}
.abadge.blue{color:#8CC6FF;background:rgba(108,184,255,.14)}.abadge.amber{color:#E9C46A;background:rgba(233,196,106,.14)}.abadge.violet{color:#B5ABFF;background:rgba(155,143,242,.16)}.abadge.green{color:#7FE3A8;background:rgba(95,217,146,.14)}.abadge.grey{color:#A6B2AC;background:rgba(255,255,255,.06)}
.awhat{flex:1;min-width:0;font:13px 'Geist Mono',monospace;color:#C2CCC7;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.awhat .dim{margin-left:10px;font-size:11px}
.aamt.up{color:#7FE3A8}.aamt.down{color:#F7B2A9}
/* report: coloured KPI accents */
.kpis .kp{position:relative;overflow:hidden}
.kpis .kp::before{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:var(--acc,#5FD992);opacity:.8}
.kpis .kp:nth-child(1){--acc:linear-gradient(90deg,#5FD992,#AEF2CA)}.kpis .kp:nth-child(2){--acc:linear-gradient(90deg,#6CB8FF,#B5ABFF)}.kpis .kp:nth-child(3){--acc:linear-gradient(90deg,#9B8FF2,#C9C2FF)}.kpis .kp:nth-child(4){--acc:linear-gradient(90deg,#F08A7E,#F2A27C)}.kpis .kp:nth-child(5){--acc:linear-gradient(90deg,#E9C46A,#5FD992)}
.seg button[aria-pressed="true"]{box-shadow:inset 0 0 0 1px rgba(127,227,168,.25)}
.bar[style*="outline:1px"]{outline-color:rgba(181,171,255,.8)!important;background:rgba(155,143,242,.08)}
/* calm focus ring + dark scrollbars everywhere */
a:focus,button:focus{outline:none}
a:focus-visible,button:focus-visible{outline:2px solid rgba(127,227,168,.6);outline-offset:3px}

/* ---------- clean dashboard (matches the dashboard preview on the homepage) ---------- */
body.db{background:#050A08}
.shell.frame{max-width:1480px;margin:20px auto;min-height:calc(100vh - 40px);border-radius:28px;border:1px solid rgba(255,255,255,.07);border-bottom-color:rgba(255,255,255,.02);
  background:linear-gradient(180deg,rgba(24,38,32,.82) 0%,rgba(10,17,14,.88) 45%,rgba(6,11,9,.9) 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 60px 120px -60px rgba(0,0,0,1);
  padding:14px;gap:14px;animation:frameIn .9s cubic-bezier(.2,.7,.2,1) both;transform-origin:50% 0}
@keyframes frameIn{from{opacity:0;transform:perspective(1800px) rotateX(10deg) translateY(30px)}to{opacity:1;transform:none}}
.frame .side{border-right:0;padding:8px;gap:6px;top:34px;height:calc(100vh - 68px)}
.frame .side .brandl{padding:6px 10px;margin-bottom:6px}
.frame .side .newb{min-height:46px;margin-bottom:8px}
.frame .side a.nav{min-height:46px;padding:0 16px;border-radius:14px;font-size:15px;color:#A6B2AC;box-shadow:none;background:transparent}
.frame .side a.nav.on{background:rgba(255,255,255,.05);color:#F1F5F3;box-shadow:none}
.frame .side .foot{border-top:1px solid rgba(255,255,255,.05)}
.frame .dmain{padding:22px 18px 40px;gap:14px;max-width:none}
.ovhead{display:flex;justify-content:space-between;align-items:flex-end;gap:14px;flex-wrap:wrap;margin-bottom:6px}
.frame .hello{font-size:30px}
.credchip{display:inline-flex;align-items:baseline;gap:2px;padding:9px 16px;border-radius:999px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.03);color:#A6B2AC;font-size:13px;text-decoration:none}
.credchip .mono{color:#F1F5F3;font-size:15px}
.credchip:hover{color:#F1F5F3;border-color:rgba(181,171,255,.35)}
.ins{background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.06);border-radius:18px;padding:20px 22px;box-sizing:border-box}
.inh{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;font:600 17px 'Instrument Sans',sans-serif}
.inh a{font:500 13px 'Instrument Sans',sans-serif;text-decoration:none}
.herorow{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:20px 26px;text-decoration:none;color:#F1F5F3;transition:border-color .25s,background .25s}
a.herorow:hover{border-color:rgba(127,227,168,.22);background:rgba(255,255,255,.035);color:#F1F5F3}
.herorow .hn{font:600 22px 'Instrument Sans',sans-serif;letter-spacing:-.01em}
.herorow .hmeta{font-size:12px;flex:1}
.herorow .hnet{font-size:28px;margin-left:auto}
.pill2{display:inline-flex;align-items:center;padding:5px 10px;border-radius:7px;font:500 11px 'Geist Mono',monospace;letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;justify-self:start}
.pill2.green{background:rgba(95,217,146,.12);color:#7FE3A8}.pill2.blue{background:rgba(108,184,255,.12);color:#8CC6FF}.pill2.amber{background:rgba(233,196,106,.12);color:#E9C46A}
.pill2.violet{background:rgba(155,143,242,.14);color:#B5ABFF}.pill2.coral{background:rgba(240,138,126,.12);color:#F7B2A9}.pill2.grey{background:rgba(255,255,255,.05);color:#869389}
.ovrow{display:grid;grid-template-columns:minmax(0,2.1fr) minmax(280px,1fr);gap:14px}
.chartc{padding:22px 18px 10px;min-height:280px;display:flex;align-items:flex-end}
.ovcurve{width:100%;height:250px;display:block;filter:drop-shadow(0 10px 18px rgba(95,217,146,.18))}
.rules{display:flex;flex-direction:column;gap:16px;padding:24px 26px}
.rules .rt{font:600 19px 'Instrument Sans',sans-serif}
.rules .rs{font-size:10.5px;letter-spacing:.1em;margin-top:-10px}
.rule .rk{display:flex;justify-content:space-between;font-size:15px;color:#A6B2AC}
.rbar{height:4px;border-radius:4px;background:rgba(255,255,255,.07);margin-top:10px;overflow:hidden}
.rbar div{height:100%;border-radius:4px;transition:width .8s cubic-bezier(.2,.7,.2,1)}
.rstat{font-size:13px;color:#C2CCC7;margin-top:auto;padding-top:6px}
.ovgrid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(300px,1fr);gap:14px;align-items:start}
.srow2{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(90px,auto) 18px;gap:16px;align-items:center;padding:14px 10px;border-top:1px solid rgba(255,255,255,.05);text-decoration:none;color:#F1F5F3;border-radius:12px;transition:background .2s}
.srow2:first-child{border-top:0}
.srow2:hover{background:rgba(255,255,255,.035);color:#F1F5F3}
.srow2 .sn{font-weight:600;font-size:15px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.srow2 .sn small{display:block;font:12px 'Geist Mono',monospace;color:#869389;margin-top:3px;font-weight:400}
.srow2 .snet{font-size:15px;text-align:right}
.srow2 .arr{color:#5E6A64;transition:transform .2s,color .2s}
.srow2:hover .arr{color:#7FE3A8;transform:translateX(3px)}
.credc{display:flex;flex-direction:column;gap:14px}
.credc .amt.on{border-color:rgba(181,171,255,.6);background:rgba(155,143,242,.12);color:#E2DEFF}
.frame .board{box-shadow:inset 0 1px 0 rgba(255,255,255,.05)}
@media (max-width:1100px){.ovrow,.ovgrid{grid-template-columns:1fr}}
@media (max-width:860px){.shell.frame{margin:0;border-radius:0;border:0;min-height:100vh;padding:0}.frame .side{top:0;height:auto}.herorow .hnet{margin-left:0;width:100%}.srow2{grid-template-columns:minmax(0,1fr) auto 18px}.srow2 .snet{display:none}}
@media (prefers-reduced-motion:reduce){.shell.frame{animation:none}}
#lBody{display:flex;flex-direction:column;gap:14px}
.shell.frame{width:calc(100% - 40px)}
@media (max-width:860px){.shell.frame{width:100%}}
.rule .rk .prog{color:#869389;font:12px 'Geist Mono',monospace}