img{width:auto;max-width:100%;height:auto}
@font-face{font-family:'switzer';font-weight:100 900;font-style:normal;font-display:swap;src:url('/fonts/switzer-v1/Switzer-Variable.woff2') format('woff2')}
@font-face{font-family:'switzer';font-weight:100 900;font-style:italic;font-display:swap;src:url('/fonts/switzer-v1/Switzer-VariableItalic.woff2') format('woff2')}
@font-face{font-family:'intr';src:url('/fonts/inter-400.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:'intr';src:url('/fonts/inter-500.woff2') format('woff2');font-weight:500;font-display:swap}
@font-face{font-family:'intr';src:url('/fonts/inter-600.woff2') format('woff2');font-weight:600;font-display:swap}
:root{--ink:#0E121B;--ink-2:#141A25;--raise:#1A2231;--panel:#161D2B;--panel-2:#1A2231;--line:rgba(255,255,255,.07);--line-2:rgba(255,255,255,.13);--gold:#C9A24B;--gold-br:#E4C570;--gold-soft:rgba(201,162,75,.12);--text:#EEF1F7;--mut:#9AA3B4;--mut-2:#68717F;--ok:#42C182;--ok-soft:rgba(66,193,130,.13);--warn:#E0A93B;--bad:#E06A5A;--disp:'switzer','Inter',system-ui,-apple-system,'Segoe UI',sans-serif;--body:'switzer','Inter',system-ui,-apple-system,'Segoe UI',sans-serif;--rd:10px}
*{box-sizing:border-box}
html,body{height:100%;margin:0}
body{background:radial-gradient(1200px 620px at 84% -8%,rgba(201,162,75,.045),transparent 60%),radial-gradient(900px 700px at -4% 112%,rgba(120,150,210,.06),transparent 55%),var(--ink);color:var(--text);font-family:var(--body);font-size:13px;line-height:1.5;-webkit-font-smoothing:antialiased;overflow:hidden}
::-webkit-scrollbar{width:9px;height:9px}
::-webkit-scrollbar-thumb{background:var(--raise);border-radius:6px;border:2px solid var(--ink)}
.app{display:flex;height:100vh}
.sidebar{width:236px;flex:none;background:#121926;border-right:1px solid var(--line);display:flex;flex-direction:column;padding:16px 12px;position:relative}
.brand{display:flex;align-items:center;gap:9px;padding:6px 4px 16px;position:relative}
.brand::after{content:"";position:absolute;left:4px;right:8px;bottom:9px;height:1px;background:var(--line)}
.brand .logo{height:15px;width:auto;opacity:.95;display:block}
.brand .tag{font-family:var(--disp);font-weight:400;font-size:11px;letter-spacing:.17em;text-transform:uppercase;color:var(--gold-br);margin-top:0}
.estate{margin:2px 2px 16px;display:flex;align-items:center;gap:9px;padding:10px 12px;border-radius:10px;border:1px solid var(--line);background:var(--panel);cursor:pointer;transition:border-color .2s}
.estate:hover{border-color:var(--line-2)}
.estate .es-ic{width:32px;height:32px;border-radius:6px;overflow:hidden;flex:none;border:1px solid var(--line-2);background:var(--raise)}
.estate .es-ic img{width:100%;height:100%;object-fit:cover;display:block}
.estate .es-t{min-width:0;flex:1}
.estate .es-t b{font-family:var(--disp);font-weight:500;font-size:13px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.estate .es-t span{font-size:11px;color:var(--mut-2)}
.estate .cv{color:var(--mut-2);flex:none}
.nav-lab{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--mut-2);padding:12px 10px 6px;font-weight:600}
.nav{display:flex;align-items:center;gap:11px;padding:9px 11px;border-radius:10px;font-family:var(--disp);font-weight:500;font-size:13px;color:var(--mut);cursor:pointer;position:relative;transition:background .16s,color .16s;border:none;background:none;width:100%;text-align:left}
.nav svg{width:17px;height:17px;flex:none;color:var(--mut-2);transition:color .16s}
.nav:hover{background:rgba(255,255,255,.035);color:var(--text)}
.nav.active{background:var(--gold-soft);color:var(--gold-br)}
.nav.active svg{color:var(--gold-br)}
.nav.active::before{content:"";position:absolute;left:-12px;top:8px;bottom:8px;width:2px;border-radius:2px;background:var(--gold)}
.nav .badge{margin-left:auto;background:var(--raise);color:var(--text);font-size:11px;font-weight:700;border-radius:999px;padding:1px 7px;font-variant-numeric:tabular-nums}
.nav .dot{margin-left:auto;width:7px;height:7px;border-radius:50%;background:var(--bad)}
.side-foot{margin-top:auto;padding:12px 8px 2px;border-top:1px solid var(--line)}
.sys{display:flex;align-items:center;gap:9px;font-size:12px;color:var(--mut)}
.sys .d{width:8px;height:8px;border-radius:50%;background:var(--ok);box-shadow:0 0 0 0 rgba(66,193,130,.5);animation:pulse 2.6s infinite}
.main{flex:1;display:flex;flex-direction:column;min-width:0}
.topbar{height:62px;flex:none;display:flex;align-items:center;gap:14px;padding:0 24px;border-bottom:1px solid var(--line);background:var(--ink-2)}
.crumb{font-family:var(--disp);font-weight:500;font-size:13px}
.crumb span{color:var(--mut-2)}
.spacer{flex:1}
.search{display:flex;align-items:center;gap:9px;background:var(--ink-2);border:1px solid var(--line);border-radius:10px;padding:8px 13px;color:var(--mut-2);font-size:13px;min-width:232px;cursor:text}
.search svg{width:14px;height:14px;flex:none}
.search kbd{margin-left:12px;background:var(--raise);border:1px solid var(--line);border-radius:6px;padding:1px 6px;font-size:11px;font-family:var(--body)}
.clock{font-family:var(--disp);font-weight:500;font-size:13px;color:var(--mut);font-variant-numeric:tabular-nums;letter-spacing:.01em}
.tb-ic{width:36px;height:36px;border-radius:10px;border:1px solid var(--line);background:var(--ink-2);display:flex;align-items:center;justify-content:center;color:var(--mut);position:relative;cursor:pointer;transition:border-color .2s}
.tb-ic:hover{border-color:var(--line-2);color:var(--text)}
.tb-ic svg{width:17px;height:17px}
.tb-ic .nd{position:absolute;top:8px;right:9px;width:7px;height:7px;border-radius:50%;background:var(--gold);border:2px solid var(--ink-2)}
.av{width:34px;height:34px;border-radius:50%;background:var(--raise);border:1px solid var(--line-2);display:flex;align-items:center;justify-content:center;font-family:var(--disp);font-weight:600;font-size:12px;color:var(--text);flex:none;cursor:pointer}
.content{flex:1;overflow:auto;padding:24px 24px}
.view{display:none;animation:fade .4s ease both}
.view.on{display:block}
@keyframes fade{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.vhead{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:18px}
.vhead h1{font-family:var(--disp);font-weight:600;font-size:22px;letter-spacing:-.015em;margin:0}
.vhead p{margin:5px 0 0;color:var(--mut);font-size:13px}
.vhead .btn{font-family:var(--disp);font-weight:600;font-size:13px;color:#1a1505;background:var(--gold);border:none;border-radius:10px;padding:9px 16px;cursor:pointer;transition:filter .18s}
.vhead .btn:hover{filter:brightness(1.08)}
.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--rd);padding:16px;box-shadow:none}
.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:16px}
.kpi{position:relative;overflow:hidden;background:var(--panel);border:1px solid var(--line);border-radius:var(--rd);padding:16px;box-shadow:none;transition:border-color .25s,transform .25s,box-shadow .25s}
.kpi:hover{border-color:var(--line-2)}
.kpi .lab{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--mut-2);display:flex;align-items:center;gap:7px}
.kpi .lab .d{width:6px;height:6px;border-radius:50%;background:var(--ok)}
.kpi .num{font-family:var(--disp);font-weight:600;font-size:30px;letter-spacing:-.01em;margin-top:10px;font-variant-numeric:tabular-nums;display:flex;align-items:baseline;gap:6px}
.kpi .num small{font-size:13px;color:var(--mut);font-weight:500}
.kpi .sub{font-size:12px;color:var(--mut-2);margin-top:6px}
.kpi .sub b{color:var(--ok);font-weight:600}
.kpi .num.gold-num{color:var(--text)}
.grid2{display:grid;grid-template-columns:1.55fr 1fr;gap:16px}
.ct{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}
.ct h3{font-family:var(--disp);font-weight:600;font-size:15px;margin:0}
.ct .link{font-size:12px;color:var(--mut);cursor:pointer}
.ct .seg{display:flex;gap:2px;background:var(--ink-2);border:1px solid var(--line);border-radius:6px;padding:3px}
.ct .seg span{font-size:11px;color:var(--mut);padding:4px 10px;border-radius:6px;cursor:pointer}
.ct .seg span.on{background:var(--raise);color:var(--text)}
.chart{position:relative}
.chart svg{display:block;width:100%;height:148px;overflow:visible}
.chart .xlab{display:flex;justify-content:space-between;margin-top:8px;font-size:11px;color:var(--mut-2)}
.row{display:grid;align-items:center;gap:12px;padding:12px 4px;border-bottom:1px solid var(--line)}
.row:last-child{border-bottom:none}
.dev-list .row{grid-template-columns:26px 1fr auto}
.row .ric{width:26px;height:26px;border-radius:6px;background:var(--ink-2);border:1px solid var(--line);display:flex;align-items:center;justify-content:center;color:var(--mut)}
.row .ric svg{width:14px;height:14px}
.row .rt b{font-family:var(--disp);font-weight:500;font-size:13px;display:block}
.row .rt span{font-size:12px;color:var(--mut-2)}
.pill{display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:500;padding:4px 10px;border-radius:999px}
.pill.ok{color:var(--ok);background:var(--ok-soft)}
.pill.ok i{width:6px;height:6px;border-radius:50%;background:var(--ok)}
.pill.mut{color:var(--mut);background:rgba(152,163,178,.1)}
.feed{margin-top:2px}
.fitem{display:flex;gap:12px;padding:11px 2px;border-bottom:1px solid var(--line)}
.fitem:last-child{border-bottom:none}
.fitem .fd{width:9px;height:9px;border-radius:50%;margin-top:5px;flex:none}
.fitem .ft{flex:1;font-size:13px}
.fitem .ft b{font-weight:600}
.fitem time{display:block;font-size:11px;color:var(--mut-2);margin-top:2px}
.tbl{width:100%;border-collapse:collapse}
.tbl th{text-align:left;font-size:11px;letter-spacing:.09em;text-transform:uppercase;color:var(--mut-2);font-weight:600;padding:0 12px 12px}
.tbl td{padding:12px;border-top:1px solid var(--line);font-size:13px;vertical-align:middle}
.tbl tr:hover td{background:rgba(255,255,255,.02)}
.who{display:flex;align-items:center;gap:11px}
.who .ini{width:32px;height:32px;border-radius:50%;background:var(--raise);border:1px solid var(--line);display:flex;align-items:center;justify-content:center;font-family:var(--disp);font-weight:600;font-size:12px;color:var(--mut);flex:none}
.who b{font-family:var(--disp);font-weight:500}
.chips{display:flex;gap:8px;margin-bottom:16px}
.chips span{font-size:12px;color:var(--mut);padding:7px 13px;border-radius:999px;border:1px solid var(--line);background:var(--ink-2);cursor:pointer}
.chips span.on{color:var(--gold-br);border-color:rgba(201,162,75,.4);background:var(--gold-soft)}
.aprow td .act{display:flex;gap:8px}
.btn-sm{font-family:var(--disp);font-weight:500;font-size:12px;padding:6px 13px;border-radius:6px;cursor:pointer;border:1px solid var(--line-2);background:transparent;color:var(--text)}
.btn-sm.gold{background:var(--gold);color:#1a1505;border-color:transparent}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(66,193,130,.5)}70%{box-shadow:0 0 0 6px rgba(66,193,130,0)}100%{box-shadow:0 0 0 0 rgba(66,193,130,0)}}
@media(max-width:820px){
.app{flex-direction:column}
.sidebar{width:auto;flex:none;flex-direction:row;align-items:center;gap:6px;padding:8px 12px;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;border-right:none;border-bottom:1px solid var(--line);-webkit-overflow-scrolling:touch}
.sidebar::-webkit-scrollbar{display:none}
.brand,.estate,.nav-lab,.side-foot{display:none}
.nav{width:auto;flex:none;white-space:nowrap;padding:8px 12px;border-radius:6px;gap:8px;font-size:12px}
.nav svg{width:16px;height:16px}
.nav.active::before{display:none}
.nav .badge,.nav .dot{margin-left:2px}
.main{min-height:0}
.topbar{height:52px;padding:0 14px;gap:10px}
.search-wrap,.clock{display:none}
.crumb{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.content{padding:16px 14px;overflow-y:hidden;-webkit-mask-image:linear-gradient(180deg,#000 84%,transparent 100%);mask-image:linear-gradient(180deg,#000 84%,transparent 100%)}
.kpis{grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:12px}
.kpi{padding:12px}
.grid2{grid-template-columns:1fr;gap:12px}
.vhead{flex-wrap:wrap;gap:10px;margin-bottom:14px}
.card{overflow-x:auto}
.tbl{min-width:500px}
.chips{overflow-x:auto;padding-bottom:2px}
.chips span{white-space:nowrap;flex:none}
.notif-dd,.search-results{width:min(272px,84vw)}
}
@media(max-width:560px){
.sidebar{padding:8px 10px;gap:5px}
.nav{padding:7px 10px}
.content{padding:14px 12px}
}
.bell-wrap{position:relative;display:flex}
.notif-dd{position:absolute;right:0;top:47px;width:300px;background:var(--raise);border:1px solid var(--line-2);border-radius:10px;box-shadow:0 26px 60px -20px rgba(0,0,0,.85);padding:8px;display:none;z-index:60}
.notif-dd.open{display:block;animation:fade .18s ease both}
.nd-head{font-family:var(--disp);font-weight:600;font-size:13px;padding:8px 10px 10px;border-bottom:1px solid var(--line);color:var(--text)}
.nd-item{display:flex;gap:10px;padding:10px;border-radius:6px;font-size:13px;color:var(--text);cursor:pointer;transition:background .15s}
.nd-item:hover{background:rgba(255,255,255,.045)}
.nd-item .nd-dot{width:8px;height:8px;border-radius:50%;margin-top:4px;flex:none}
.nd-item time{display:block;font-size:11px;color:var(--mut-2);margin-top:2px}
.nd-item b{font-weight:600}
.nd-foot{text-align:center;font-size:12px;color:var(--mut);padding:9px;border-top:1px solid var(--line);cursor:pointer;margin-top:2px}
.ann{margin-bottom:13px;padding:16px 18px}
.ann .atop{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}
.ann h4{font-family:var(--disp);font-weight:600;font-size:15px;margin:0}
.ann p{margin:0;color:var(--mut);font-size:13px;line-height:1.55}
.ann .ameta{font-size:11px;color:var(--mut-2);margin-top:9px}
.aud{display:inline-flex;align-items:center;font-size:11px;color:var(--mut);background:var(--ink-2);border:1px solid var(--line);padding:3px 10px;border-radius:999px;white-space:nowrap;flex:none}
.post{display:flex;gap:12px;padding:14px 0;border-bottom:1px solid var(--line)}
.post:last-child{border-bottom:none}
.pi{width:38px;height:38px;border-radius:50%;background:var(--raise);border:1px solid var(--line);display:flex;align-items:center;justify-content:center;font-family:var(--disp);font-weight:600;font-size:13px;color:var(--mut);flex:none}
.pb{flex:1;min-width:0}
.pb .ph{display:flex;align-items:center;gap:9px}
.pb b{font-family:var(--disp);font-weight:600;font-size:13px}
.pb .tag{font-size:11px;color:var(--mut);border:1px solid var(--line);border-radius:999px;padding:2px 9px}
.pb p{margin:4px 0 0;font-size:13px;color:var(--mut);line-height:1.5}
.pmeta{display:flex;gap:16px;margin-top:7px;font-size:11px;color:var(--mut-2)}
.search-wrap{position:relative;display:flex}
.search-tx{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.search-tx.q{color:var(--text)}
.search-tx.caret::after{content:"";display:inline-block;width:1.5px;height:13px;background:var(--text);margin-left:2px;vertical-align:-2px;border-radius:1px;animation:blink 1.06s steps(1) infinite}
.search-tx.caret.typing::after{animation:none;opacity:1}
@keyframes blink{50%{opacity:0}}
#searchBox.active kbd{display:none}
#searchBox.active{border-color:rgba(201,162,75,.35)}
.search-results{position:absolute;left:0;top:46px;width:300px;background:var(--raise);border:1px solid var(--line-2);border-radius:10px;box-shadow:0 26px 60px -20px rgba(0,0,0,.85);padding:8px;display:none;z-index:65}
.search-results.open{display:block;animation:srIn .28s cubic-bezier(.2,.7,.2,1) both}
.sr-head{font-size:11px;letter-spacing:.11em;text-transform:uppercase;color:var(--mut-2);padding:6px 10px 8px}
.sr-item{display:flex;align-items:center;gap:11px;padding:9px 10px;border-radius:6px;cursor:pointer;transition:background .15s}
.sr-item:hover{background:rgba(255,255,255,.045)}
.sr-ini{width:32px;height:32px;border-radius:50%;background:var(--raise);border:1px solid var(--line);display:flex;align-items:center;justify-content:center;font-family:var(--disp);font-weight:600;font-size:12px;color:var(--mut);flex:none}
.sr-tx{flex:1;min-width:0}
.sr-tx b{font-family:var(--disp);font-weight:600;font-size:13px;display:block;line-height:1.2}
.sr-tx span{font-size:12px;color:var(--mut-2)}
.s-spin{display:none;width:13px;height:13px;border-radius:50%;border:2px solid rgba(201,162,75,.28);border-top-color:var(--gold-br);animation:sspin .62s linear infinite;margin-left:auto;flex:none}
#searchBox.searching .s-spin{display:block}
#searchBox.searching kbd{display:none}
@keyframes sspin{to{transform:rotate(360deg)}}
@keyframes srIn{from{opacity:0;transform:translateY(-6px) scale(.98)}to{opacity:1;transform:none}}
.act-day{font-family:var(--disp);font-weight:600;font-size:11px;letter-spacing:.13em;text-transform:uppercase;color:var(--mut-2);padding:14px 4px 6px}
.act-item{display:flex;align-items:center;gap:13px;padding:11px 4px;border-bottom:1px solid var(--line)}
.act-item:last-child{border-bottom:none}
.act-ic{width:34px;height:34px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex:none;border:1px solid var(--line);background:var(--ink-2)}
.act-ic svg{width:16px;height:16px}
.act-ic.gold{background:var(--gold-soft);color:var(--gold-br);border-color:rgba(201,162,75,.28)}
.act-ic.ok{background:var(--ok-soft);color:var(--ok);border-color:rgba(66,193,130,.28)}
.act-ic.blue{background:rgba(120,150,210,.12);color:#8fb0e6;border-color:rgba(120,150,210,.28)}
.act-ic.warn{background:rgba(224,169,59,.12);color:var(--warn);border-color:rgba(224,169,59,.28)}
.act-ic.mut{background:rgba(152,163,178,.1);color:var(--mut)}
.act-tx{flex:1;min-width:0}
.act-tx b{font-family:var(--disp);font-weight:500;font-size:13px;display:block;line-height:1.25}
.act-tx span{font-size:12px;color:var(--mut-2)}
.act-time{font-size:12px;color:var(--mut-2);flex:none;font-variant-numeric:tabular-nums}
.bars{display:flex;align-items:flex-end;gap:14px;height:132px;padding:4px 6px 0}
.bar{flex:1;border-radius:6px 6px 0 0;background:linear-gradient(180deg,rgba(201,162,75,.55),rgba(201,162,75,.14));min-width:0}
.bar.on{background:linear-gradient(180deg,var(--gold-br),var(--gold))}
.barx{display:flex;gap:14px;margin-top:9px;padding:0 6px}
.barx span{flex:1;text-align:center;font-size:11px;color:var(--mut-2);font-family:var(--mono)}
.pill.warn{color:var(--warn);background:rgba(224,169,59,.13)}
.paynow{display:inline-flex;align-items:center;font-size:11px;color:var(--gold-br);background:var(--gold-soft);border:1px solid rgba(201,162,75,.28);border-radius:6px;padding:2px 9px;font-family:var(--disp);font-weight:500}
.mut2{color:var(--mut-2)}
.axct{align-items:flex-start}
.axnum{margin:5px 0 0;font-size:12px;color:var(--mut-2);font-variant-numeric:tabular-nums;display:flex;align-items:baseline;gap:8px}
.axnum b{font-weight:500;font-size:13px;color:var(--mut)}
.vtools{display:flex;align-items:center;gap:10px}
.tbl td.seen{color:var(--mut-2);font-variant-numeric:tabular-nums;white-space:nowrap}
.tbl tr.hid{display:none}