:root{--bg:#07080d;--panel:#0d1018;--panel2:#111522;--line:#202636;--line2:#2a3245;--text:#f4f7fb;--muted:#8f98aa;--accent:#ff3d5a;--accent2:#ff6b7e;--good:#20c889;--warn:#ffb84d;--bad:#ff526e;--shadow:0 22px 60px rgba(0,0,0,.34)}
*{box-sizing:border-box}html{background:var(--bg);scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:radial-gradient(circle at 10% 0%,rgba(255,61,90,.08),transparent 30%),var(--bg);color:var(--text)}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.layout{min-height:100vh}.side{position:fixed;left:0;top:0;bottom:0;width:268px;padding:22px 16px;background:rgba(10,12,18,.96);border-right:1px solid var(--line);backdrop-filter:blur(12px);z-index:20}.brand{display:flex;align-items:center;gap:10px;padding:4px 10px 22px;font-weight:950;font-size:17px;letter-spacing:.12em}.brand .dot{width:12px;height:12px;border-radius:50%;background:linear-gradient(135deg,var(--accent),var(--accent2));box-shadow:0 0 0 6px rgba(255,61,90,.10),0 0 28px rgba(255,61,90,.38)}.brand small{display:block;color:var(--muted);font-size:9px;letter-spacing:.16em;margin-top:4px}.nav-title{padding:12px 10px 7px;color:#5e6676;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.16em}.nav a{display:flex;align-items:center;gap:11px;padding:11px 12px;margin:4px 0;border-radius:12px;color:#aab2c2;font-size:13px;font-weight:750;transition:.18s}.nav a .ico{width:22px;text-align:center;font-size:15px;opacity:.9}.nav a:hover{background:#151923;color:#fff}.nav a.active{background:linear-gradient(90deg,rgba(255,61,90,.16),rgba(255,61,90,.03));border:1px solid rgba(255,61,90,.22);color:#fff}.side-foot{position:absolute;left:16px;right:16px;bottom:18px;padding:12px;border:1px solid var(--line);border-radius:12px;background:#0b0e14}.side-foot .small{font-size:10px}.main{margin-left:268px;min-height:100vh;padding:24px 28px 38px}.topbar{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:4px 0 22px}.eyebrow{font-size:10px;letter-spacing:.18em;color:#697284;text-transform:uppercase;font-weight:900}.title{font-size:28px;line-height:1.1;margin:6px 0 4px}.subtitle{font-size:12px;color:var(--muted)}.owner-chip{display:flex;align-items:center;gap:10px;padding:9px 12px;background:#0d1119;border:1px solid var(--line);border-radius:14px}.avatar{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:linear-gradient(135deg,#2a2230,#1b1d28);font-weight:900}.owner-chip b{font-size:12px}.owner-chip span{display:block;color:var(--muted);font-size:10px}.grid4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.card{background:linear-gradient(180deg,rgba(17,21,34,.94),rgba(12,15,24,.96));border:1px solid var(--line);border-radius:18px;padding:18px;box-shadow:var(--shadow)}.card.soft{background:#0c1018}.metric{position:relative;overflow:hidden}.metric:after{content:"";position:absolute;right:-35px;bottom:-45px;width:130px;height:130px;border-radius:50%;background:radial-gradient(circle,rgba(255,61,90,.14),transparent 65%)}.metric .label{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.metric .value{font-size:29px;font-weight:950;margin-top:8px}.metric .hint{font-size:11px;color:#727b8e;margin-top:6px}.section-head{display:flex;justify-content:space-between;gap:14px;align-items:center;margin-bottom:14px}.section-head h3{margin:0;font-size:15px}.section-head p{margin:4px 0 0;color:var(--muted);font-size:11px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:39px;padding:9px 14px;border:1px solid transparent;border-radius:12px;background:linear-gradient(135deg,var(--accent),#e22f4a);color:#fff;font-weight:850;font-size:12px;cursor:pointer;box-shadow:0 12px 30px rgba(255,61,90,.18)}.btn:hover{transform:translateY(-1px)}.btn.secondary{background:#151923;border-color:var(--line2);box-shadow:none}.btn.success{background:linear-gradient(135deg,#18b979,#12865b)}.btn.warn{background:linear-gradient(135deg,#e08a18,#b96f0d)}.btn.danger{background:linear-gradient(135deg,#d92d4e,#9f2039)}.btn.sm{min-height:32px;padding:6px 9px;font-size:10px;border-radius:9px}.toolbar{display:flex;gap:8px;flex-wrap:wrap}.input,.select,.textarea{width:100%;background:#090c12;border:1px solid var(--line2);color:#fff;padding:11px 12px;border-radius:11px;outline:none}.input:focus,.select:focus,.textarea:focus{border-color:rgba(255,61,90,.5);box-shadow:0 0 0 3px rgba(255,61,90,.08)}.textarea{min-height:95px;resize:vertical}.field{margin-bottom:12px}.label{display:block;margin-bottom:6px;color:#98a1b2;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.row3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:14px}.table{width:100%;border-collapse:collapse;min-width:760px}.table th,.table td{text-align:left;padding:12px 13px;border-bottom:1px solid #1d2330;font-size:11px;vertical-align:top}.table th{background:#0b0e15;color:#7e8799;text-transform:uppercase;letter-spacing:.08em;font-size:9px}.table tr:last-child td{border-bottom:0}.table td b{font-size:12px}.muted{color:var(--muted)}.code{padding:12px 13px;border-radius:12px;background:#07090e;border:1px solid var(--line);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:11px;word-break:break-all;color:#cfd5e0}.badge{display:inline-flex;align-items:center;padding:5px 8px;border-radius:999px;border:1px solid var(--line2);background:#151923;color:#cfd5e0;font-size:9px;font-weight:900;letter-spacing:.07em}.badge.ok{color:#7ef2c3;background:rgba(32,200,137,.08);border-color:rgba(32,200,137,.22)}.badge.warn{color:#ffd081;background:rgba(255,184,77,.08);border-color:rgba(255,184,77,.22)}.badge.bad{color:#ff9bae;background:rgba(255,82,110,.08);border-color:rgba(255,82,110,.22)}.alert{padding:12px 14px;border-radius:12px;background:#211217;border:1px solid rgba(255,61,90,.25);color:#ffd4db;margin-bottom:14px;font-size:12px}.notice{padding:12px 14px;border-radius:12px;background:#121925;border:1px solid var(--line2);color:#b8c0cf;font-size:11px}.feature-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.feature{padding:12px;border:1px solid var(--line);border-radius:13px;background:#0b0e15}.feature b{font-size:11px}.feature small{display:block;color:var(--muted);margin:5px 0 10px;font-size:9px;line-height:1.4}.feature-form{display:inline}.health{height:7px;border-radius:99px;background:#1a1f2b;overflow:hidden}.health>span{display:block;height:100%;background:linear-gradient(90deg,var(--accent),#ff6e80)}.timeline{display:grid;gap:9px}.event{padding:11px 12px;border:1px solid var(--line);border-radius:12px;background:#0b0e15}.event .line{display:flex;justify-content:space-between;gap:12px}.event strong{font-size:11px}.event p{margin:5px 0 0;color:var(--muted);font-size:10px}.empty{padding:25px;text-align:center;color:#6f788a;font-size:11px}.footer{padding-top:22px;color:#60697b;font-size:10px}.login-shell{min-height:100vh;display:grid;place-items:center;padding:20px}.login{width:min(430px,100%)}.login .card{padding:26px}.login-brand{font-size:22px;font-weight:950;letter-spacing:.12em;margin-bottom:8px}.login-brand span{color:var(--accent)}.small{font-size:10px}.danger-note{color:#ff9bad;font-size:10px}.mobile-menu{display:none}.sticky-actions{position:sticky;bottom:10px;display:flex;justify-content:flex-end;padding-top:10px}.status-strip{display:flex;gap:7px;flex-wrap:wrap}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}@media(max-width:1180px){.grid4{grid-template-columns:repeat(2,minmax(0,1fr))}.grid3{grid-template-columns:repeat(2,minmax(0,1fr))}.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:800px){.side{position:static;width:auto;border-right:0;border-bottom:1px solid var(--line)}.layout{display:block}.main{margin-left:0;padding:18px}.side-foot{position:static;margin-top:18px}.topbar{align-items:flex-start;flex-direction:column}.grid4,.grid3,.grid2,.row,.row3{grid-template-columns:1fr}.feature-grid{grid-template-columns:1fr}.title{font-size:23px}.table{min-width:650px}}

.command-hero{display:flex;justify-content:space-between;gap:20px;align-items:stretch;padding:22px;border:1px solid var(--line);border-radius:20px;background:radial-gradient(circle at 0 0,rgba(255,61,90,.13),transparent 34%),linear-gradient(135deg,rgba(25,19,28,.95),rgba(12,15,24,.98));box-shadow:var(--shadow)}.command-hero h1{margin:5px 0 7px;font-size:31px}.command-hero p{margin:0;color:var(--muted);font-size:12px;max-width:760px}.command-status{min-width:190px;border:1px solid var(--line2);border-radius:15px;padding:14px;background:#0a0d14;display:flex;flex-direction:column;justify-content:center;align-items:flex-end;gap:5px}.command-status b{font-size:11px;letter-spacing:.07em}.command-status small{color:var(--muted);font-size:9px}.dot-live,.dot-alert{width:9px;height:9px;border-radius:50%;display:inline-block;box-shadow:0 0 0 5px rgba(32,200,137,.08)}.dot-live{background:var(--good)}.dot-alert{background:var(--bad);box-shadow:0 0 0 5px rgba(255,82,110,.08)}.command-metric{transition:.18s}.command-metric:hover{transform:translateY(-2px);border-color:var(--line2)}.attention-list{display:grid;gap:8px}.attention-item{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:12px;border:1px solid var(--line);border-radius:13px;background:#0b0e15}.attention-item:hover{border-color:var(--line2);background:#0e121b}.attention-item b{font-size:11px}.attention-item strong{font-size:18px}.pulse-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.pulse{display:flex;align-items:center;gap:10px;padding:11px;border:1px solid var(--line);border-radius:12px;background:#0b0e15}.pulse:hover{background:#0f131c}.pulse-icon{width:27px;height:27px;border-radius:9px;display:grid;place-items:center;font-weight:950;font-size:12px}.pulse-icon.ok{background:rgba(32,200,137,.1);color:#7ef2c3}.pulse-icon.bad{background:rgba(255,82,110,.1);color:#ff9bae}.pulse b{display:block;font-size:10px}.pulse small{display:block;color:var(--muted);margin-top:3px;font-size:9px}.command-actions .btn{min-width:105px}@media(max-width:800px){.command-hero{flex-direction:column}.command-status{align-items:flex-start;min-width:0}.pulse-grid{grid-template-columns:1fr}}

.incident-critical{border-color:rgba(255,82,110,.45)!important;box-shadow:0 0 0 1px rgba(255,82,110,.08),var(--shadow)}details{position:relative}details>div{position:absolute;right:0;top:38px;z-index:50;background:#0b0e15;border:1px solid var(--line2);border-radius:12px;padding:10px;box-shadow:var(--shadow);max-width:420px;line-height:1.5}

/* v29 Central Dashboard 2.0 */
.central-hero{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:16px;padding:24px;border:1px solid var(--line);border-radius:22px;background:radial-gradient(circle at 0 0,rgba(255,61,90,.14),transparent 35%),linear-gradient(135deg,#18131a,#0b0f17 72%);box-shadow:var(--shadow)}
.central-hero h1{font-size:34px;margin:6px 0 8px;letter-spacing:-.02em}.central-hero p{margin:0;color:var(--muted);max-width:760px;font-size:12px;line-height:1.7}.central-hero-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:17px}.central-system{border:1px solid var(--line2);border-radius:18px;background:#090c12;padding:16px;display:flex;flex-direction:column;justify-content:space-between;min-height:180px}.central-system-top{display:flex;align-items:center;gap:8px;font-size:11px}.central-state-dot{width:9px;height:9px;border-radius:50%;display:inline-block}.central-state-dot.ok{background:var(--good);box-shadow:0 0 0 6px rgba(32,200,137,.08)}.central-state-dot.warn{background:var(--warn);box-shadow:0 0 0 6px rgba(255,184,77,.08)}.central-state-dot.bad{background:var(--bad);box-shadow:0 0 0 6px rgba(255,82,110,.08)}.central-score{display:flex;align-items:flex-end;gap:9px}.central-score strong{font-size:42px;line-height:1;font-weight:950}.central-score span{font-size:10px;color:var(--muted);padding-bottom:4px}.central-system-foot{display:flex;justify-content:space-between;gap:10px;color:#697284;font-size:9px}.central-system-foot a{color:#dfe3eb}.central-kpis{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin-top:14px}.central-kpi{padding:15px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(180deg,#111521,#0b0e15);transition:.18s}.central-kpi:hover{transform:translateY(-2px);border-color:var(--line2)}.central-kpi.problem{border-color:rgba(255,82,110,.35);box-shadow:inset 0 1px 0 rgba(255,82,110,.06)}.central-kpi-top{display:flex;justify-content:space-between;align-items:center;color:#758095;font-size:8px;font-weight:900;letter-spacing:.08em}.central-kpi strong{display:block;font-size:28px;line-height:1;margin-top:15px}.central-kpi>div:last-child{color:#b5bdcb;font-size:10px;margin-top:6px}.central-kpi-icon{width:9px;height:9px;border-radius:3px;background:var(--accent);box-shadow:0 0 0 5px rgba(255,61,90,.08)}.central-grid-main{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(300px,.75fr);gap:16px}.central-grid-three{display:grid;grid-template-columns:1.05fr .8fr .95fr;gap:16px}.central-alerts{display:grid;gap:8px}.central-alert{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:13px 14px;border-radius:14px;background:#0b0e15;border:1px solid var(--line)}.central-alert:hover{background:#0f131b;border-color:var(--line2)}.central-alert.danger{border-color:rgba(255,82,110,.24)}.central-alert.warning{border-color:rgba(255,184,77,.2)}.central-alert b{display:block;font-size:11px;margin-top:6px}.central-alert small{display:block;color:var(--muted);font-size:9px;margin-top:4px}.central-alert>strong{font-size:18px}.central-clear{display:flex;gap:12px;align-items:center;padding:18px;border:1px solid rgba(32,200,137,.18);border-radius:14px;background:rgba(32,200,137,.04)}.central-clear-icon{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:rgba(32,200,137,.1);color:#7ef2c3;font-weight:950;font-size:18px}.central-clear b{display:block;font-size:12px}.central-clear span{display:block;color:var(--muted);font-size:10px;margin-top:4px}.central-pulse-list{display:grid;gap:7px}.central-pulse{display:flex;align-items:center;gap:10px;padding:10px 11px;background:#0b0e15;border:1px solid var(--line);border-radius:12px}.central-pulse:hover{background:#0f131b}.central-pulse>div{min-width:0;flex:1}.central-pulse b{font-size:10px;display:block}.central-pulse small{display:block;color:var(--muted);font-size:9px;margin-top:3px}.central-pulse-arrow{color:#616b7e;font-size:19px}.central-readiness{display:flex;align-items:center;gap:16px}.central-readiness-ring{width:92px;height:92px;border-radius:50%;border:8px solid rgba(255,61,90,.14);display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:inset 0 0 30px rgba(255,61,90,.06)}.central-readiness-ring strong{font-size:22px;line-height:1}.central-readiness-ring span{font-size:8px;color:var(--muted);margin-top:4px;text-transform:uppercase;letter-spacing:.1em}.central-readiness-copy{display:grid;gap:10px;flex:1}.central-readiness-copy b{display:block;font-size:10px}.central-readiness-copy span{display:block;color:var(--muted);font-size:9px;margin-top:3px}.central-quick{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.central-quick a{padding:10px 11px;border:1px solid var(--line);border-radius:11px;background:#0b0e15;color:#dfe3eb;font-size:9px;font-weight:900;text-align:center;letter-spacing:.06em}.central-quick a:hover{border-color:var(--line2);background:#10141d}@media(max-width:1200px){.central-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}.central-grid-three{grid-template-columns:1fr 1fr}.central-grid-three .card:last-child{grid-column:1/-1}}@media(max-width:900px){.central-hero{grid-template-columns:1fr}.central-system{min-height:150px}.central-grid-main,.central-grid-three{grid-template-columns:1fr}.central-grid-three .card:last-child{grid-column:auto}}@media(max-width:700px){.central-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.central-hero h1{font-size:28px}}@media(max-width:480px){.central-kpis{grid-template-columns:1fr}}

/* v50.0.8 - stable grouped owner navigation */
.side{overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:#2a3245 transparent}
.nav-groups{display:grid;grid-template-columns:1fr;gap:8px}
.nav-group{border:1px solid var(--line);border-radius:14px;background:rgba(13,16,24,.72);overflow:hidden}
.nav-group.is-open{border-color:rgba(255,61,90,.22);background:rgba(255,61,90,.025)}
.nav-group-toggle{width:100%;min-height:46px;display:grid;grid-template-columns:28px minmax(0,1fr) auto 18px;align-items:center;gap:9px;padding:10px 11px;border:0;background:linear-gradient(180deg,#10131c,#0d1017);color:#d7dce6;cursor:pointer;text-align:left;font:inherit;border-radius:13px}
.nav-group-toggle:hover{background:#141923;color:#fff}
.nav-group.is-open>.nav-group-toggle{background:linear-gradient(180deg,#161018,#110f16);color:#fff;box-shadow:inset 3px 0 0 var(--accent)}
.nav-group-icon{width:28px;height:28px;display:grid;place-items:center;border-radius:9px;background:#171b26;border:1px solid var(--line2);color:var(--accent);font-size:12px;font-weight:950}
.nav-group-title{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px;font-weight:950;letter-spacing:.08em}
.nav-group-count{min-width:25px;height:21px;padding:0 6px;display:grid;place-items:center;border-radius:999px;background:#151923;border:1px solid var(--line2);color:#9099aa;font-size:8px;font-weight:900;letter-spacing:0}
.nav-group-chevron{width:10px;height:10px;border-right:2px solid #737d90;border-bottom:2px solid #737d90;transform:rotate(45deg) translateY(-2px);transition:transform .18s ease}
.nav-group.is-open .nav-group-chevron{transform:rotate(225deg) translate(-1px,-1px);border-color:#dfe3eb}
.nav-group-links{display:grid;gap:3px;margin:0;padding:7px 8px 9px 8px;background:#0a0d14;border-top:1px solid rgba(255,255,255,.035)}
.nav-group-links[hidden]{display:none}
.nav-group-links>a{margin:0;min-height:40px;padding:9px 10px;border-radius:10px;font-size:11px;color:#9ea7b7}
.nav-group-links>a .ico{width:24px;font-size:14px}
.nav-group-links>a:hover{background:#151923;color:#fff}
.nav-group-links>a.active{background:linear-gradient(90deg,rgba(255,61,90,.17),rgba(255,61,90,.04));border:1px solid rgba(255,61,90,.22);color:#fff}
.logout-link{display:flex;align-items:center;gap:11px;margin-top:10px;padding:11px 12px;border-radius:12px;border:1px solid rgba(255,82,110,.18);background:rgba(255,82,110,.04);color:#c3cad6;font-size:11px;font-weight:850}
.logout-link:hover{background:rgba(255,82,110,.09);color:#fff}
@media(max-width:800px){.side{position:static;width:100%;padding:18px 14px}.nav-groups{grid-template-columns:1fr;gap:7px}.nav-group-toggle{min-height:48px}.nav-group-title{font-size:10px}.nav-group-links>a{font-size:11px}.side-foot{position:static;margin-top:14px}}


/* v50.0.9 - fixed left sidebar / mobile drawer */
body.owner-ui{overflow-x:hidden}
.mobile-sidebar-trigger{display:none}
.mobile-sidebar-overlay{display:none}
.nav-group-toggle,
button.nav-group-toggle{
  -webkit-appearance:none!important;
  appearance:none!important;
  width:100%!important;
  min-height:48px!important;
  display:grid!important;
  grid-template-columns:32px minmax(0,1fr) auto 14px!important;
  align-items:center!important;
  gap:10px!important;
  margin:0!important;
  padding:9px 11px!important;
  border:1px solid transparent!important;
  border-radius:12px!important;
  background:transparent!important;
  color:#aeb7c8!important;
  cursor:pointer!important;
  text-align:left!important;
  line-height:1.1!important;
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif!important;
  font-size:12px!important;
  font-weight:850!important;
  box-shadow:none!important;
}
.nav-group-toggle:hover,
button.nav-group-toggle:hover{
  background:#121722!important;
  border-color:#202636!important;
  color:#fff!important;
}
.nav-group.is-open>.nav-group-toggle,
.nav-group.is-open>button.nav-group-toggle{
  background:linear-gradient(90deg,rgba(255,61,90,.13),rgba(255,61,90,.02))!important;
  border-color:rgba(255,61,90,.18)!important;
  color:#fff!important;
  box-shadow:inset 3px 0 0 var(--accent)!important;
}
.nav-group-icon{width:30px!important;height:30px!important;display:grid!important;place-items:center!important;border-radius:9px!important;background:#151a25!important;border:1px solid #2a3245!important;color:var(--accent)!important;font-size:13px!important;font-weight:900!important}
.nav-group-title{min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;font-size:10px!important;font-weight:950!important;letter-spacing:.08em!important}
.nav-group-count{min-width:24px!important;height:20px!important;padding:0 6px!important;display:grid!important;place-items:center!important;border-radius:999px!important;background:#10151f!important;border:1px solid #252d3f!important;color:#7f899c!important;font-size:8px!important;font-weight:900!important}
.nav-group-chevron{width:8px!important;height:8px!important;border-right:2px solid #6f788a!important;border-bottom:2px solid #6f788a!important;transform:rotate(45deg)!important;transition:transform .18s ease!important}
.nav-group.is-open .nav-group-chevron{transform:rotate(225deg)!important;border-color:#fff!important}
.nav-group-links{display:grid!important;gap:3px!important;margin:2px 0 5px!important;padding:5px 5px 7px 10px!important;background:#090c12!important;border-top:1px solid rgba(255,255,255,.025)!important}
.nav-group-links[hidden]{display:none!important}
.nav-group-links>a{display:flex!important;align-items:center!important;gap:10px!important;margin:0!important;min-height:38px!important;padding:8px 10px!important;border:1px solid transparent!important;border-radius:10px!important;color:#98a2b4!important;font-size:11px!important;font-weight:760!important}
.nav-group-links>a .ico{width:22px!important;text-align:center!important;font-size:13px!important;color:#7f899b!important}
.nav-group-links>a:hover{background:#141923!important;color:#fff!important}
.nav-group-links>a.active{background:linear-gradient(90deg,rgba(255,61,90,.17),rgba(255,61,90,.04))!important;border-color:rgba(255,61,90,.22)!important;color:#fff!important}
.nav-group-links>a.active .ico{color:#ff6b7e!important}
.side{overflow-y:auto!important;overflow-x:hidden!important;scrollbar-width:thin!important;scrollbar-color:#2a3245 transparent!important}
.side::-webkit-scrollbar{width:6px}.side::-webkit-scrollbar-thumb{background:#252c3b;border-radius:10px}.side::-webkit-scrollbar-track{background:transparent}
@media(max-width:800px){
  .layout{display:block!important}
  .side{position:fixed!important;left:0!important;top:0!important;bottom:0!important;width:min(320px,88vw)!important;height:100vh!important;padding:18px 14px 24px!important;border-right:1px solid var(--line)!important;border-bottom:0!important;background:rgba(7,9,14,.985)!important;transform:translateX(-105%)!important;transition:transform .22s ease!important;z-index:100!important;box-shadow:22px 0 55px rgba(0,0,0,.42)!important}
  body.nav-open .side{transform:translateX(0)!important}
  .mobile-sidebar-trigger{position:fixed!important;left:14px!important;top:14px!important;width:44px!important;height:44px!important;display:grid!important;place-items:center!important;border:1px solid #2a3245!important;border-radius:13px!important;background:rgba(13,16,24,.94)!important;color:#fff!important;z-index:110!important;box-shadow:0 12px 30px rgba(0,0,0,.25)!important;cursor:pointer!important;font-size:18px!important}
  .mobile-sidebar-trigger:active{transform:scale(.97)}
  .mobile-sidebar-overlay{position:fixed!important;inset:0!important;display:block!important;background:rgba(0,0,0,.58)!important;backdrop-filter:blur(2px)!important;opacity:0!important;pointer-events:none!important;transition:opacity .22s ease!important;z-index:90!important}
  body.nav-open .mobile-sidebar-overlay{opacity:1!important;pointer-events:auto!important}
  .side .brand{padding-top:8px!important;padding-bottom:20px!important}
  .side-foot{position:static!important;margin-top:18px!important}
  .main{margin-left:0!important;padding:76px 16px 32px!important}
  .topbar{align-items:flex-start!important;flex-direction:column!important}
  .nav-title{padding-top:8px!important}
}
@media(min-width:801px){
  .side{position:fixed!important;left:0!important;top:0!important;bottom:0!important}
  .main{margin-left:268px!important}
}