:root{--sidebar-width:260px;--header-height:64px;--primary:#dc2626;--primary-dark:#991b1b;--body:#f3f4f6;--text:#111827;--muted:#6b7280;--border:#e5e7eb;--sidebar-bg:linear-gradient(180deg,#050505 0%,#0f0f10 30%,#160809 68%,#22090c 100%)}
*{box-sizing:border-box}body{margin:0;background:var(--body);font-family:'Plus Jakarta Sans',system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:var(--text);font-size:.94rem;overflow-x:hidden}.auth-body{min-height:100vh;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at top left,rgba(220,38,38,.25),transparent 35%),linear-gradient(135deg,#030712,#1f0708 70%,#000)}.auth-card{width:min(430px,92vw);background:#fff;border-radius:24px;padding:32px;box-shadow:0 30px 80px rgba(0,0,0,.35)}.auth-logo{width:58px;height:58px;border-radius:18px;background:linear-gradient(135deg,#b91c1c,#ef4444);color:#fff;display:flex;align-items:center;justify-content:center;font-size:26px;margin-bottom:18px}.btn-primary{background:var(--primary);border-color:var(--primary)}.btn-primary:hover{background:#b91c1c;border-color:#b91c1c}.wrapper{display:flex;min-height:100vh}.sidebar{position:fixed;left:0;top:0;height:100vh;width:var(--sidebar-width);background:var(--sidebar-bg);color:rgba(255,255,255,.72);display:flex;flex-direction:column;box-shadow:12px 0 32px rgba(0,0,0,.25);z-index:1000}.brand{height:var(--header-height);display:flex;align-items:center;padding:0 24px;font-weight:800;color:#fff;border-bottom:1px solid rgba(255,255,255,.08);letter-spacing:.2px}.brand i{color:#ef4444;margin-right:10px}.sidebar-menu{padding:16px 12px;overflow:auto;flex:1}.sidebar-label{font-size:10px;text-transform:uppercase;letter-spacing:1px;color:rgba(255,255,255,.35);font-weight:800;padding:14px 14px 7px}.sidebar-link{padding:11px 14px;color:rgba(255,255,255,.74);display:flex;align-items:center;text-decoration:none;border-radius:14px;margin-bottom:5px;font-weight:600;transition:.2s}.sidebar-link i{width:24px;margin-right:10px}.sidebar-link:hover{background:rgba(220,38,38,.12);color:#fff;transform:translateX(2px)}.sidebar-link.active{background:linear-gradient(135deg,#b91c1c,#dc2626 55%,#7f1d1d);color:#fff;box-shadow:0 10px 18px rgba(127,29,29,.28)}.main{margin-left:var(--sidebar-width);width:calc(100% - var(--sidebar-width));min-height:100vh}.topbar{height:var(--header-height);background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 24px;box-shadow:0 1px 2px rgba(0,0,0,.05);position:sticky;top:0;z-index:900}.search{position:relative;width:min(360px,45vw)}.search i{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:#9ca3af}.search input{height:40px;border:1px solid var(--border);border-radius:12px;padding-left:40px;background:#f9fafb}.content{padding:24px}.page-title{font-size:26px;font-weight:800;margin:0}.cardx{background:#fff;border:1px solid var(--border);border-radius:20px;box-shadow:0 8px 24px rgba(15,23,42,.04)}.stat-card{padding:22px}.stat-icon{width:44px;height:44px;border-radius:16px;display:flex;align-items:center;justify-content:center;background:rgba(220,38,38,.1);color:#dc2626;font-size:20px}.stat-value{font-weight:850;font-size:28px}.stat-label{color:var(--muted);font-size:13px}.table{vertical-align:middle}.table thead th{font-size:12px;text-transform:uppercase;letter-spacing:.5px;color:#6b7280;background:#f9fafb;border-bottom:1px solid var(--border)}.badge-soft{background:rgba(220,38,38,.1);color:#b91c1c;border:1px solid rgba(220,38,38,.12)}.chip{display:inline-flex;align-items:center;padding:5px 10px;border-radius:999px;background:#f3f4f6;color:#374151;font-weight:700;font-size:12px}.flash{position:fixed;right:22px;top:80px;z-index:2000;min-width:280px}.form-control,.form-select{border-radius:12px;border-color:#e5e7eb}.modal-content{border-radius:22px;border:none}.pagination .page-link{border-radius:10px;margin:0 2px;color:#dc2626}@media(max-width:991px){.sidebar{left:-100%;transition:.25s}.sidebar.open{left:0}.main{margin-left:0;width:100%}.content{padding:16px}.search{display:none}.topbar{padding:0 16px}}