:root{--bg:#0b0f17;--card:#121826;--line:#1f2937;--tx:#e5e7eb;--mu:#8b95a7;--g:#22c55e;--r:#ef4444;--a:#eab308;--b:#3b82f6;--acc:#7c5cff}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--tx);font:15px/1.45 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;padding-bottom:env(safe-area-inset-bottom)}
a{color:#93b4ff;text-decoration:none}a:hover{text-decoration:underline}
h2{margin:18px 0 10px;font-size:1.25rem}h3{margin:0 0 10px;font-size:1.05rem}h4{margin:14px 0 6px}
main{max-width:1180px;margin:0 auto;padding:12px 14px 30px}
.top{display:flex;align-items:center;gap:12px;padding:10px 14px;background:#0e1420;border-bottom:1px solid var(--line);flex-wrap:wrap;position:sticky;top:0;z-index:5}
.brand{font-weight:700;font-size:1.1rem}.brand b{color:var(--acc)}
.chips{display:flex;gap:6px;flex-wrap:wrap;flex:1}
.chip{display:inline-block;padding:2px 9px;border-radius:999px;background:#1b2434;border:1px solid var(--line);font-size:.78rem;white-space:nowrap}
.chip.green{background:#0f2a1a;border-color:#166534;color:#86efac}.chip.red{background:#2a1214;border-color:#7f1d1d;color:#fca5a5}
.chip.amber{background:#2a2410;border-color:#854d0e;color:#fde68a}.chip.blue{background:#10203a;border-color:#1e40af;color:#bfdbfe}.chip.grey{color:var(--mu)}
.bell{position:relative;font-size:1.3rem;text-decoration:none}.badge{position:absolute;top:-6px;right:-8px;background:var(--r);color:#fff;border-radius:999px;font-size:.65rem;padding:1px 5px}
.nav{display:flex;gap:2px;overflow-x:auto;padding:0 10px;background:#0e1420;border-bottom:1px solid var(--line);-webkit-overflow-scrolling:touch}
.nav a,.nav .linkbtn{padding:10px 12px;color:var(--mu);white-space:nowrap;font-size:.92rem}.nav a.on{color:#fff;border-bottom:2px solid var(--acc)}.nav form{margin-left:auto}
.demo-banner{background:#2a2410;color:#fde68a;text-align:center;font-size:.8rem;padding:4px 8px}
.card{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:14px;margin:12px 0}
.grid4{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin:12px 0}
.grid3{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}
.stat .big,.big{font-size:1.4rem;font-weight:700}.grid4>.card{margin:0}
.row{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap}
.actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:8px 0}
.inl{display:inline-flex;gap:6px;align-items:center;margin:0}.stack{display:flex;flex-direction:column;gap:12px}.stack label,.grid3 label{display:flex;flex-direction:column;gap:4px;font-size:.88rem;color:var(--mu)}
input,select{background:#0b1220;color:var(--tx);border:1px solid #2a3547;border-radius:8px;padding:9px 10px;font:inherit;min-height:40px;width:100%}.inl input,.inl select{width:auto}
.btn{background:var(--acc);color:#fff;border:0;border-radius:8px;padding:10px 16px;font:inherit;cursor:pointer;min-height:40px}.btn.sm{padding:6px 12px;min-height:34px;font-size:.88rem}.btn.ghost{background:transparent;border:1px solid #2a3547;color:var(--tx)}
.linkbtn{background:none;border:0;color:#93b4ff;cursor:pointer;font:inherit;padding:0}
.flash{padding:10px 12px;border-radius:8px;margin:10px 0}.flash.ok{background:#0f2a1a;border:1px solid #166534}.flash.err{background:#2a1214;border:1px solid #7f1d1d}
.g{color:var(--g)}.r{color:var(--r)}.muted{color:var(--mu)}.small{font-size:.8rem}.dir{font-weight:700}
.tablewrap{overflow-x:auto;-webkit-overflow-scrolling:touch}
.t{width:100%;border-collapse:collapse;font-size:.88rem}.t th{color:var(--mu);font-weight:500;text-align:left;border-bottom:1px solid var(--line);padding:8px 8px;white-space:nowrap}.t td{padding:8px;border-bottom:1px solid #161e2d;vertical-align:top}
.t tr.atm td{background:#1a2238}.chain td{text-align:right}.chain th{text-align:right}
.bar{height:8px;background:#1b2434;border-radius:999px;overflow:hidden;margin:8px 0}.bar i{display:block;height:100%;background:var(--acc)}.bar.thin{height:4px;margin:3px 0 0}
.note.unread{border-left:3px solid var(--acc)}.note p{margin:6px 0}
.plain{margin:6px 0;padding-left:18px}.checks{display:flex;gap:14px;flex-wrap:wrap}.ck{display:flex!important;flex-direction:row!important;align-items:center;gap:6px}.ck input{width:auto;min-height:0}
.chart{width:100%;height:160px;background:#0b1220;border-radius:8px}.cu{stroke:var(--g);fill:none}.cd{stroke:var(--r);fill:none}.cu.f{fill:var(--g)}.cd.f{fill:var(--r)}
.lvl{stroke-dasharray:4 3;stroke-width:1}.lt{stroke:var(--a)}.ls{stroke:var(--r)}.lg{stroke:var(--g)}
footer{max-width:1180px;margin:0 auto;padding:16px 14px 40px;color:var(--mu);font-size:.78rem;border-top:1px solid var(--line)}
.loginpage{display:grid;place-items:center;min-height:100vh;padding:16px}.login{width:100%;max-width:380px;display:flex;flex-direction:column;gap:12px}.login h1{margin:0}.login label{display:flex;flex-direction:column;gap:4px;color:var(--mu);font-size:.88rem}
@media(max-width:700px){
 main{padding:8px 10px 24px}.top{position:static}
 .t.cards thead,.t:not(.chain) thead{display:none}
 .t:not(.chain) tr{display:block;border:1px solid var(--line);border-radius:8px;margin:8px 0;padding:6px 8px;background:#0f1522}
 .t:not(.chain) td{display:flex;justify-content:space-between;gap:10px;border:0;padding:4px 0;text-align:right}
 .t:not(.chain) td[data-l]::before{content:attr(data-l);color:var(--mu);text-align:left;flex:none}
 .t:not(.chain) td.acts{justify-content:flex-start}
 .btn{min-height:44px}.inl{flex-wrap:wrap}
}