/* LAYOUT */
#sad,#sac{flex-direction:column;}
.topbar{height:56px;background:var(--s1);border-bottom:1px solid var(--bd);display:flex;align-items:center;padding:0 22px;gap:14px;position:sticky;top:0;z-index:100;box-shadow:0 1px 0 rgba(0,0,0,0.2);}
.tlogo{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;}
.tlogo-ic{width:26px;height:26px;background:linear-gradient(135deg,var(--ac),var(--ac2));border-radius:7px;display:flex;align-items:center;justify-content:center;font-size:12px;}
.tbadge{font-size:10px;background:var(--acg);color:var(--ac2);border:1px solid rgba(91,82,240,.3);border-radius:20px;padding:2px 7px;font-weight:500;}
.tr{margin-left:auto;display:flex;align-items:center;gap:11px;}
.av{width:30px;height:30px;border-radius:50%;background:var(--ac);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;color:#fff;}
.nbtn{position:relative;background:none;border:none;cursor:pointer;color:var(--t2);font-size:17px;padding:3px;transition:color .15s;}
.nbtn:hover{color:var(--tx);}
.ndot{position:absolute;top:0;right:0;width:7px;height:7px;background:var(--re);border-radius:50%;border:2px solid var(--s1);}
.ml{display:flex;flex:1;overflow:hidden;height:calc(100vh - 56px);}
.sb{width:215px;background:linear-gradient(180deg,#110d1f 0%,#0c0a17 100%);border-right:1px solid rgba(91,82,240,0.15);padding:14px 10px;display:flex;flex-direction:column;gap:3px;overflow-y:auto;flex-shrink:0;}
.nvsec{font-size:9px;font-weight:700;color:rgba(144,144,176,0.5);letter-spacing:1.2px;text-transform:uppercase;padding:8px 12px 3px;margin-top:6px;}
.nvi{display:flex;align-items:center;gap:9px;padding:8px 12px;border-radius:var(--rs);color:rgba(184,154,230,0.65);cursor:pointer;transition:all .15s;font-size:13px;}
.nvi:hover{background:rgba(255,255,255,0.06);color:rgba(234,234,245,0.9);}
.nvi.active{background:rgba(91,82,240,0.18);color:var(--ac2);font-weight:500;box-shadow:inset 3px 0 0 var(--ac2);}
.nvic{width:15px;text-align:center;opacity:.7;font-size:13px;}
.nvi.active .nvic{opacity:1;}
.nvc{margin-left:auto;font-size:10px;background:rgba(91,82,240,0.2);border-radius:20px;padding:1px 7px;color:var(--ac2);font-weight:600;}
.ct{flex:1;overflow-y:auto;padding:26px;}
.pg{display:none;}.pg.active{display:block;}
.pgh{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px;}
.pgt{font-size:19px;font-weight:600;letter-spacing:-.3px;}
.pgs{font-size:12px;color:var(--t2);margin-top:2px;}
/* HAMBURGER */
.menu-btn{display:none;background:none;border:none;color:var(--tx);cursor:pointer;font-size:20px;padding:4px 8px;border-radius:6px;transition:background .15s;line-height:1;}
.menu-btn:hover{background:var(--s2);}
#mob-ov{display:none;position:fixed;inset:0;z-index:199;background:rgba(0,0,0,.55);backdrop-filter:blur(2px);}
/* BODY LIGHT OVERRIDES */
body.light{--bg:#f4f5f7;--s1:#ffffff;--s2:#f0f1f4;--s3:#e4e6ed;--s4:#d8dae4;--bd:#d0d3e0;--bd2:#b8bccc;--tx:#1a1a2e;--t2:#5a5a78;--t3:#9898b0;--acg:rgba(91,82,240,0.08);}
body.light .topbar{box-shadow:0 1px 4px rgba(45,27,105,0.08);}
body.light .pc:hover{box-shadow:0 6px 20px rgba(45,27,105,0.15);}
body.light .acard{box-shadow:0 8px 32px rgba(45,27,105,0.12),0 0 0 1px rgba(91,82,240,0.08);}
body.light .sb{background:linear-gradient(180deg,#3d2c6e 0%,#2a1c52 100%);border-right-color:rgba(0,0,0,0.06);}
body.light .nvi{color:rgba(184,154,230,0.75);}
body.light .nvi:hover{background:rgba(255,255,255,0.1);color:#fff;}
body.light .nvi.active{background:rgba(255,255,255,0.14);color:#fff;box-shadow:inset 3px 0 0 rgba(255,255,255,0.7);}
body.light .nvsec{color:rgba(255,255,255,0.3);}
body.light .nvc{background:rgba(255,255,255,0.1);color:rgba(255,255,255,0.45);}
/* MOBILE */
@media(max-width:820px){
  .menu-btn{display:flex;align-items:center;}
  .sb{position:fixed;top:56px;left:0;bottom:0;z-index:200;transform:translateX(-105%);transition:transform .25s;box-shadow:4px 0 24px rgba(0,0,0,.5);width:230px;}
  .sb.mob-open{transform:translateX(0);}
  #mob-ov.show{display:block;}
  .ct{padding:16px!important;}
  .sg{grid-template-columns:repeat(2,1fr)!important;gap:10px!important;}
  .fr{grid-template-columns:1fr!important;}
  .tw{overflow-x:auto;}
  .pgrid{grid-template-columns:1fr!important;}
  .pgh{flex-wrap:wrap;gap:8px;}
  .mob-hide{display:none!important;}
  .view-tog{display:none;}
}
@media(max-width:520px){
  .sg{grid-template-columns:1fr 1fr!important;}
  .acard{padding:28px 20px;margin:12px;}
  .md{border-radius:16px 16px 0 0;position:fixed;bottom:0;left:0;right:0;max-width:100%!important;max-height:92vh;}
  .mo{align-items:flex-end;}
  .topbar{padding:0 14px;}
  .pgh{flex-direction:column;align-items:flex-start;}
}