:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:#1e293b;font-synthetic:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f8fafc;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}body{background:radial-gradient(circle at 0 0,#e0e7ff 0%,#f8fafc 100%);min-height:100vh;margin:0}*{box-sizing:border-box}.glass-panel{-webkit-backdrop-filter:blur(20px);background:#ffffffb3;border:1px solid #ffffff80;border-radius:20px;box-shadow:0 10px 30px #0000000d}.btn-primary{color:#fff;cursor:pointer;background:linear-gradient(135deg,#4f46e5 0%,#3b82f6 100%);border:none;border-radius:12px;padding:12px 24px;font-weight:600;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 14px #4f46e54d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #4f46e566}.btn-primary:disabled{opacity:.7;cursor:not-allowed;transform:none}.input-field{color:#0f172a;background:#ffffffe6;border:1px solid #e2e8f0;border-radius:12px;outline:none;width:100%;padding:14px 16px;font-size:16px;transition:border-color .2s,box-shadow .2s}.input-field:focus{border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a}.label{color:#475569;margin-bottom:8px;font-size:14px;font-weight:600;display:block}.table-container{border-collapse:collapse;width:100%}.table-container th,.table-container td{text-align:left;border-bottom:1px solid #e2e8f0;padding:16px}.table-container th{color:#64748b;text-transform:uppercase;letter-spacing:.05em;font-size:12px;font-weight:600}.status-badge{border-radius:20px;padding:4px 12px;font-size:12px;font-weight:600}.status-active{color:#166534;background:#dcfce7}.status-inactive{color:#475569;background:#f1f5f9}.status-expired{color:#991b1b;background:#fee2e2}.error-text{color:#ef4444;margin-top:8px;font-size:14px}.success-text{color:#10b981;margin-top:8px;font-size:14px}