/* Layout + app-specific bits; component looks (glass, btn, inp, chip, nav-item, tile…) come from old.css (the original site's CSS). */
:root{--sky:#38bdf8;--emerald:#34d399;--amber:#fbbf24;--rose:#fb7185;--slate:#94a3b8;--mut:#8591a8;--line:rgba(255,255,255,.08);--gold:#d4af37}
*{box-sizing:border-box}html,body{margin:0;min-height:100%}
body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Tahoma,sans-serif;font-size:14px;line-height:1.5}
a{color:#7dd3fc;text-decoration:none}a:hover{text-decoration:underline}
h1{margin:0;font-size:34px;font-weight:900;letter-spacing:-.02em;color:#fff;line-height:1.1}h2{margin:0;font-size:13px;font-weight:800;color:#f1f5f9}h3{margin:0}
.muted{color:var(--mut)}.grow{flex:1}.mono{font-family:ui-monospace,Consolas,monospace}
.shell{display:flex;min-height:100vh;position:relative;z-index:1}
.side-shell{width:272px;flex:none;position:sticky;top:0;height:100vh;display:flex;flex-direction:column;padding:18px 14px;z-index:30}
.brand{display:flex;gap:12px;align-items:center;padding:2px 6px 14px;border-bottom:1px solid var(--line)}
.brand img{width:46px;height:46px;filter:drop-shadow(0 0 12px rgba(212,175,55,.35))}.brand b{display:block;color:#fff;font-size:20px;letter-spacing:.18em;font-weight:900;line-height:1}.brand small{display:block;color:#64748b;font-size:8.5px;letter-spacing:.2em;text-transform:uppercase;font-weight:700;line-height:1.4}
nav{flex:1;overflow:auto;padding-right:2px;margin:6px 0}nav::-webkit-scrollbar{width:4px}nav::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}
.nav-item:hover{text-decoration:none}.nav-item svg{width:17px;height:17px;flex:none}.nav-item .dot{margin-left:auto;width:6px;height:6px;border-radius:50%;background:#e0e7ff}
.sysbox{border:1px solid rgba(148,163,184,.16);border-radius:14px;padding:11px 12px;background:rgba(255,255,255,.03);margin-bottom:10px}
.sysbox small{display:flex;justify-content:space-between;font-size:9px;letter-spacing:.2em;text-transform:uppercase;font-weight:800;color:#64748b}.sysbox .ok{color:#34d399}
.sysbox b{display:block;color:#fff;font-size:15px;margin:4px 0 0}
.pulse-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#34d399;margin-right:6px}
.me{display:flex;gap:10px;align-items:center;border:1px solid rgba(139,156,255,.25);border-radius:14px;padding:9px 10px;background:rgba(255,255,255,.04)}
.me a{color:#fff;display:flex;gap:10px;align-items:center;flex:1;min-width:0}.me a:hover{text-decoration:none}.me b{display:block;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.me small{display:block;color:#64748b;font-size:10.5px}
.me form{margin:0}.avatar{width:36px;height:36px;border-radius:50%;display:inline-grid;place-items:center;font-weight:800;color:#e0f2fe;font-size:13px;flex:none;background:linear-gradient(150deg,rgba(56,189,248,.4),rgba(37,99,235,.18) 55%,rgba(6,10,22,.9));box-shadow:0 0 0 2px rgba(56,189,248,.12),0 4px 14px -4px rgba(56,189,248,.5),inset 0 1px 0 rgba(255,255,255,.35)}
.main{flex:1;min-width:0;display:flex;flex-direction:column}
.topbar{display:flex;gap:12px;align-items:center;padding:12px 28px;position:sticky;top:0;z-index:20}
.topbar .search{flex:1;max-width:520px;display:flex;align-items:center;gap:10px;border:1px solid rgba(148,163,184,.18);border-radius:14px;padding:9px 14px;background:rgba(255,255,255,.03);color:#64748b}
.topbar .search input{background:none!important;border:0!important;box-shadow:none!important;padding:0!important;color:#e2e8f0}
.burger{display:none;background:none;border:0;color:#fff;font-size:20px}
.pill{display:inline-flex;align-items:center;gap:7px;border:1px solid;border-radius:999px;padding:6px 12px;font-size:10px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}
.askai-btn{display:inline-flex;gap:8px;align-items:center;border:1px solid rgba(52,211,153,.4);border-radius:12px;padding:8px 14px;font-weight:700;font-size:12px;color:#d1fae5;background:linear-gradient(135deg,rgba(16,185,129,.35),rgba(6,78,59,.4));cursor:pointer}
.content{padding:26px 28px;max-width:1500px;width:100%;margin:0 auto;flex:1}
.foot{padding:16px 24px;text-align:center;color:#64748b;font-size:12px;border-top:1px solid var(--line)}.foot b{color:var(--gold)}
.card{padding:20px;margin-bottom:18px}.grid{display:grid;gap:16px}.g2{grid-template-columns:repeat(2,1fr)}.g3{grid-template-columns:repeat(3,1fr)}.g4{grid-template-columns:repeat(4,1fr)}.g32{grid-template-columns:2fr 1fr}.g3x{grid-template-columns:1fr 1fr 1fr}
.stat{padding:18px}.stat small{display:block;font-size:10.5px;font-weight:800;letter-spacing:.2em;text-transform:uppercase;color:#64748b}.stat b{display:block;font-size:34px;color:#fff;margin-top:6px;line-height:1}.stat span.muted{font-size:12px}
.stat .tilehead{display:flex;justify-content:space-between;align-items:flex-start}.icon-chip{width:42px;height:42px}.icon-chip svg{width:19px;height:19px}
.page-h{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-end;justify-content:space-between;margin-bottom:22px}.page-h small{display:inline-flex;align-items:center;gap:8px;color:rgba(125,211,252,.92);text-transform:uppercase;letter-spacing:.24em;font-size:10px;font-weight:800;margin-bottom:8px}
.page-h small:before{content:"";width:5px;height:5px;border-radius:50%;background:#38bdf8;box-shadow:0 0 8px #38bdf8}.page-h p{margin:8px 0 0;color:#a3b1c6}
.page-h h1+p{border-top:1px solid var(--line);padding-top:10px;margin-top:12px}
table{width:100%;border-collapse:collapse}th{font-size:10px;text-transform:uppercase;letter-spacing:.16em;color:#64748b;text-align:left;padding:12px 14px;border-bottom:1px solid rgba(255,255,255,.14);font-weight:800}td{padding:12px 14px;border-bottom:1px solid var(--line);vertical-align:top}tr:hover td{background:rgba(255,255,255,.035)}
.card.tw{padding:0;overflow-x:auto}.card.tw>h2{padding:16px 18px 4px}.card.tw>p,.card.tw>form{padding:0 18px 14px}
.chip{white-space:nowrap}.chip.sky{color:#7dd3fc;border-color:#38bdf84d}.chip.emerald{color:#6ee7b7;border-color:#34d3994d}.chip.amber{color:#fcd34d;border-color:#fbbf244d}.chip.rose{color:#fda4af;border-color:#fb71854d}.chip.slate{color:#cbd5e1;border-color:#94a3b84d}
.dchip{display:inline-block;padding:1px 9px;border-radius:999px;font-size:10.5px;font-weight:800;letter-spacing:.12em;border:1px solid;white-space:nowrap}
.btn{text-decoration:none!important}.btn.sm{padding:4px 11px;font-size:12px}
input[type=checkbox]{width:auto}input,select,textarea{font-family:inherit}textarea{resize:vertical;min-height:80px}input[type=color]{width:60px;padding:2px;height:36px}
label{display:block}.f{margin-bottom:12px}.f small{display:block;margin-top:4px}
.row{display:flex;gap:10px;flex-wrap:wrap;align-items:flex-end}.row>*{flex:1;min-width:140px}.row>.btn,.row>.chip,.row>span.muted{flex:none}.filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px;align-items:center}.filters>*{width:auto;min-width:120px}
.flash{background:rgba(56,189,248,.12);border:1px solid rgba(56,189,248,.4);padding:11px 15px;border-radius:12px;margin-bottom:16px}.flash.err{background:rgba(225,29,72,.14);border-color:rgba(251,113,133,.5)}
.desc{white-space:pre-wrap;line-height:1.75;overflow-wrap:anywhere}.list{list-style:none;margin:0;padding:0}.list li{padding:11px 0;border-bottom:1px solid var(--line)}.list li:last-child{border:0}
.pager{display:flex;gap:6px;margin:14px 18px;flex-wrap:wrap}.kv{display:grid;grid-template-columns:140px 1fr;gap:6px 12px}.kv dt{color:#64748b}.kv dd{margin:0}
.tl{border-left:1px solid var(--line);margin-left:6px;padding-left:16px}.tl li{position:relative;padding:0 0 14px;border:0}.tl li:before{content:"";position:absolute;left:-22px;top:5px;width:10px;height:10px;border-radius:50%;background:#05060d;border:2px solid #64748b}
.bar{height:6px;background:rgba(255,255,255,.08);border-radius:9px;overflow:hidden}.bar i{display:block;height:100%;background:linear-gradient(90deg,#38bdf8,#6366f1)}
details summary{cursor:pointer;font-weight:700;color:#e2e8f0}.perm{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:4px}.perm label{text-transform:none;letter-spacing:0;font-size:12.5px;color:#e2e8f0;font-weight:500;display:flex;gap:6px;align-items:center;margin:0}.perm select{width:auto;padding:2px 6px}
.chat{height:55vh;overflow:auto;display:flex;flex-direction:column;gap:8px;padding:6px}.msg{background:rgba(255,255,255,.05);border:1px solid var(--line);border-radius:12px;padding:8px 12px;max-width:80%}.msg.me{align-self:flex-end;background:rgba(14,116,144,.3)}.msg small{color:var(--mut)}
.sec-hd:before{content:"";width:3px;height:14px;border-radius:2px;background:#38bdf8}
.legend{display:flex;justify-content:space-between;padding:6px 4px;color:#cbd5e1}.legend i{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:9px}
.matrix td,.matrix th{padding:8px 8px}.matrix select{min-width:110px;padding:5px 8px}
/* AI */
.ai-box{border:1px solid rgba(52,211,153,.3);background:linear-gradient(180deg,rgba(16,185,129,.1),rgba(16,185,129,.02))}
.modal-bg{position:fixed;inset:0;background:rgba(2,4,10,.7);backdrop-filter:blur(6px);z-index:80;display:none;place-items:center;padding:20px}.modal-bg.on{display:grid}.modal{width:100%;max-width:640px;max-height:86vh;overflow:auto}
.sug{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.sug button{font-size:12px;border:1px solid var(--line);background:rgba(255,255,255,.05);color:#e2e8f0;border-radius:10px;padding:6px 10px;cursor:pointer}
/* login — matches original: black, glowing ring, mono type, underline inputs */
.lgbody{background:#000!important;overflow-x:hidden}.lgbody:before,.lgbody:after{display:none}
.lg-banner{position:fixed;top:0;left:0;right:0;z-index:5;text-align:center;font-size:10px;letter-spacing:.32em;font-weight:800;padding:6px;color:#0b1220;background:linear-gradient(90deg,#9a7b1c,#d4af37,#9a7b1c)}
.lg-ring{position:fixed;left:50%;top:52%;width:78vmin;height:78vmin;transform:translate(-62%,-50%);border-radius:50%;background:conic-gradient(from 200deg,#f59e0b,#ef4444,#8b5cf6,#3b82f6,#22d3ee,#f59e0b);-webkit-mask:radial-gradient(circle,transparent 46%,#000 52%,#000 60%,transparent 68%);mask:radial-gradient(circle,transparent 46%,#000 52%,#000 60%,transparent 68%);filter:blur(7px);opacity:.55;animation:spin 120s linear infinite}
.lg-ring.r2{width:64vmin;height:64vmin;transform:translate(-50%,-50%);left:50%;opacity:.35;filter:blur(18px);animation-direction:reverse}
.lg-vignette{position:fixed;inset:0;background:radial-gradient(60% 55% at 50% 52%,rgba(255,255,255,.08),transparent 70%),radial-gradient(120% 90% at 50% 50%,transparent 45%,#000 100%)}
.lg2{position:relative;z-index:2;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:54px 20px 70px;max-width:560px;margin:0 auto}
.seal{position:relative;width:104px;height:104px;display:grid;place-items:center;margin-bottom:18px}
.seal:before{content:"";position:absolute;inset:-10px;border-radius:50%;border:1px solid rgba(212,175,55,.6);box-shadow:0 0 40px -8px rgba(212,175,55,.55),inset 0 0 24px -8px rgba(212,175,55,.4)}
.seal:after{content:"";position:absolute;inset:-20px;border-radius:50%;border:1px dashed rgba(212,175,55,.3);animation:spin 80s linear infinite}
.seal img{width:96px;height:96px;filter:drop-shadow(0 0 18px rgba(56,130,246,.6))}
@keyframes spin{to{transform:translate(var(--tx,0),var(--ty,0)) rotate(360deg)}}
.lg-ring{--tx:-62%;--ty:-50%}.lg-ring.r2{--tx:-50%}
.lg-eyebrow{font-family:ui-monospace,Consolas,monospace;font-size:11px;letter-spacing:.42em;text-transform:uppercase;color:#94a3b8;margin:6px 0 10px}
.lg-title{font-size:clamp(44px,8vw,72px);font-weight:300;letter-spacing:-.02em;color:#fff;margin:0}.lg-sub{color:#cbd5e1;font-size:15px;line-height:1.6;margin:14px 0 30px;max-width:440px}
.lgform{width:100%;max-width:350px;text-align:left}.lgform label{font-family:ui-monospace,Consolas,monospace;font-size:10px;letter-spacing:.3em;color:#94a3b8;margin-bottom:2px}
.lgform input,.lgform select{background:none!important;border:0!important;border-bottom:1px solid rgba(255,255,255,.3)!important;border-radius:0!important;box-shadow:none!important;font-family:ui-monospace,Consolas,monospace;letter-spacing:.2em;text-transform:none;padding:12px 2px!important;color:#fff}
.lgform input:focus{border-bottom-color:#7dd3fc!important}.lgform .f{margin-bottom:18px}
.lgbtn{width:100%;margin-top:8px;padding:17px;border:0;background:rgba(255,255,255,.14);color:#fff;font-family:ui-monospace,Consolas,monospace;font-size:12px;letter-spacing:.4em;text-transform:uppercase;cursor:pointer;transition:background .2s}.lgbtn:hover{background:rgba(255,255,255,.26)}
.lg-links{margin-top:30px;font-family:ui-monospace,Consolas,monospace;font-size:11px;letter-spacing:.25em;text-transform:uppercase}.lg-links a{color:#e2e8f0}
.lg-motto{margin:34px 0 0;color:#64748b;letter-spacing:.3em;font-size:10px;font-weight:700}.lg-motto b{color:var(--gold);padding:0 8px}
.credit{text-align:center;color:var(--gold);margin:14px 0 0;font-weight:700;font-size:13px}
.lg-foot{position:fixed;bottom:0;left:0;right:0;z-index:3;text-align:center;font-size:9.5px;letter-spacing:.18em;color:#475569;padding:12px;border-top:1px solid rgba(255,255,255,.08);background:rgba(0,0,0,.6)}
@media(max-width:900px){.side-shell{position:fixed;left:-290px;transition:left .2s;width:272px;background:#070b14}body.nav-open .side-shell{left:0}.burger{display:block}.g2,.g3,.g4,.g32,.g3x{grid-template-columns:1fr}.content{padding:16px}.topbar{padding:10px 14px}.kv{grid-template-columns:110px 1fr}.topbar .pill,.askai-btn span{display:none}h1{font-size:26px}}