@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&display=swap');
:root{
  --bg:#111113;--surface:#17171a;--card:#1d1d21;--card2:#242428;
  --border:rgba(255,255,255,.07);--border2:rgba(255,255,255,.12);--border3:rgba(255,255,255,.18);
  --text:#f0f0f3;--t2:#8a8a9a;--t3:#42425a;
  --accent:#4f7ef7;--accent2:#3a6ae0;--adim:rgba(79,126,247,.12);
  --green:#22c55e;--gdim:rgba(34,197,94,.1);
  --yellow:#eab308;--ydim:rgba(234,179,8,.1);
  --red:#ef4444;--rdim:rgba(239,68,68,.1);
  --nav:56px;--sb:210px;
  --r1:7px;--r2:11px;--r3:15px;--r4:20px;
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
html{font-size:16px;}
body{font-family:'Outfit',system-ui,sans-serif;background:var(--bg);color:var(--text);line-height:1.55;min-height:100vh;-webkit-font-smoothing:antialiased;}
::-webkit-scrollbar{width:5px;height:5px;}
::-webkit-scrollbar-track{background:transparent;}
::-webkit-scrollbar-thumb{background:rgba(255,255,255,.09);border-radius:3px;}
a{color:var(--accent);text-decoration:none;}
a:hover{text-decoration:underline;}
#topnav{position:fixed;top:0;left:0;right:0;height:var(--nav);background:var(--surface);border-bottom:1px solid var(--border);display:flex;align-items:center;padding:0 20px;gap:12px;z-index:200;}
.nav-logo{display:flex;align-items:center;gap:9px;font-size:.95rem;font-weight:700;color:var(--text);text-decoration:none;letter-spacing:-.02em;}
.nav-mark{width:27px;height:27px;border-radius:8px;background:var(--accent);display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:800;color:#fff;flex-shrink:0;}
.nav-sep{width:1px;height:20px;background:var(--border2);}
.nav-ctx{font-size:.74rem;color:var(--t2);}
.nav-right{margin-left:auto;display:flex;align-items:center;gap:8px;}
.nav-user{display:flex;align-items:center;gap:7px;padding:5px 11px;background:var(--card);border:1px solid var(--border);border-radius:var(--r2);font-size:.78rem;color:var(--t2);}
.nav-user span{color:var(--text);font-weight:500;}
#sidebar{position:fixed;top:var(--nav);left:0;bottom:0;width:var(--sb);background:var(--surface);border-right:1px solid var(--border);padding:8px 8px 20px;overflow-y:auto;z-index:100;}
.sb-grp{padding:12px 10px 4px;font-size:.59rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--t3);}
.sb-a{display:flex;align-items:center;gap:9px;padding:8px 10px;border-radius:var(--r2);font-size:.8rem;font-weight:500;color:var(--t2);cursor:pointer;transition:color .14s,background .14s;text-decoration:none;user-select:none;position:relative;margin:1px 0;}
.sb-a:hover{color:var(--text);background:rgba(255,255,255,.04);text-decoration:none;}
.sb-a.on{color:var(--text);background:var(--adim);font-weight:600;}
.sb-a.on::before{content:'';position:absolute;left:0;top:5px;bottom:5px;width:2px;background:var(--accent);border-radius:2px;}
.sb-ic{width:15px;text-align:center;font-size:.82rem;flex-shrink:0;}
.sb-bdg{margin-left:auto;background:var(--red);color:#fff;font-size:.6rem;font-weight:700;min-width:17px;height:17px;border-radius:9px;display:flex;align-items:center;justify-content:center;padding:0 4px;}
.sb-bdg:empty{display:none;}
.wrap{display:flex;min-height:100vh;}
.main{margin-left:var(--sb);margin-top:var(--nav);flex:1;padding:26px 28px;max-width:1080px;}
.page-title{font-size:1.15rem;font-weight:700;letter-spacing:-.022em;margin-bottom:20px;color:var(--text);}
#ckbanner{position:fixed;bottom:0;left:0;right:0;background:var(--surface);border-top:1px solid var(--border2);padding:12px 22px;display:flex;align-items:center;gap:16px;z-index:9990;box-shadow:0 -4px 20px rgba(0,0,0,.3);}
#ckbanner p{flex:1;font-size:.77rem;color:var(--t2);line-height:1.6;}
.ck-btns{display:flex;gap:7px;flex-shrink:0;}
.mov{position:fixed;inset:0;background:rgba(0,0,0,.6);display:flex;align-items:center;justify-content:center;z-index:1000;backdrop-filter:blur(6px);animation:fi .15s ease;}
@keyframes fi{from{opacity:0}to{opacity:1}}
.modal{background:var(--card);border:1px solid var(--border2);border-radius:var(--r4);padding:26px;width:500px;max-width:92vw;max-height:88vh;overflow-y:auto;box-shadow:0 20px 60px rgba(0,0,0,.5);animation:su .18s ease;}
@keyframes su{from{transform:translateY(8px);opacity:0}to{transform:translateY(0);opacity:1}}
.mhdr{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:16px;gap:12px;}
.mclose{width:26px;height:26px;border-radius:50%;background:rgba(255,255,255,.07);border:none;color:var(--t2);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.77rem;flex-shrink:0;transition:background .14s;}
.mclose:hover{background:rgba(255,255,255,.13);color:var(--text);}
.mbody{font-size:.79rem;color:var(--t2);line-height:1.75;}
.mbody h4{color:var(--text);margin:14px 0 4px;font-size:.81rem;}
.mbody h4:first-child{margin-top:0;}
.mfoot{display:flex;gap:8px;justify-content:flex-end;margin-top:20px;}
#toasts{position:fixed;bottom:22px;right:22px;display:flex;flex-direction:column-reverse;gap:6px;z-index:9500;}
.toast{background:var(--card);border:1px solid var(--border2);border-radius:var(--r2);padding:10px 14px;font-size:.78rem;color:var(--text);max-width:270px;box-shadow:0 8px 24px rgba(0,0,0,.4);animation:ti .2s ease;}
@keyframes ti{from{transform:translateY(5px);opacity:0}to{transform:translateY(0);opacity:1}}
.toast.s{border-left:2px solid var(--green);}
.toast.e{border-left:2px solid var(--red);}
.toast.i{border-left:2px solid var(--accent);}
.hidden{display:none!important;}
.hr{height:1px;background:var(--border);margin:16px 0;}
.g2{display:grid;grid-template-columns:1fr 1fr;gap:11px;}
.empty{text-align:center;padding:56px 20px;color:var(--t2);}
.empty .ei{font-size:1.8rem;margin-bottom:12px;opacity:.4;}
.empty p{font-size:.83rem;}
.sec-hdr{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;}
.sb-tog{display:none;align-items:center;justify-content:center;width:34px;height:34px;border-radius:var(--r1);background:transparent;border:1px solid var(--border2);color:var(--text);font-size:1.1rem;cursor:pointer;flex-shrink:0;transition:background .14s;}
.sb-tog:hover{background:rgba(255,255,255,.07);}
.sb-div{height:1px;background:var(--border);margin:10px 8px;}
.sb-out{width:100%;background:none;border:none;cursor:pointer;color:var(--t2);transition:color .14s,background .14s;}
.sb-out:hover{color:var(--red);background:var(--rdim);}
#sb-ov{display:none;position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:99;backdrop-filter:blur(2px);}
#sb-ov.open{display:block;}
.nav-user-hide{}
@media(max-width:768px){
  :root{--sb:0px;}
  #sidebar{position:fixed;top:var(--nav);left:0;bottom:0;width:220px;transform:translateX(-100%);transition:transform .22s ease;z-index:100;display:block;}
  #sidebar.open{transform:translateX(0);}
  .sb-tog{display:flex;}
  .main{margin-left:0;padding:14px;}
  .nav-user-hide{display:none;}
}