@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@400;600;700;800;900&family=Barlow:wght@300;400;500;600&display=swap');
:root {
  --bg:#080810;--bg2:#0d0d1a;--bg3:#12121e;--card:#181825;--card2:#1e1e2e;
  --border:rgba(255,255,255,0.06);--border2:rgba(255,255,255,0.12);
  --text:#eeeef5;--muted:#7070a0;
  --gold:#d4a843;--gold2:#f0c060;--gold3:#ffe090;
  --red:#c8303a;--red2:#e84050;--red3:#ff6070;
  --green:#22a866;--green2:#35cc80;
  --blue:#3060d0;--blue2:#5588ff;
  --purple:#7030c0;--purple2:#a060f0;
  --sidebar-w:220px;--topbar-h:56px;--r:12px;--r2:8px;
  --sh:0 12px 48px rgba(0,0,0,0.5);--sh2:0 4px 20px rgba(0,0,0,0.3);
}
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{background:var(--bg);color:var(--text);font-family:'Barlow',sans-serif;min-height:100vh;overflow-x:hidden;-webkit-font-smoothing:antialiased;}
a{color:inherit;text-decoration:none;}
button{cursor:pointer;font-family:inherit;}
input,select,textarea{font-family:inherit;}
::-webkit-scrollbar{width:5px;height:5px;}
::-webkit-scrollbar-track{background:var(--bg2);}
::-webkit-scrollbar-thumb{background:rgba(255,255,255,0.08);border-radius:3px;}
.text-gold{color:var(--gold2);}.text-red{color:var(--red3);}.text-green{color:var(--green2);}
.text-blue{color:var(--blue2);}.text-muted{color:var(--muted);}
.font-bold{font-weight:700;}.uppercase{text-transform:uppercase;letter-spacing:.5px;}
.d-flex{display:flex;}.align-center{align-items:center;}.justify-between{justify-content:space-between;}
.gap-8{gap:8px;}.gap-12{gap:12px;}.gap-16{gap:16px;}.flex-1{flex:1;}.flex-wrap{flex-wrap:wrap;}
.mb-8{margin-bottom:8px;}.mb-12{margin-bottom:12px;}.mb-16{margin-bottom:16px;}.mb-20{margin-bottom:20px;}.mb-24{margin-bottom:24px;}
.mt-8{margin-top:8px;}.mt-12{margin-top:12px;}.mt-16{margin-top:16px;}
.hidden{display:none!important;}.w-full{width:100%;}
@keyframes fadeIn{from{opacity:0;transform:translateY(10px);}to{opacity:1;transform:translateY(0);}}
@keyframes slideUp{from{opacity:0;transform:translateY(16px);}to{opacity:1;transform:translateY(0);}}
@keyframes spin{to{transform:rotate(360deg);}}
.animate-fade{animation:fadeIn .25s ease;}
.belt{display:inline-flex;align-items:center;gap:5px;padding:2px 8px;border-radius:3px;font-size:10px;font-weight:700;letter-spacing:1px;text-transform:uppercase;border-left:3px solid;}
.belt-white{background:rgba(255,255,255,0.07);color:#ccc;border-color:#888;}
.belt-yellow{background:rgba(255,220,0,0.10);color:#ffe566;border-color:#ffcc00;}
.belt-orange{background:rgba(255,140,0,0.12);color:#ffaa44;border-color:#ff8800;}
.belt-green{background:rgba(34,168,102,0.12);color:var(--green2);border-color:var(--green);}
.belt-blue{background:rgba(48,96,208,0.12);color:var(--blue2);border-color:var(--blue);}
.belt-purple{background:rgba(112,48,192,0.12);color:var(--purple2);border-color:var(--purple);}
.belt-brown{background:rgba(130,70,20,0.15);color:#c08040;border-color:#805020;}
.belt-black{background:rgba(255,255,255,0.04);color:#aaa;border-color:#444;}
.belt-red{background:rgba(200,48,58,0.12);color:var(--red3);border-color:var(--red);}
.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:5px;}
.sd-green{background:var(--green2);}.sd-gold{background:var(--gold);}.sd-red{background:var(--red2);}.sd-gray{background:var(--muted);}
.divider{height:1px;background:var(--border);margin:16px 0;}
.empty{text-align:center;padding:52px 20px;}
.empty-icon{font-size:44px;margin-bottom:14px;opacity:.25;}
.empty-text{font-size:14px;color:var(--muted);margin-bottom:16px;}
@media(max-width:900px){:root{--sidebar-w:0px;}.sidebar{transform:translateX(-100%);}.sidebar.open{transform:translateX(0);}.main{margin-left:0!important;}}