*{margin:0;padding:0;box-sizing:border-box;font-family:'Plus Jakarta Sans',sans-serif}
:root{--primary:#38bdf8;--secondary:#8b5cf6;--bg:#030712;--sidebar:#0a1020;--card:rgba(15,23,42,.8);--border:rgba(255,255,255,.08);--text:#f8fafc;--muted:#64748b}
body{background:var(--bg);color:var(--text);min-height:100vh;display:flex}

.sidebar{width:240px;background:var(--sidebar);border-right:1px solid var(--border);display:flex;flex-direction:column;position:fixed;height:100vh;z-index:100}
.sidebar-logo{padding:24px 20px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:12px}
.sidebar-logo img{width:36px;height:36px;object-fit:contain}
.sidebar-logo span{font-weight:800;font-size:1.1rem;background:linear-gradient(to right,var(--primary),var(--secondary));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.sidebar-nav{flex:1;padding:16px 12px;display:flex;flex-direction:column;gap:4px}
.nav-item{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:10px;color:var(--muted);text-decoration:none;font-size:.88rem;font-weight:600;transition:all .25s}
.nav-item:hover{background:rgba(255,255,255,.05);color:#fff}
.nav-item.active{background:rgba(56,189,248,.12);color:var(--primary);border:1px solid rgba(56,189,248,.2)}
.nav-item i{width:18px;text-align:center}
.sidebar-footer{padding:16px 12px;border-top:1px solid var(--border)}
.logout-btn{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:10px;color:#ef4444;background:rgba(239,68,68,.08);border:1px solid rgba(239,68,68,.2);cursor:pointer;font-size:.88rem;font-weight:600;width:100%;transition:all .25s}
.logout-btn:hover{background:rgba(239,68,68,.15)}

.main{margin-left:240px;flex:1;padding:32px;min-height:100vh}
.page-header{margin-bottom:28px}
.page-header h1{font-size:1.6rem;font-weight:800;margin-bottom:4px}
.page-header p{color:var(--muted);font-size:.88rem}

.card{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:24px;backdrop-filter:blur(20px)}
.stat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;margin-bottom:28px}
.stat-card{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:20px;display:flex;align-items:center;gap:16px}
.stat-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.2rem;flex-shrink:0}
.stat-icon.blue{background:rgba(56,189,248,.12);color:var(--primary);border:1px solid rgba(56,189,248,.2)}
.stat-icon.purple{background:rgba(139,92,246,.12);color:var(--secondary);border:1px solid rgba(139,92,246,.2)}
.stat-icon.green{background:rgba(16,185,129,.12);color:#10b981;border:1px solid rgba(16,185,129,.2)}
.stat-icon.orange{background:rgba(245,158,11,.12);color:#f59e0b;border:1px solid rgba(245,158,11,.2)}
.stat-val{font-size:1.6rem;font-weight:800;line-height:1}
.stat-label{color:var(--muted);font-size:.78rem;margin-top:4px}

.table-wrap{overflow-x:auto}
table{width:100%;border-collapse:collapse}
th{text-align:left;padding:12px 16px;font-size:.78rem;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--border)}
td{padding:12px 16px;font-size:.88rem;border-bottom:1px solid rgba(255,255,255,.04)}
tr:hover td{background:rgba(255,255,255,.02)}

.btn{display:inline-flex;align-items:center;gap:7px;padding:9px 18px;border-radius:9px;border:none;font-weight:700;font-size:.84rem;cursor:pointer;font-family:inherit;transition:all .25s}
.btn-primary{background:linear-gradient(90deg,var(--primary),var(--secondary));color:#fff}
.btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 18px rgba(56,189,248,.25)}
.btn-danger{background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.3);color:#ef4444}
.btn-danger:hover{background:rgba(239,68,68,.2)}
.btn-sm{padding:6px 12px;font-size:.78rem}
.btn-ghost{background:rgba(255,255,255,.05);border:1px solid var(--border);color:#cbd5e1}
.btn-ghost:hover{background:rgba(255,255,255,.1);color:#fff}

.badge{display:inline-flex;align-items:center;padding:3px 10px;border-radius:50px;font-size:.72rem;font-weight:700}
.badge-green{background:rgba(16,185,129,.12);color:#10b981;border:1px solid rgba(16,185,129,.25)}
.badge-red{background:rgba(239,68,68,.12);color:#ef4444;border:1px solid rgba(239,68,68,.25)}
.badge-blue{background:rgba(56,189,248,.12);color:var(--primary);border:1px solid rgba(56,189,248,.25)}
.badge-purple{background:rgba(139,92,246,.12);color:var(--secondary);border:1px solid rgba(139,92,246,.25)}
.badge-gray{background:rgba(100,116,139,.12);color:#94a3b8;border:1px solid rgba(100,116,139,.25)}

.form-group{margin-bottom:16px}
.form-group label{display:block;font-size:.82rem;font-weight:700;color:var(--muted);margin-bottom:6px}
.form-control{width:100%;background:rgba(255,255,255,.04);border:1px solid var(--border);color:#fff;padding:11px 14px;border-radius:9px;font-size:.9rem;outline:none;font-family:inherit;transition:.3s}
.form-control:focus{border-color:var(--primary);background:rgba(56,189,248,.05)}
.form-control::placeholder{color:#334155}
select.form-control option{background:#0f172a}
textarea.form-control{resize:vertical;min-height:90px}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}

.modal-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.8);backdrop-filter:blur(10px);z-index:1000;align-items:center;justify-content:center}
.modal-overlay.open{display:flex}
.modal{background:rgba(10,18,35,.98);border:1px solid rgba(56,189,248,.2);border-radius:20px;padding:32px;width:90%;max-width:560px;max-height:90vh;overflow-y:auto}
.modal h2{font-size:1.2rem;font-weight:800;margin-bottom:24px}
.modal-footer{display:flex;gap:10px;justify-content:flex-end;margin-top:24px;padding-top:20px;border-top:1px solid var(--border)}

.toggle{position:relative;width:42px;height:24px;cursor:pointer}
.toggle input{opacity:0;width:0;height:0}
.toggle-slider{position:absolute;inset:0;background:#1e293b;border-radius:50px;transition:.3s;border:1px solid var(--border)}
.toggle-slider::before{content:'';position:absolute;width:18px;height:18px;left:2px;top:2px;background:#475569;border-radius:50%;transition:.3s}
.toggle input:checked+.toggle-slider{background:rgba(56,189,248,.2);border-color:var(--primary)}
.toggle input:checked+.toggle-slider::before{transform:translateX(18px);background:var(--primary)}

.search-bar{display:flex;gap:10px;margin-bottom:20px}
.search-input{flex:1;background:rgba(255,255,255,.04);border:1px solid var(--border);color:#fff;padding:10px 14px;border-radius:9px;font-size:.88rem;outline:none;font-family:inherit}
.search-input:focus{border-color:var(--primary)}
.search-input::placeholder{color:#334155}

.admin-toast{position:fixed;bottom:24px;right:24px;background:rgba(15,23,42,.97);border:1px solid var(--border);color:#fff;padding:12px 20px;border-radius:12px;font-size:.88rem;font-weight:600;z-index:9999;opacity:0;transform:translateY(10px);transition:all .3s;pointer-events:none;display:flex;align-items:center;gap:8px}
.admin-toast.show{opacity:1;transform:translateY(0)}
.admin-toast.success{border-color:rgba(16,185,129,.4)}
.admin-toast.success i{color:#10b981}
.admin-toast.error{border-color:rgba(239,68,68,.4)}
.admin-toast.error i{color:#ef4444}

@media(max-width:768px){
    .sidebar{transform:translateX(-100%)}
    .main{margin-left:0}
    .form-row{grid-template-columns:1fr}
}