@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap";:root{--background:222 47% 11%;--card:223 47% 16%;--primary:210 100% 50%;--primary-hover:210 100% 45%;--accent:190 100% 50%;--text:210 40% 98%;--text-muted:215 20% 65%;--border:217 32% 17%;--border-light:217 30% 25%;--error:0 84% 60%;--success:142 70% 45%;--glow:#0066ff26;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:Outfit,sans-serif}body{background-color:hsl(var(--background));color:hsl(var(--text));min-height:100vh;margin:0;padding:0}.app-container{min-height:100vh;display:flex}.sidebar{background:hsl(var(--card));border-right:1px solid hsl(var(--border));flex-direction:column;width:260px;padding:24px;display:flex}.logo-section{align-items:center;gap:12px;margin-bottom:40px;display:flex}.logo-icon{background:linear-gradient(135deg, hsl(var(--primary)), hsl(var(--accent)));width:32px;height:32px;box-shadow:0 0 15px var(--glow);border-radius:8px}.logo-text{background:linear-gradient(to right, #fff, hsl(var(--text-muted)));-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:20px;font-weight:700}.nav-links{flex-direction:column;flex:1;gap:8px;display:flex}.nav-button{color:hsl(var(--text-muted));cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:12px;padding:12px 16px;font-size:15px;font-weight:500;transition:all .2s ease-in-out;display:flex}.nav-button:hover{color:hsl(var(--text));background:#ffffff0a}.nav-button.active{color:hsl(var(--primary));background:#0066ff1f;border:1px solid #06f3}.logout-section{border-top:1px solid hsl(var(--border));padding-top:16px}.main-content{flex:1;padding:40px;overflow-y:auto}.glass-card{-webkit-backdrop-filter:blur(12px);background:#1e293b73;border:1px solid #ffffff0d;border-radius:16px;margin-bottom:24px;padding:24px;box-shadow:0 8px 32px #0000004d}.metrics-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px;margin-bottom:32px;display:grid}.metric-card{flex-direction:column;gap:8px;display:flex}.metric-title{color:hsl(var(--text-muted));font-size:14px;font-weight:500}.metric-value{color:#fff;font-size:32px;font-weight:700}.login-wrapper{justify-content:center;align-items:center;width:100%;min-height:100vh;display:flex}.login-card{width:100%;max-width:420px}.form-group{margin-bottom:20px}.form-label{color:hsl(var(--text-muted));margin-bottom:8px;font-size:14px;font-weight:500;display:block}.form-input{box-sizing:border-box;border:1px solid hsl(var(--border));color:#fff;background:#0f172a99;border-radius:8px;width:100%;padding:12px 16px;font-family:inherit;font-size:15px;transition:all .2s ease-in-out}.form-input:focus{border-color:hsl(var(--primary));outline:none;box-shadow:0 0 0 2px #06f3}.btn-primary{background:hsl(var(--primary));color:#fff;cursor:pointer;border:none;border-radius:8px;width:100%;padding:12px 24px;font-size:16px;font-weight:600;transition:all .2s ease-in-out}.btn-primary:hover{background:hsl(var(--primary-hover));transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.error-message{color:hsl(var(--error));margin-top:8px;font-size:14px;font-weight:500}.table-container{overflow-x:auto}table{border-collapse:collapse;text-align:left;width:100%}th{color:hsl(var(--text-muted));border-bottom:1px solid hsl(var(--border));padding:16px;font-size:14px;font-weight:600}td{border-bottom:1px solid hsl(var(--border));padding:16px;font-size:15px}tr:hover td{background:#ffffff05}.status-pill{border-radius:99px;align-items:center;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex}.status-pill.active{color:hsl(var(--success));background:#10b9811f}.status-pill.inactive{color:hsl(var(--error));background:#ef44441f}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content{width:100%;max-width:480px}.modal-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.modal-title{margin:0;font-size:20px;font-weight:700}.close-button{color:hsl(var(--text-muted));cursor:pointer;background:0 0;border:none;font-size:24px}.modal-actions{justify-content:flex-end;gap:12px;margin-top:24px;display:flex}.btn-secondary{border:1px solid hsl(var(--border));color:hsl(var(--text-muted));cursor:pointer;background:0 0;border-radius:8px;padding:10px 20px;font-size:15px;font-weight:500;transition:all .2s ease-in-out}.btn-secondary:hover{color:hsl(var(--text));background:#ffffff0a}