:root{--bg-main: #0a1624;--bg-card: #111e2e;--bg-card-2: #0f1a28;--primary: #176ea6;--primary-light: #1b7fc3;--primary-glow: rgba(23, 110, 166, .35);--text-main: #e5e7eb;--text-muted: #94a3b8;--border: rgba(255, 255, 255, .06)}*{margin:0;padding:0;box-sizing:border-box;font-family:Inter,sans-serif}body{background:var(--bg-main);color:var(--text-main)}.login-wrapper{min-height:100vh;background:linear-gradient(135deg,#0d3559 0%,var(--bg-main) 100%);display:flex;align-items:center;justify-content:center}.login-card{width:420px;padding:50px 40px;border-radius:18px;background:var(--bg-card);box-shadow:0 30px 80px #000000b3;text-align:center}.logo-container{background:#fff;padding:18px 24px;border-radius:14px;display:inline-block;margin-bottom:28px}.login-logo{width:220px;display:block}.login-subtitle{margin-bottom:30px;color:var(--text-muted);font-size:13px;letter-spacing:1px}.login-form input{width:100%;padding:13px;margin-bottom:14px;border-radius:8px;border:1px solid var(--border);background:var(--bg-card-2);color:#fff;font-size:13px;transition:.2s ease}.login-form input:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 2px #176ea640}.login-form button{width:100%;padding:13px;border-radius:8px;border:none;background:linear-gradient(90deg,var(--primary) 0%,var(--primary-light) 100%);color:#fff;font-weight:600;cursor:pointer;transition:.25s ease}.login-form button:hover{transform:translateY(-2px);box-shadow:0 12px 30px var(--primary-glow)}.login-error{margin-top:14px;color:#ef4444;font-size:12px}.layout{display:flex;min-height:100vh}.sidebar{width:250px;background:linear-gradient(180deg,#0d3559,#0a1624);display:flex;flex-direction:column;justify-content:space-between;padding:26px 18px;box-shadow:6px 0 40px #00000080;border-right:1px solid rgba(255,255,255,.04)}.logo-container-sidebar{display:flex;justify-content:center;margin-bottom:28px}.logo-container-sidebar img{width:75px;filter:drop-shadow(0 6px 14px rgba(23,110,166,.4));transition:.3s ease}.logo-container-sidebar img:hover{transform:scale(1.05)}.badge-super{background:linear-gradient(90deg,var(--primary) 0%,var(--primary-light) 100%);color:#fff;font-size:11px;padding:6px 12px;border-radius:20px;text-align:center;margin-bottom:22px;letter-spacing:1px;box-shadow:0 8px 20px var(--primary-glow)}.nav-item{display:flex;align-items:center;gap:10px;padding:11px 15px;border-radius:10px;color:var(--text-muted);text-decoration:none;margin-bottom:8px;font-size:13px;transition:.25s ease}.nav-item:hover{background:#1b7fc326;color:#fff}.nav-item.active{background:linear-gradient(90deg,var(--primary) 0%,var(--primary-light) 100%);color:#fff;box-shadow:0 10px 25px var(--primary-glow)}.sidebar-footer{border-top:1px solid var(--border);padding-top:16px;font-size:12px;color:var(--text-muted)}.sidebar-footer button{margin-top:10px;width:100%;padding:8px;border-radius:8px;border:none;background:var(--primary-light);color:#fff;cursor:pointer;font-size:12px;transition:.25s}.sidebar-footer button:hover{background:var(--primary);box-shadow:0 6px 18px var(--primary-glow)}.content{flex:1;padding:30px}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:22px;margin-top:28px}.stat-card{background:linear-gradient(145deg,var(--bg-card) 0%,var(--bg-card-2) 100%);border:1px solid var(--border);border-radius:18px;padding:22px;display:flex;align-items:center;gap:16px;transition:.3s ease}.stat-card:hover{border-color:var(--primary);box-shadow:0 15px 40px #176ea633;transform:translateY(-3px)}.stat-icon{background:#176ea62e;padding:12px;border-radius:12px;color:var(--primary-light)}.stat-title{font-size:12px;color:var(--text-muted)}.stat-value{font-size:20px;margin-top:4px;font-weight:600}.table-wrapper{margin-top:28px;background:var(--bg-card);border-radius:18px;border:1px solid var(--border);overflow:hidden}.data-table{width:100%;border-collapse:collapse;font-size:12px}.data-table thead{background:#176ea614}.data-table th{text-align:left;padding:12px 18px;font-weight:500;color:var(--text-muted)}.data-table td{padding:12px 18px;border-top:1px solid var(--border)}.data-table tr:hover{background:#176ea60f}.btn-primary{background:var(--primary-light);color:#fff;border:none;padding:10px 16px;border-radius:10px;font-size:12px;cursor:pointer;transition:.25s ease}.btn-primary:hover{background:var(--primary);box-shadow:0 6px 18px var(--primary-glow)}.modal-overlay{position:fixed;inset:0;background:#000000a6;display:flex;justify-content:center;align-items:center}.modal-content{background:var(--bg-card);padding:30px;border-radius:18px;width:440px;border:1px solid var(--border)}.modal-close{margin-top:16px;background:transparent;border:none;color:var(--text-muted);cursor:pointer;font-size:12px}.pagination{margin-top:30px;display:flex;justify-content:center;align-items:center;gap:10px}.pagination button{background:#0f1a28;border:1px solid rgba(255,255,255,.08);color:#fff;padding:8px 14px;border-radius:8px;cursor:pointer;transition:.2s}.pagination button:hover:not(:disabled){background:var(--primary);box-shadow:0 6px 18px #176ea64d}.modal-content h2{margin-bottom:25px;max-width:650px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-group{display:flex;flex-direction:column}.form-group label{font-size:12px;margin-bottom:6px;color:var(--text-muted)}.form-group input,.form-group select{padding:10px;border-radius:8px;border:1px solid rgba(255,255,255,.08);background:#0f1a28;color:#fff;font-size:13px;transition:.2s;width:100%}.form-group input:focus,.form-group select:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 2px #176ea640}.toggle-switch{width:46px;height:24px;background:#334155;border-radius:20px;position:relative;cursor:pointer;transition:.3s}.toggle-switch.active{background:var(--primary)}.toggle-circle{width:20px;height:20px;background:#fff;border-radius:50%;position:absolute;top:2px;left:2px;transition:.3s}.toggle-switch.active .toggle-circle{left:24px}.select-filter{padding:10px 14px;border-radius:8px;border:1px solid var(--border);background:var(--bg-card);color:var(--text-main);font-size:13px;min-width:180px;transition:.2s ease}.select-filter:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px #176ea640}.btn-danger{background:linear-gradient(90deg,#dc2626,#ef4444);color:#fff;border:none;padding:9px 14px;border-radius:8px;font-size:12px;cursor:pointer;transition:.2s ease}.btn-danger:hover{transform:translateY(-1px);box-shadow:0 8px 20px #ef444466}.pagination{margin-top:24px;display:flex;justify-content:center;align-items:center;gap:16px}.pagination button{background:var(--bg-card);border:1px solid var(--border);padding:8px 14px;border-radius:8px;color:var(--text-muted);cursor:pointer;transition:.2s ease}.pagination button:hover:not(:disabled){border-color:var(--primary);color:var(--primary-light)}.pagination button:disabled{opacity:.4;cursor:not-allowed}.pagination span{font-size:13px;color:var(--text-muted)}@media(max-width:768px){.layout{flex-direction:column}.sidebar{width:100%;flex-direction:row;align-items:center;justify-content:space-between;padding:12px 16px}.logo-container-sidebar img{width:50px}.sidebar-footer{display:none}.content{padding:18px}.modal-content{width:95%;max-width:420px;padding:20px}.form-grid{grid-template-columns:1fr}.table-wrapper{overflow-x:auto}.data-table{min-width:600px}h1{font-size:22px}h2{font-size:18px}.btn-primary,.btn-danger{width:100%}}:root{--bg-primary: #0b1120;--bg-secondary: #111827;--bg-tertiary: #1f2937;--accent: #7c3aed;--accent-hover: #6d28d9;--text-primary: #f3f4f6;--text-secondary: #9ca3af;--border-color: #374151;--success: #10b981;--danger: #ef4444;--warning: #f59e0b}h1{font-size:28px;font-weight:600;margin-bottom:10px}h2{font-size:20px;font-weight:500}.card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:20px}.table-container{background:var(--bg-secondary);border-radius:12px;border:1px solid var(--border-color);overflow:hidden}.table-header{background:var(--bg-tertiary)}.table-row:hover{background:#7c3aed14}.input{width:100%;padding:10px;border-radius:8px;border:1px solid var(--border-color);background:var(--bg-primary);color:var(--text-primary);outline:none}.input:focus{border-color:var(--accent)}.btn-primary{background:var(--accent);color:#fff;border:none;padding:10px 16px;border-radius:8px;cursor:pointer;transition:.2s}.btn-primary:hover{background:var(--accent-hover)}.btn-outline{background:transparent;border:1px solid var(--accent);color:var(--accent);padding:8px 14px;border-radius:8px;cursor:pointer}.badge-active{background:#10b98126;color:var(--success);padding:4px 10px;border-radius:999px;font-size:12px}.badge-inactive{background:#ef444426;color:var(--danger);padding:4px 10px;border-radius:999px;font-size:12px}.modal-content{background:var(--bg-secondary);border-radius:16px;padding:30px;width:420px;border:1px solid var(--border-color)}.responsive-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}.modal-content{width:100%;max-width:420px}@media(max-width:640px){h1{font-size:22px}h2{font-size:18px}.card{padding:16px}.modal-content{padding:20px}.btn-primary,.btn-outline{width:100%}}