*{margin:0;padding:0;box-sizing:border-box}
:root{--gold:#d4a574;--gold2:#b8956a;--dark:#060a14;--dark2:#0a1025;--text:#e2e8f0;--text2:#94a3b8;--text3:#475569;--green:#22c55e;--blue:#38bdf8;--red:#ef4444;--yellow:#f59e0b;--purple:#a78bfa}
body{font-family:'DM Sans',sans-serif;background:var(--dark);color:var(--text);min-height:100vh}
.layout{display:flex;min-height:100vh}.sidebar{width:220px;background:var(--dark2);border-right:1px solid rgba(255,255,255,.04);padding:20px 0;position:fixed;top:0;bottom:0;overflow-y:auto;z-index:10}
.sidebar .logo{display:flex;align-items:center;gap:10px;padding:0 20px;margin-bottom:28px}
.sidebar .logo-icon{width:32px;height:32px;border-radius:8px;background:linear-gradient(135deg,var(--gold),var(--gold2));display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:800;color:var(--dark);font-family:'Playfair Display'}
.sidebar .logo-text{font-family:'Playfair Display';font-weight:700;font-size:16px}.sidebar .logo-text span{color:var(--gold)}
.nav-item{display:flex;align-items:center;gap:10px;padding:10px 20px;cursor:pointer;transition:all .2s;font-size:13px;color:var(--text2);border-left:3px solid transparent}
.nav-item:hover{background:rgba(255,255,255,.03);color:var(--text)}.nav-item.active{background:rgba(212,165,116,.06);color:var(--gold);border-left-color:var(--gold)}
.nav-item .icon{width:18px;text-align:center;font-size:14px}.nav-sep{height:1px;background:rgba(255,255,255,.04);margin:8px 20px}
.nav-label{font-size:9px;color:var(--text3);text-transform:uppercase;letter-spacing:2px;padding:8px 20px 4px;font-weight:700}
.main{margin-left:220px;flex:1;padding:24px 32px}
.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;flex-wrap:wrap;gap:12px}
.page-header h1{font-family:'Playfair Display';font-size:24px;font-weight:800}.page-header h1 span{color:var(--gold)}
.stats-row{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-bottom:24px}
.stat-card{padding:18px;border-radius:14px;background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.04);transition:all .3s}
.stat-card:hover{border-color:rgba(212,165,116,.1);transform:translateY(-2px)}
.stat-card .val{font-family:'JetBrains Mono';font-size:26px;font-weight:700}.stat-card .lbl{font-size:10px;color:var(--text3);margin-top:4px;text-transform:uppercase;letter-spacing:1px}
.card{padding:24px;border-radius:16px;background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.04);margin-bottom:16px}
.card h2{font-size:15px;font-weight:700;margin-bottom:16px;display:flex;align-items:center;gap:8px}.card h2 .cnt{font-size:10px;padding:2px 8px;border-radius:10px;background:rgba(56,189,248,.1);color:var(--blue);font-weight:600}
.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:16px}.grid-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px}
.tbl{width:100%;border-collapse:collapse}.tbl th{font-size:10px;color:var(--text3);font-weight:700;text-transform:uppercase;letter-spacing:1px;text-align:left;padding:8px 10px;border-bottom:2px solid rgba(255,255,255,.06)}
.tbl td{padding:10px;border-bottom:1px solid rgba(255,255,255,.03);font-size:13px}.tbl tr:hover{background:rgba(255,255,255,.02)}
.badge{padding:2px 8px;border-radius:4px;font-size:10px;font-weight:700;display:inline-block}
.badge-admin{background:rgba(212,165,116,.15);color:var(--gold)}.badge-user{background:rgba(56,189,248,.1);color:var(--blue)}
.badge-green{background:rgba(34,197,94,.1);color:var(--green)}.badge-red{background:rgba(239,68,68,.1);color:var(--red)}
.badge-yellow{background:rgba(245,158,11,.1);color:var(--yellow)}.badge-purple{background:rgba(167,139,250,.1);color:var(--purple)}
.btn{padding:8px 16px;border-radius:8px;font-weight:600;font-size:12px;cursor:pointer;transition:all .3s;border:none;font-family:'DM Sans';display:inline-flex;align-items:center;gap:6px}
.btn:hover{transform:translateY(-1px)}.btn-gold{background:linear-gradient(135deg,var(--gold),var(--gold2));color:var(--dark)}
.btn-blue{background:rgba(56,189,248,.15);color:var(--blue);border:1px solid rgba(56,189,248,.15)}
.btn-red{background:rgba(239,68,68,.15);color:var(--red);border:1px solid rgba(239,68,68,.15)}
.btn-green{background:rgba(34,197,94,.15);color:var(--green);border:1px solid rgba(34,197,94,.15)}
.btn-purple{background:rgba(167,139,250,.15);color:var(--purple);border:1px solid rgba(167,139,250,.15)}
.btn-sm{padding:4px 10px;font-size:11px}
.progress-bar{height:8px;border-radius:4px;background:rgba(255,255,255,.06);overflow:hidden}.progress-fill{height:100%;border-radius:4px;transition:width 1s ease}
.gauge-circle{width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 8px;position:relative}
.gauge-circle::before{content:'';position:absolute;inset:4px;border-radius:50%;background:var(--dark2)}.gauge-val{position:relative;font-family:'JetBrains Mono';font-size:18px;font-weight:700}
.inp{width:100%;padding:10px 12px;border-radius:8px;border:1px solid rgba(255,255,255,.06);background:rgba(255,255,255,.03);color:var(--text);font-size:13px;outline:none;font-family:'DM Sans';margin-bottom:12px}
.inp:focus{border-color:var(--gold)}select.inp{cursor:pointer}textarea.inp{min-height:80px;resize:vertical}
.inp-label{font-size:11px;color:var(--text2);font-weight:600;text-transform:uppercase;letter-spacing:1px;display:block;margin-bottom:4px}
.color-row{display:flex;align-items:center;gap:8px;margin-bottom:12px}.color-row input[type=color]{width:40px;height:32px;border:none;border-radius:6px;cursor:pointer;background:none}
.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.7);z-index:100;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(4px)}
.modal{width:90%;max-width:800px;max-height:85vh;overflow-y:auto;background:var(--dark2);border:1px solid rgba(212,165,116,.1);border-radius:20px;padding:32px}
.modal h2{font-family:'Playfair Display';font-size:22px;margin-bottom:20px}
#toast{position:fixed;top:20px;right:20px;padding:12px 20px;border-radius:10px;font-size:13px;z-index:200;opacity:0;transform:translateY(-10px);transition:all .3s;pointer-events:none;font-family:'DM Sans',sans-serif}
#toast.show{opacity:1;transform:translateY(0)}
.login-wrap{display:flex;align-items:center;justify-content:center;min-height:100vh}
.login-box{width:400px;padding:40px;border-radius:20px;background:rgba(255,255,255,.02);border:1px solid rgba(212,165,116,.08)}
.login-box h1{font-family:'Playfair Display';font-size:28px;text-align:center;margin-bottom:4px}.login-box h1 span{color:var(--gold)}
.empty{text-align:center;padding:40px;color:var(--text3)}
.filter-row{display:flex;gap:8px;margin-bottom:16px;flex-wrap:wrap}.filter-row .inp{width:auto;flex:1;min-width:150px;margin:0}.filter-row select.inp{min-width:120px;flex:none}
.bar-chart{display:flex;align-items:flex-end;gap:4px;height:160px;padding-top:10px}.bar-col{flex:1;text-align:center}.bar-col .bar{border-radius:3px 3px 0 0;margin:0 auto 4px;transition:height .8s ease;width:80%}
.bar-col .bar-lbl{font-size:8px;color:var(--text3)}.bar-col .bar-val{font-size:9px;font-family:'JetBrains Mono';margin-bottom:2px}
@keyframes pulse-dot{0%,100%{opacity:1}50%{opacity:.4}}
@media(max-width:768px){.sidebar{display:none}.main{margin-left:0}.stats-row{grid-template-columns:repeat(2,1fr)}.grid-2,.grid-3{grid-template-columns:1fr}}
.sidebar::-webkit-scrollbar{display:none}
.sidebar{-ms-overflow-style:none;scrollbar-width:none}
.main::-webkit-scrollbar{display:none}
.main{-ms-overflow-style:none;scrollbar-width:none}
body::-webkit-scrollbar{display:none}
body{-ms-overflow-style:none;scrollbar-width:none}
*::-webkit-scrollbar{display:none}
*{-ms-overflow-style:none;scrollbar-width:none}
.sidebar{overflow-y:scroll!important;scrollbar-width:none!important}
.sidebar::-webkit-scrollbar{width:0!important;display:none!important}
.layout{overflow:hidden}