/* NAGI モダン・フィンテックUI: 面と細い境界線と控えめな影（全ページ最後に読み込む） */
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Noto+Sans+JP:wght@400;500;700;900&display=swap");
:root{color-scheme:light;--n-bg:#f6f3ea;--n-ink:#0b1f44;--n-ink2:#16305f;--n-mut:#5c677c;--n-line:#e4dfd0;--n-line2:#eeeadd;--n-teal:#12877b;--n-teal2:#0f766c;--n-coral:#d8483b;--n-coral2:#c23d31;--n-panel:#fff;--n-sub:#f3f0e6;--n-r:12px;--n-r2:8px;
 --n-sh:0 1px 2px rgba(11,31,68,.06),0 8px 24px -12px rgba(11,31,68,.16);--n-sh2:0 1px 2px rgba(11,31,68,.08),0 2px 6px rgba(11,31,68,.06);
 --n-font:Inter,"Noto Sans JP","Hiragino Sans","Yu Gothic",system-ui,-apple-system,sans-serif;
 --bg:var(--n-bg);--panel:var(--n-panel);--sub:var(--n-sub);--line:var(--n-line);--text:var(--n-ink);--muted:var(--n-mut);--cream:var(--n-bg);--ink:var(--n-ink);--mut:var(--n-mut);--tealbg:#e6f4f1;--coralbg:#fdeceb;--side:#fff;--green:var(--n-teal);--accent:var(--n-ink);--navy:var(--n-ink);--teal:var(--n-teal);--red:var(--n-coral)}
html,body{background-color:var(--n-bg);color:var(--n-ink)}
body,input,select,textarea,button{font-family:var(--n-font)}
body{font-feature-settings:"palt" 0;-webkit-font-smoothing:antialiased;letter-spacing:-.005em}
/* 背景: ほぼ見えない格子（ログイン画面の上部だけ少し強め） */
body,body.lg{background-image:linear-gradient(rgba(11,31,68,.028) 1px,transparent 1px),linear-gradient(90deg,rgba(11,31,68,.028) 1px,transparent 1px)!important;background-size:32px 32px!important;background-attachment:fixed!important;background-color:var(--n-bg)!important}
body.lg::before,.login-layout::before{content:"";position:fixed;left:0;right:0;top:0;height:46vh;pointer-events:none;z-index:0;background:radial-gradient(60% 80% at 50% 0,rgba(18,135,123,.14),transparent 70%),linear-gradient(rgba(11,31,68,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(11,31,68,.07) 1px,transparent 1px);background-size:auto,32px 32px,32px 32px;-webkit-mask:linear-gradient(#000,transparent);mask:linear-gradient(#000,transparent)}
.lg-main,.login-layout>*{position:relative;z-index:1}
h1,h2,h3{letter-spacing:-.02em;font-weight:800}
.tv-price strong,.tv-bal strong,.top-bal strong,.po strong,.stile strong,.stat b,td,th,.rrow,.act-card dd,.kv dd,.amt input,.addr{font-variant-numeric:tabular-nums}
/* 上部バー・サイド・下部タブ */
header.top{background:var(--n-ink)!important;color:#fff!important;border:0!important;box-shadow:0 1px 0 rgba(255,255,255,.06),0 6px 20px -10px rgba(11,31,68,.5)!important}
header.top .brand{color:#fff!important;font-family:var(--n-font)!important;font-weight:800;letter-spacing:.14em;font-size:20px!important}
header.top .top-bal,header.top .top-bal strong{color:#fff!important}header.top .top-bal strong{font-weight:800;font-size:18px}header.top .top-bal span{color:#9fb0cf}
.main>.top{background:transparent!important;color:var(--n-ink)!important;border:0!important;box-shadow:none!important}
.brand,.logo,.login-brand{color:var(--n-ink)}
.mkt-badge,.demo-pill{background:rgba(18,135,123,.18)!important;color:#7fe0d3!important;border:1px solid rgba(127,224,211,.35)!important;border-radius:999px!important;font-size:11.5px!important;padding:4px 10px!important;font-weight:700}
.badge{background:var(--tealbg)!important;color:var(--n-teal2)!important;border:0!important;border-radius:999px!important;font-weight:600}
.side{background:#fff!important;border:0!important;border-right:1px solid var(--n-line)!important;color:var(--n-ink)!important}
.shell>.side .logo,.side .logo{color:var(--n-ink)!important;border-bottom:1px solid var(--n-line)!important;font-family:var(--n-font);font-weight:800;letter-spacing:.14em}
.side button,.side a{color:var(--n-mut)!important;background:transparent!important;border:0!important;border-radius:var(--n-r2)!important;font-weight:600;transition:background .15s,color .15s}
.side button:hover,.side button:focus-visible,.side a:hover{background:var(--n-sub)!important;color:var(--n-ink)!important;outline:0}
.side button.active,.side button[aria-current=page]{background:var(--n-ink)!important;color:#fff!important;font-weight:700;box-shadow:var(--n-sh2)}
.side hr{border-top-color:var(--n-line)!important}.side a.alt{background:var(--n-sub)!important}
.side svg{stroke-width:1.8}
.bnav{background:#fff!important;border-top:1px solid var(--n-line);box-shadow:0 -8px 24px -14px rgba(11,31,68,.25)}
.bnav button{color:var(--n-mut)!important}.bnav button[aria-current=page]{color:var(--n-ink)!important;box-shadow:inset 0 3px var(--n-teal)!important;font-weight:700}
/* 面・枠 */
.card,.panel,.stat,.po,.adj,.act-card,.confirm-panel,.login-card,.rtable,.stile{background:var(--n-panel)!important;border:1px solid var(--n-line)!important;border-radius:var(--n-r)!important;box-shadow:var(--n-sh)!important}
.card,.panel{padding:20px!important}
.stat,.stat.c{background:var(--n-panel)!important;border:1px solid var(--n-line)!important;position:relative;overflow:hidden}
.stat::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--n-teal)}.stat.c::before{background:var(--n-coral)}
.stat b{font-weight:800;letter-spacing:-.02em}
.stile,.po{background:var(--n-sub)!important;box-shadow:none!important}
.card h2,.panel h2,.set-card h2{border:0!important;padding:0!important;color:var(--n-ink);font-size:15.5px;margin:0 0 14px!important;display:flex;align-items:center;gap:10px}
.card h2::before,.set-card h2::before{content:"";width:4px;height:16px;border-radius:2px;background:var(--n-teal);flex:none}.card.c h2::before{background:var(--n-coral)}
.act-card{border-left:4px solid var(--n-mut)!important}.act-card.st-win{border-left-color:var(--n-teal)!important;background:#f2faf8!important}.act-card.st-lose{border-left-color:var(--n-coral)!important;background:#fef5f4!important}
.confirm-backdrop{background:rgba(11,31,68,.5)!important;backdrop-filter:blur(3px)}.confirm-panel{box-shadow:0 24px 64px -16px rgba(11,31,68,.5)!important}
th{background:var(--n-sub)!important;border-bottom:1px solid var(--n-line)!important;color:var(--n-mut)!important;font-size:11.5px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.card.c th{background:var(--coralbg)!important}
td{border-bottom:1px solid var(--n-line2)!important}tr.sel,.item.sel{background:var(--tealbg)!important}
.rtable{overflow:hidden}.rrow{border-top-color:var(--n-line2)!important}.rrow.rhead{background:var(--n-sub)!important;color:var(--n-mut)!important;font-size:11.5px;letter-spacing:.04em}
.trend,.key,.sub,.idrow code,.addr,.memo,.notready{background:var(--n-sub)!important;border:1px solid var(--n-line2)!important;border-radius:var(--n-r2)!important}
.tv-tabs{border-bottom:1px solid var(--n-line)!important;gap:4px!important}.tv-tabs button{background:transparent!important;border:0!important;border-bottom:3px solid transparent!important;border-radius:0!important;color:var(--n-mut)!important;font-weight:700}
.tv-tabs button:hover{color:var(--n-ink)!important}.tv-tabs button.on{background:transparent!important;color:var(--n-ink)!important;border-bottom-color:var(--n-teal)!important}
.tabs button.on,.wtabs button.active{border-color:var(--n-teal)!important;color:var(--n-ink)!important}
.ivl{border-radius:var(--n-r2)!important;border:1px solid var(--n-line)!important;background:var(--n-sub)!important;padding:3px;gap:2px}.ivl button{background:transparent!important;color:var(--n-mut)!important;border-radius:6px!important;font-weight:700;min-height:34px!important;padding:4px 12px!important}.ivl button.on{background:#fff!important;color:var(--n-ink)!important;box-shadow:var(--n-sh2)}
/* ボタン: 塗りで押せると分かる */
.btn,.amt button,.quick button,.lg-card .lg-google,.login-secondary{background:#fff!important;color:var(--n-ink)!important;border:1px solid #d4cfbf!important;border-radius:var(--n-r2)!important;box-shadow:var(--n-sh2)!important;font-weight:600;transition:transform .12s,box-shadow .15s,background .15s,border-color .15s;cursor:pointer}
.btn:hover,.quick button:hover,.amt button:hover,.lg-card .lg-google:hover,.login-secondary:hover{background:var(--n-sub)!important;border-color:#bdb7a5!important}
.btn:active,.quick button:active,.amt button:active{transform:translateY(1px);box-shadow:none!important}
.btn.primary,.login-primary,.lg-card .login-primary{background:var(--n-ink)!important;color:#fff!important;border:1px solid var(--n-ink)!important;border-radius:var(--n-r2)!important;font-weight:700;box-shadow:0 1px 2px rgba(11,31,68,.3),0 8px 16px -8px rgba(11,31,68,.6)!important;transition:transform .12s,background .15s,box-shadow .15s;cursor:pointer}
.btn.primary:hover,.login-primary:hover{background:var(--n-ink2)!important}.btn.primary:active,.login-primary:active{transform:translateY(1px)}
.btn.ok{background:var(--n-teal)!important;color:#fff!important;border-color:var(--n-teal)!important}.btn.ok:hover{background:var(--n-teal2)!important}
.btn.bad,.btn.danger{background:var(--n-coral)!important;color:#fff!important;border-color:var(--n-coral)!important}.btn.bad:hover,.btn.danger:hover{background:var(--n-coral2)!important}
.btn:disabled,.hl:disabled{opacity:.5;cursor:not-allowed;transform:none}
.btn:focus-visible,.hl:focus-visible,.login-primary:focus-visible{outline:3px solid rgba(18,135,123,.45)!important;outline-offset:2px}
.hl{border:0!important;border-radius:var(--n-r)!important;color:#fff!important;min-height:72px!important;box-shadow:0 2px 0 rgba(0,0,0,.12),0 12px 24px -12px currentColor!important;transition:transform .12s,filter .15s,box-shadow .15s;cursor:pointer;position:relative}
.hl b{font-size:23px!important;font-weight:800;letter-spacing:.04em!important}
.hl.high{background:linear-gradient(180deg,#19a094,var(--n-teal))!important;color:#fff!important}.hl.low{background:linear-gradient(180deg,#e45d50,var(--n-coral))!important;color:#fff!important}
.hl.high{box-shadow:0 2px 0 #0b6a61,0 14px 24px -14px #12877b!important}.hl.low{box-shadow:0 2px 0 #a8322a,0 14px 24px -14px #d8483b!important}
.hl:hover:not(:disabled){filter:brightness(1.06);transform:translateY(-1px)}.hl:active:not(:disabled){transform:translateY(1px);filter:brightness(.96)}
.amt button:first-child{border-radius:var(--n-r2) 0 0 var(--n-r2)!important}.amt button:last-child{border-radius:0 var(--n-r2) var(--n-r2) 0!important}
.pill,.bdg{border:0!important;border-radius:999px!important;font-weight:700}
.pill.wait{background:#e8ebf1!important;color:#44506a!important}
.pill.win,.bdg.ok,.rrow span:nth-child(5) .pill.win{background:#dff3ef!important;color:var(--n-teal2)!important}
.pill.lose,.bdg.bad,.rrow span:nth-child(5) .pill.lose{background:#fbe2df!important;color:#b3342a!important}
.bdg{background:var(--n-sub)!important;color:var(--n-ink)!important}.bdg.warn,.badge.wait{background:#f8ecd0!important;color:#8a6414!important}.badge.warn{background:var(--coralbg)!important;color:#b3342a!important}
.badge.off{background:#ece8dc!important;color:var(--n-mut)!important}
.avatar,.coin{background:var(--n-ink)!important;color:#fff!important;border:0!important}
/* 入力 */
input,select,textarea,.input,.game-form input,.game-form select,.lg-card input,.login-card input,.stack input,.stack select,.inl input,.seg label{background:#fff!important;color:var(--n-ink)!important;border:1px solid #d4cfbf!important;border-radius:var(--n-r2)!important;box-shadow:inset 0 1px 2px rgba(11,31,68,.04);transition:border-color .15s,box-shadow .15s}
input:focus,select:focus,textarea:focus{outline:0!important;border-color:var(--n-teal)!important;box-shadow:0 0 0 3px rgba(18,135,123,.2)!important}
.seg label.on{border-color:var(--n-teal)!important;background:var(--tealbg)!important}
.login-card{padding:28px!important;box-shadow:0 1px 2px rgba(11,31,68,.06),0 24px 48px -24px rgba(11,31,68,.3)!important}
.login-card h1,.login-card label{color:var(--n-ink)}.login-kicker,.login-description,.login-foot{color:var(--n-mut)}.login-kicker{text-transform:uppercase;letter-spacing:.12em;font-size:11.5px;font-weight:700;color:var(--n-teal)}
.login-card label{font-weight:600;font-size:13px}
.login-links button,.login-admin-link{color:var(--n-teal2)!important;font-weight:600}.login-foot{border-top:1px solid var(--n-line)!important}
.login-error,.reason,.err{background:var(--coralbg)!important;color:#a3302a!important}.login-error,.reason{border:1px solid #f3c3be;border-radius:var(--n-r2);padding:8px 12px}.err{background:transparent!important}
.login-info{background:var(--tealbg)!important;color:#0e5f56!important;border:1px solid #bfe3dd;border-radius:var(--n-r2);padding:8px 12px}
.lg-logo .login-brand,.login-layout>.login-brand{font-family:var(--n-font)!important;font-weight:800!important;letter-spacing:.14em!important;color:var(--n-ink)!important}
.lg-catch{font-weight:700;letter-spacing:-.01em!important;color:var(--n-ink2)!important}
.lg-card .lg-google{min-height:56px!important;font-size:15.5px!important;border-radius:var(--n-r)!important}
.lg-bg{display:none}
/* チャート */
.cg{stroke:#e9e5d8!important}.ct{fill:var(--n-mut)!important;font-family:var(--n-font)!important;font-size:11px!important}
.chart-card{overflow:hidden}
.tv-price strong{font-size:31px!important;font-weight:800;letter-spacing:-.03em}.tv-price .up,.pl-up,.pos,.stile .up{color:var(--n-teal2)!important}.tv-price .dn,.pl-dn,.neg,.stile .dn{color:var(--n-coral2)!important}
.tv-pair h1{font-size:23px!important}.tv-bal strong{font-size:27px!important;font-weight:800;letter-spacing:-.02em}
.po{display:grid!important;gap:8px 16px!important}.po strong{font-size:16px!important;font-weight:800}.po #po-amt{color:var(--n-teal2)!important;font-size:20px!important}
.bar i{background:var(--n-teal)!important;border:0}.bar i.neg{background:var(--n-coral)!important}.meter i{background:var(--n-teal)}
.burger{background:#fff!important;border:1px solid #d4cfbf!important;border-radius:var(--n-r2)!important;color:var(--n-ink);box-shadow:var(--n-sh2)}
.msg:not(:empty){background:#fff!important;border:1px solid #f0b6ac!important;border-radius:var(--n-r)!important;box-shadow:0 12px 32px -12px rgba(11,31,68,.35)!important}.msg.ok:not(:empty){border-color:#9fd3cb!important}
.nz-toast{border-radius:var(--n-r)!important}
.game-head,.tv-head{background:rgba(246,243,234,.92)!important;backdrop-filter:blur(8px);box-shadow:none!important}
@media(max-width:760px){.side{border-right:0!important;border-top:1px solid var(--n-line)!important;box-shadow:0 -8px 24px -14px rgba(11,31,68,.25)}.side button.active{margin:4px;border-radius:var(--n-r2)!important}.card,.panel{padding:16px!important}.hl b{font-size:22px!important}}
.lang-sw,.lang-sw[data-tone=dark],.lang-sw[data-tone=light]{background:rgba(255,255,255,.1)!important;border:1px solid rgba(255,255,255,.22)!important;border-radius:999px!important;padding:2px}
.lang-sw button,.lang-sw[data-tone=dark] button,.lang-sw[data-tone=light] button{border-radius:999px!important;color:#cdd8ee!important;background:none!important;font-weight:700}
.lang-sw button.on,.lang-sw[data-tone=dark] button.on,.lang-sw[data-tone=light] button.on{background:#fff!important;color:var(--n-ink)!important}
body.lg .lang-sw,.lang-corner .lang-sw,.main .lang-sw,.top-lang .lang-sw{background:#fff!important;border-color:#d4cfbf!important}
body.lg .lang-sw button,.lang-corner .lang-sw button,.main .lang-sw button,.top-lang .lang-sw button{color:var(--n-mut)!important}
body.lg .lang-sw button.on,.lang-corner .lang-sw button.on,.main .lang-sw button.on,.top-lang .lang-sw button.on{background:var(--n-ink)!important;color:#fff!important}
/* 管理画面の左メニュー（濃紺の面で引き締める） */
.shell>.side:has(.logo){background:var(--n-ink)!important;border-right:0!important}
.shell>.side:has(.logo) .logo{color:#fff!important;border-bottom-color:rgba(255,255,255,.14)!important}
.shell>.side:has(.logo) button,.shell>.side:has(.logo) a{color:#c5d0e6!important}
.shell>.side:has(.logo) button:hover,.shell>.side:has(.logo) a:hover{background:rgba(255,255,255,.08)!important;color:#fff!important}
.shell>.side:has(.logo) button[aria-current=page]{background:var(--n-teal)!important;color:#fff!important}
.shell>.side:has(.logo) hr{border-top-color:rgba(255,255,255,.14)!important}.shell>.side:has(.logo) a.alt{background:rgba(255,255,255,.08)!important}
.bnav:has(button){background:var(--n-ink)!important;border-top:0}.shell .bnav button{color:#b8c5de!important}.shell .bnav button[aria-current=page]{color:#fff!important}
.tv-head .mkt-badge,.game-head .mkt-badge,.game-layout .mkt-badge{background:var(--tealbg)!important;color:var(--n-teal2)!important;border:1px solid #bfe3dd!important}
/* モバイル: 下部タブを画面下に固定（ホームバー対応・本文が隠れない余白） */
@media(max-width:760px){
 .shell>.side:not(:has(.logo)){position:fixed!important;left:0;right:0;bottom:0;top:auto!important;height:auto!important;min-height:0!important;z-index:50;background:rgba(255,255,255,.96)!important;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:0!important;border-top:1px solid var(--n-line)!important;padding:0 0 env(safe-area-inset-bottom,0px)!important;transform:translateZ(0)}
 .game-layout{padding-bottom:calc(112px + env(safe-area-inset-bottom,0px))!important}
 .footer-note{padding-bottom:calc(96px + env(safe-area-inset-bottom,0px))!important}
}
@media(max-width:820px){
 .bnav:has(button){position:fixed!important;left:0;right:0;bottom:0;z-index:50;padding-bottom:env(safe-area-inset-bottom,0px)!important;transform:translateZ(0)}
 .main{padding-bottom:calc(96px + env(safe-area-inset-bottom,0px))!important}
 .msg:not(:empty){bottom:calc(74px + env(safe-area-inset-bottom,0px))!important}
}
.login-consent{margin:14px 0 0;text-align:center;font-size:11.5px;line-height:1.7;color:var(--n-mut)}.login-consent a{color:var(--n-teal2);font-weight:600}
@media(max-width:600px){.lg-main{padding-top:64px!important}}
/* 余白 +3px: 既存の余白に一律で --n-p3 を足す（個別指定は散らさず、ここでまとめて調整） */
:root{--n-p3:3px}
.card,.panel{padding:calc(20px + var(--n-p3))!important}
.login-card{padding:calc(28px + var(--n-p3))!important}
.game-layout{padding-left:calc(20px + var(--n-p3))!important;padding-right:calc(20px + var(--n-p3))!important}
.game-head,.tv-head{padding-left:calc(20px + var(--n-p3))!important;padding-right:calc(20px + var(--n-p3))!important;margin-left:calc(-20px - var(--n-p3))!important;margin-right:calc(-20px - var(--n-p3))!important}
header.top{padding-left:calc(20px + var(--n-p3))!important;padding-right:calc(20px + var(--n-p3))!important}
.main{padding-left:calc(28px + var(--n-p3))!important;padding-right:calc(28px + var(--n-p3))!important}
.side{padding-left:calc(12px + var(--n-p3))!important;padding-right:calc(12px + var(--n-p3))!important}
.side button,.side a{padding:calc(10px + var(--n-p3)) calc(14px + var(--n-p3))!important}
.btn,.login-primary,.login-secondary{padding-left:calc(16px + var(--n-p3))!important;padding-right:calc(16px + var(--n-p3))!important}
input,select,textarea{padding-left:calc(12px + var(--n-p3))!important;padding-right:calc(12px + var(--n-p3))!important}
th,td{padding:calc(9px + var(--n-p3)) calc(10px + var(--n-p3))!important}
.po,.stile,.act-card,.adj,.notready,.addr,.memo{padding:calc(10px + var(--n-p3)) calc(12px + var(--n-p3))!important}
.stat{padding:calc(16px + var(--n-p3)) calc(18px + var(--n-p3))!important}
.rrow{padding-left:calc(6px + var(--n-p3))!important;padding-right:calc(6px + var(--n-p3))!important}
.chart-card #live-chart,.chart{min-width:0}
.lg-top{padding-left:calc(20px + var(--n-p3))!important;padding-right:calc(20px + var(--n-p3))!important}
.legal main{padding-left:calc(20px + var(--n-p3))!important;padding-right:calc(20px + var(--n-p3))!important}
.legal article{padding:calc(32px + var(--n-p3)) calc(36px + var(--n-p3))!important}
@media(max-width:900px){.game-head,.tv-head{padding-left:calc(14px + var(--n-p3))!important;padding-right:calc(14px + var(--n-p3))!important;margin-left:calc(-14px - var(--n-p3))!important;margin-right:calc(-14px - var(--n-p3))!important}}
@media(max-width:820px){.main{padding-left:calc(14px + var(--n-p3))!important;padding-right:calc(14px + var(--n-p3))!important}}
@media(max-width:760px){
 .game-layout{padding-left:calc(14px + var(--n-p3))!important;padding-right:calc(14px + var(--n-p3))!important}
 header.top{padding-left:calc(12px + var(--n-p3))!important;padding-right:calc(12px + var(--n-p3))!important}
 .card,.panel{padding:calc(16px + var(--n-p3))!important}
 .shell>.side:not(:has(.logo)){padding-left:var(--n-p3)!important;padding-right:var(--n-p3)!important}
 .side button,.side a{padding:6px 2px!important}
 th,td{padding:calc(8px + var(--n-p3)) calc(6px + var(--n-p3))!important}
}
@media(max-width:600px){.lg-top{padding-left:calc(12px + var(--n-p3))!important;padding-right:calc(12px + var(--n-p3))!important}.legal main{padding-left:calc(12px + var(--n-p3))!important;padding-right:calc(12px + var(--n-p3))!important}.legal article{padding:calc(20px + var(--n-p3)) calc(16px + var(--n-p3))!important}}
/* 名称 HILOW（長い文字ロゴ）に合わせたサイズ調整 */
.lg-logo .login-brand,.login-layout>.login-brand{font-size:clamp(34px,9vw,60px)!important;letter-spacing:.01em!important;line-height:1.1!important;white-space:nowrap}
.lg-logo{width:auto!important;max-width:100%}.lg-logo svg{width:min(60vw,240px)!important}
header.top .brand{font-size:16px!important;letter-spacing:.04em!important;white-space:nowrap}
.shell>.side .logo,.side .logo{font-size:15.5px!important;letter-spacing:.03em!important;white-space:nowrap}.side-brand{font-size:15px}
@media(max-width:600px){header.top .brand{font-size:14px!important}header.top .top-bal span{display:none}}

/* dashboard / history tools */
.dash .stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:8px}
.dash .stat span{display:block;font-size:11.5px;color:#5b6b86;margin-bottom:4px}
.dash .stat strong{font-size:18px;font-variant-numeric:tabular-nums}
.dash .card{margin-top:12px}.dash .card .btn{margin-top:10px}
.seg{display:inline-flex;gap:4px;margin:0 0 10px;flex-wrap:wrap}
.seg button{border:1px solid #d9d4c4;background:#fff;border-radius:8px;padding:5px 10px;font-size:11.5px;cursor:pointer;color:#0b1f44}
.seg button.on{background:#0b1f44;color:#fff;border-color:#0b1f44}
.trend{width:100%;height:180px;display:block;background:#fff;border-radius:8px}
.trend-r{display:flex;justify-content:space-between;font-size:11px;color:#5b6b86;margin-top:4px}
.hbar{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-end;margin-bottom:12px}
.hbar .hf{display:flex;flex-direction:column;gap:3px;font-size:11.5px;color:#5b6b86}
.hbar select{min-width:96px}
.o-det summary{cursor:pointer;font-size:11.5px;color:#12877b;margin-top:4px}
@media(max-width:760px){.dash .stats{grid-template-columns:1fr 1fr}.dash .stat strong{font-size:15.5px}.hbar .hf{flex:1 1 44%}.hbar select{width:100%}}
@media(max-width:760px){header.top .top-bal{display:none!important}header.top .mkt-badge{display:none!important}}