:root{--sidebar-width:260px;--transition-smooth:all .25s cubic-bezier(.4, 0, .2, 1)}body.light-theme{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg-color:#f6f8fb;--text-color:#0f172a;--text-muted:#64748b;--primary-color:#4f46e5;--primary-glow:#4f46e514;--glass-bg:#ffffffbf;--glass-border:#94a3b829;--card-hover:#fffffff2;--success-color:#10b981;--error-color:#ef4444;--warning-color:#f59e0b;--border-color:#e2e8f0cc;--input-bg:#f8fafccc;--input-border:#cbd5e199;background-color:var(--bg-color);color:var(--text-color);background-image:radial-gradient(circle at 0 0,#4f46e50a 0%,#0000 40%),radial-gradient(circle at 100% 100%,#10b98108 0%,#0000 45%)}body.dark-theme{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg-color:#09090b;--text-color:#fafafa;--text-muted:#a1a1aa;--primary-color:#6366f1;--primary-glow:#6366f133;--glass-bg:#18181bbf;--glass-border:#ffffff14;--card-hover:#ffffff08;--success-color:#10b981;--error-color:#ef4444;--warning-color:#f59e0b;--border-color:#27272acc;--input-bg:#09090bd9;--input-border:#3f3f46b3;--sidebar-width:260px;background-color:var(--bg-color);color:var(--text-color);background-image:radial-gradient(circle at 0 0,#6366f117 0%,#0000 50%),radial-gradient(circle at 100% 100%,#10b9810a 0%,#0000 50%)}*{box-sizing:border-box;margin:0;padding:0}body{min-height:100vh;font-family:Outfit,Noto Sans SC,system-ui,-apple-system,sans-serif;line-height:1.5;transition:background-color .4s,color .4s;overflow-x:hidden}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}.animate-fadeIn{animation:.4s cubic-bezier(.16,1,.3,1) forwards fadeIn}.animate-slideDown{animation:.3s cubic-bezier(.16,1,.3,1) forwards slideDown}.layout-container{width:100%;max-width:1400px;margin:0 auto;padding:30px 24px}@media (width<=768px){.layout-container{padding:16px}}.glass-card{background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(20px);transition:var(--transition-smooth);border-radius:16px;padding:24px;box-shadow:0 4px 30px #00000005}body.dark-theme .glass-card{box-shadow:0 8px 32px #00000059}.glass-card:hover{border-color:#6366f133}.form-group,.input-group{flex-direction:column;gap:6px;width:100%;margin-bottom:16px;display:flex}.form-label,.input-group label{color:var(--text-color);opacity:.8;font-size:.82rem;font-weight:700}.form-control,.input-group input[type=text],.input-group input[type=number],.input-group input[type=password],.input-group input[type=datetime-local],.input-group select,.input-group textarea{background-color:var(--input-bg);border:1px solid var(--input-border);width:100%;color:var(--text-color);transition:var(--transition-smooth);border-radius:10px;outline:none;padding:11px 14px;font-family:inherit;font-size:.92rem}body.light-theme .form-control::placeholder{color:#94a3b8}body.dark-theme .form-control::placeholder,body.dark-theme .input-group input::placeholder,body.dark-theme .input-group textarea::placeholder{color:#71717a}.form-control:focus,.input-group input:focus,.input-group select:focus,.input-group textarea:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px var(--primary-glow);background-color:var(--card-hover)}.btn{cursor:pointer;white-space:nowrap;transition:var(--transition-smooth);border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:10px 18px;font-family:inherit;font-size:.92rem;font-weight:700;display:inline-flex}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-primary{background-color:var(--primary-color);color:#fff;box-shadow:0 4px 14px var(--primary-glow)}.btn-primary:hover:not(:disabled){opacity:.92;box-shadow:0 6px 20px var(--primary-glow)}.btn-secondary{border:1px solid var(--glass-border);color:var(--text-color);background-color:#ffffff0d}body.light-theme .btn-secondary{background-color:#fff;box-shadow:0 2px 8px #00000005}.btn-secondary:hover:not(:disabled){background-color:var(--card-hover);border-color:#6366f140}.btn-success{background-color:var(--success-color);color:#fff;box-shadow:0 4px 12px #10b98133}.btn-success:hover:not(:disabled){opacity:.92}.btn-danger{background-color:var(--error-color);color:#fff;box-shadow:0 4px 12px #ef444433}.btn-danger:hover:not(:disabled){opacity:.92}.table-container{border:1px solid var(--border-color);background:var(--glass-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;width:100%;overflow-x:auto}.custom-table,.table-container table{border-collapse:collapse;text-align:left;width:100%;font-size:.9rem}.custom-table th,.table-container th{color:var(--text-muted);border-bottom:1px solid var(--border-color);background-color:#00000040;padding:14px 18px;font-weight:700}body.light-theme .custom-table th,body.light-theme .table-container th{background-color:#f1f5f9}.custom-table td,.table-container td{border-bottom:1px solid var(--border-color);color:var(--text-color);transition:var(--transition-smooth);padding:14px 18px}.custom-table tr:last-child td,.table-container tr:last-child td{border-bottom:none}.custom-table tr:hover td,.table-container tr:hover td{background-color:var(--card-hover)}.badge{text-transform:uppercase;border-radius:6px;align-items:center;padding:3px 8px;font-size:.78rem;font-weight:700;display:inline-flex}.badge-active{color:var(--success-color);background:#10b9811f}.badge-expired{color:var(--text-muted);background:#a1a1aa1f}.badge-cancelled{color:var(--error-color);background:#ef44441f}.badge-pending{color:var(--warning-color);background:#f59e0b1f}.modal{-webkit-backdrop-filter:blur(8px);z-index:1000;background:#000000b3;justify-content:center;align-items:center;animation:.25s cubic-bezier(.16,1,.3,1) forwards fadeIn;display:flex;position:fixed;inset:0}.modal-content{background:#18181b;border:1px solid #ffffff14;border-radius:16px;width:95%;max-width:620px;max-height:90dvh;padding:32px;animation:.3s cubic-bezier(.16,1,.3,1) forwards slideDown;overflow-y:auto;box-shadow:0 24px 48px -12px #0000008c}body.light-theme .modal-content{background:#fff;border:1px solid #94a3b833;box-shadow:0 20px 40px #00000014}.modal-content h3{fontWeight:800;border-bottom:1px solid var(--border-color);margin-bottom:20px;padding-bottom:12px;font-size:1.15rem}select option{color:#fafafa;background-color:#18181b}body.light-theme select option{color:#0f172a;background-color:#fff}