:root{
    --bg:#080808;
    --panel:#111111;
    --panel2:#171717;
    --border:#2b2415;
    --gold:#f3bd3e;
    --gold2:#8f6413;
    --text:#f7f7f7;
    --muted:#9e9e9e;
    --danger:#ff6464;
    --success:#4fd18b;
    --warning:#ffc857;
}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,Arial,sans-serif}
a{color:inherit;text-decoration:none}
.app-shell{min-height:100vh;display:grid;grid-template-columns:250px 1fr}
.sidebar{position:sticky;top:0;height:100vh;background:linear-gradient(180deg,#111,#090909);border-right:1px solid var(--border);padding:22px 16px;display:flex;flex-direction:column}
.brand{display:flex;gap:12px;align-items:center;padding:4px 6px 22px;border-bottom:1px solid var(--border)}
.brand img{width:52px;height:52px;object-fit:contain}
.brand strong{display:block;color:var(--gold);font-size:20px}
.brand span{font-size:12px;color:var(--muted)}
nav{display:grid;gap:8px;padding-top:22px}
nav a,.logout{padding:13px 14px;border-radius:12px;color:#cfcfcf}
nav a:hover,nav a.active{background:linear-gradient(135deg,#2f230c,#17130a);color:var(--gold);border:1px solid #5e4314}
.logout{margin-top:auto;color:#ffaaaa;border:1px solid #3b2020;text-align:center}
.content{padding:26px;min-width:0}
.topbar{display:flex;align-items:center;gap:16px;margin-bottom:22px}
.topbar h1{font-size:25px;margin:0 0 5px}
.topbar p{margin:0;color:var(--muted);font-size:14px}
.admin-name{margin-left:auto;color:var(--gold);font-size:14px}
.menu-button{display:none;background:#1a1a1a;color:var(--gold);border:1px solid var(--border);padding:10px;border-radius:10px}
.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.card{background:linear-gradient(145deg,var(--panel),#0d0d0d);border:1px solid var(--border);border-radius:16px;padding:20px;box-shadow:0 10px 30px rgba(0,0,0,.18)}
.stat-label{color:var(--muted);font-size:13px}
.stat-value{font-size:30px;font-weight:800;color:var(--gold);margin-top:8px}
.section{margin-top:20px}
.section-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}
.section-head h2{font-size:18px;margin:0}
.btn{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:10px;padding:11px 15px;cursor:pointer;font-weight:700}
.btn-primary{background:linear-gradient(135deg,#f5c34a,#a66d0a);color:#120d03}
.btn-secondary{background:#1e1e1e;color:#eee;border:1px solid #343434}
.btn-danger{background:#391919;color:#ffaaaa;border:1px solid #6a2e2e}
.btn-small{padding:8px 10px;font-size:12px}
.table-wrap{overflow:auto;border:1px solid var(--border);border-radius:14px;background:var(--panel)}
table{width:100%;border-collapse:collapse;min-width:850px}
th,td{text-align:left;padding:13px 14px;border-bottom:1px solid #242424;font-size:14px}
th{color:var(--gold);background:#15130e;font-size:12px;text-transform:uppercase;letter-spacing:.04em}
td{color:#ddd}
tr:last-child td{border-bottom:0}
.badge{display:inline-flex;padding:5px 9px;border-radius:20px;font-size:11px;background:#252525}
.badge-active{background:#123322;color:#75e4aa}
.badge-warning{background:#392e12;color:#ffd66f}
.badge-danger{background:#3a1717;color:#ff9292}
.actions{display:flex;flex-wrap:wrap;gap:7px}
.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.form-group{display:grid;gap:7px}
.form-group.full{grid-column:1/-1}
label{color:#c9c9c9;font-size:13px}
input,select{width:100%;background:#0b0b0b;color:#f5f5f5;border:1px solid #343434;border-radius:10px;padding:12px 13px;outline:none}
input:focus,select:focus{border-color:var(--gold2)}
.form-actions{display:flex;gap:10px;margin-top:20px}
.alert{padding:13px 15px;border-radius:12px;margin-bottom:16px}
.alert-success{background:#123121;color:#7ee1aa;border:1px solid #245b3e}
.alert-error{background:#351717;color:#ff9f9f;border:1px solid #6b2b2b}
.alert-warning{background:#372c12;color:#ffd66f;border:1px solid #65511e}
.empty{padding:28px;text-align:center;color:var(--muted)}
.meta{color:var(--muted);font-size:12px}
.login-body{min-height:100vh;display:grid;place-items:center;padding:20px;background:radial-gradient(circle at top,#2c210b,#070707 48%)}
.login-card{width:min(430px,100%);background:rgba(15,15,15,.96);border:1px solid #5a4215;border-radius:20px;padding:28px;box-shadow:0 25px 80px rgba(0,0,0,.5)}
.login-card img{display:block;width:190px;max-height:150px;object-fit:contain;margin:0 auto 16px}
.login-card h1{text-align:center;margin:0 0 7px;color:var(--gold)}
.login-card p{text-align:center;color:var(--muted);margin:0 0 22px}
.login-card .btn{width:100%;margin-top:8px}
.search-row{display:flex;gap:10px}
.search-row input{max-width:330px}
@media(max-width:1000px){.grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){
    .app-shell{display:block}
    .sidebar{position:fixed;z-index:20;width:260px;transform:translateX(-105%);transition:.2s}
    body.menu-open .sidebar{transform:translateX(0)}
    .content{padding:18px}
    .menu-button{display:block}
    .topbar h1{font-size:21px}
    .admin-name{display:none}
    .grid,.form-grid{grid-template-columns:1fr}
    .form-group.full{grid-column:auto}
}

.mini-chart{height:185px;display:flex;align-items:flex-end;gap:6px;overflow-x:auto;padding:12px 4px 0}.mini-bar-wrap{min-width:20px;flex:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:6px}.mini-bar{width:100%;max-width:26px;background:linear-gradient(180deg,var(--gold),#8f6413);border-radius:6px 6px 2px 2px;min-height:3px}.mini-bar-wrap span{font-size:10px;color:var(--muted)}input[type=file]{padding:9px}