@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@400;500;600;700;800&display=swap";:root{--bg-deep:#070a12;--bg-slate:#0f172a;--bg-card:#0f172abf;--bg-card-hover:#1e293be6;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--border-slate:#94a3b81f;--border-glow:#10b98159;--accent-blue:#3b82f6;--accent-violet:#8b5cf6;--accent-emerald:#10b981;--accent-gradient:linear-gradient(135deg, #10b981 0%, #059669 100%);--success:#10b981;--warning:#f59e0b;--danger:#ef4444;--font-sans:"Inter", system-ui, -apple-system, sans-serif;--font-heading:"Outfit", var(--font-sans);--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0003, 0 2px 4px -1px #0000001a;--shadow-lg:0 10px 25px -3px #0006, 0 4px 6px -2px #0000001a;--shadow-glow:0 0 20px #10b98140;--radius-sm:6px;--radius-md:12px;--radius-lg:18px;--radius-full:9999px;--sidebar-width:260px;--navbar-height:70px}[data-theme=light]{--bg-deep:#f1f5f9;--bg-slate:#fff;--bg-card:#fff;--bg-card-hover:#f8fafc;--text-primary:#0f172a;--text-secondary:#334155;--text-muted:#64748b;--border-slate:#0f172a24;--border-glow:#10b98166;--accent-gradient:linear-gradient(135deg, #059669 0%, #10b981 100%);--shadow-sm:0 1px 3px #0000000d;--shadow-md:0 4px 16px #0000000f, 0 2px 4px #00000008;--shadow-lg:0 12px 28px #00000017}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-deep);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-image:radial-gradient(at 0 0,#3b82f61f 0,#0000 50%),radial-gradient(at 100% 100%,#8b5cf61f 0,#0000 50%);background-attachment:fixed;min-height:100vh;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font-family:inherit}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-deep)}::-webkit-scrollbar-thumb{background:var(--border-slate);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}#root{flex-direction:column;min-height:100vh;display:flex}.app-container{min-height:100vh;display:flex}.main-content{margin-left:var(--sidebar-width);max-width:1400px;min-height:100vh;width:calc(100% - var(--sidebar-width));flex-direction:column;flex:1;gap:30px;padding:40px;display:flex}@media (width<=1024px){.main-content{width:100%;margin-left:0;padding:24px}}.title-large{font-family:var(--font-heading);letter-spacing:-.03em;background:linear-gradient(90deg,#f8fafc,#cbd5e1);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:2.2rem;font-weight:700}.title-medium{font-family:var(--font-heading);letter-spacing:-.02em;font-size:1.5rem;font-weight:600}.title-small{font-family:var(--font-heading);font-size:1.1rem;font-weight:500}.desc-text{color:var(--text-secondary);font-size:.95rem;line-height:1.5}.glass-card{background:var(--bg-card);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-slate);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:30px;transition:all .3s cubic-bezier(.4,0,.2,1)}.glass-card:hover{background:var(--bg-card-hover);border-color:#94a3b833;transform:translateY(-2px)}.glass-card.interactive:active{transform:translateY(1px)}.gradient-border{border-radius:var(--radius-lg);background:var(--bg-card);padding:1px;position:relative}.gradient-border:before{content:"";z-index:-1;border-radius:inherit;background:var(--accent-gradient);opacity:.25;margin:-1px;transition:opacity .3s;position:absolute;inset:0}.gradient-border:hover:before{opacity:.5}.btn{border-radius:var(--radius-md);cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;gap:10px;padding:12px 24px;font-size:.95rem;font-weight:500;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex}.btn:active{transform:scale(.98)}.btn-primary{background:var(--accent-gradient);color:#fff;box-shadow:0 4px 15px #3b82f640}.btn-primary:hover{opacity:.95;box-shadow:0 6px 20px #3b82f666}.btn-secondary{border-color:var(--border-slate);color:var(--text-primary);background:#94a3b814}.btn-secondary:hover{background:#94a3b826;border-color:#94a3b84d}.btn-danger{color:#f87171;background:#ef44441a;border-color:#ef444440}.btn-danger:hover{background:var(--danger);color:#fff;border-color:#0000;box-shadow:0 4px 15px #ef444440}.btn-sso{border-radius:var(--radius-md);border:1px solid var(--border-slate);width:100%;color:var(--text-primary);cursor:pointer;background:#ffffff08;justify-content:center;align-items:center;gap:12px;padding:14px 20px;font-weight:500;transition:all .2s;display:inline-flex}.btn-sso:hover{background:#ffffff14;border-color:#fff3;transform:translateY(-1px)}.btn-sso:active{transform:translateY(1px)scale(.99)}.btn-sso svg{width:20px;height:20px}.form-group{flex-direction:column;gap:8px;width:100%;margin-bottom:20px;display:flex}.form-label{letter-spacing:.05em;text-transform:uppercase;color:var(--text-secondary);font-size:.85rem;font-weight:600}.input-field{border:1px solid var(--border-slate);border-radius:var(--radius-md);width:100%;color:var(--text-primary);background:#0f172a80;outline:none;padding:14px 18px;font-size:.95rem;transition:all .2s ease-out}.input-field:focus{border-color:var(--accent-blue);box-shadow:0 0 0 1px var(--accent-blue), var(--shadow-glow);background:#0f172acc}.input-field::placeholder{color:var(--text-muted)}.input-field[disabled]{opacity:.5;cursor:not-allowed}.checkbox-card{border:1px solid var(--border-slate);border-radius:var(--radius-md);cursor:pointer;background:#0f172a66;align-items:flex-start;gap:16px;padding:20px;transition:all .2s;display:flex}.checkbox-card:hover{background:#0f172ab3;border-color:#94a3b840}.checkbox-card.selected{border-color:var(--accent-blue);background:#3b82f60d;box-shadow:0 0 10px #3b82f61a}.checkbox-card input[type=checkbox]{width:20px;height:20px;accent-color:var(--accent-blue);border-radius:var(--radius-sm);cursor:pointer;margin-top:2px}.sidebar{width:var(--sidebar-width);background:var(--bg-slate);border-right:1px solid var(--border-slate);z-index:100;flex-direction:column;padding:30px 20px;display:flex;position:fixed;top:0;bottom:0;left:0}.sidebar-brand{font-family:var(--font-heading);color:#fff;align-items:center;gap:12px;margin-bottom:40px;padding-left:10px;font-size:1.4rem;font-weight:700;display:flex}.sidebar-menu{flex-direction:column;gap:8px;list-style:none;display:flex}.sidebar-link{border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;align-items:center;gap:14px;padding:12px 16px;font-size:.95rem;font-weight:500;transition:all .2s;display:flex}.sidebar-link:hover{color:var(--text-primary);background:#ffffff0d}.sidebar-link.active{background:var(--accent-gradient);color:#fff;box-shadow:0 4px 12px #8b5cf633}.sidebar-footer{border-top:1px solid var(--border-slate);margin-top:auto;padding-top:20px}.capacity-container{flex-direction:column;gap:10px;margin-top:15px;display:flex}.capacity-header{color:var(--text-secondary);justify-content:space-between;font-size:.85rem;display:flex}.capacity-track{border-radius:var(--radius-full);background:#94a3b81a;width:100%;height:8px;overflow:hidden}.capacity-fill{background:var(--success);border-radius:var(--radius-full);height:100%;transition:width .5s ease-out}.capacity-fill.warning{background:var(--warning)}.capacity-fill.danger{background:var(--danger);animation:2s infinite alternate pulse-glow}@keyframes pulse-glow{0%{opacity:.8;box-shadow:0 0 5px #ef444480}to{opacity:1;box-shadow:0 0 15px #ef4444cc}}.dashboard-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:30px;display:grid}.dashboard-stats{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;margin-bottom:10px;display:grid}.stat-card{flex-direction:column;gap:8px;padding:24px;display:flex}.stat-val{font-family:var(--font-heading);color:#fff;font-size:2.2rem;font-weight:700}.stat-label{letter-spacing:.05em;text-transform:uppercase;color:var(--text-secondary);font-size:.85rem;font-weight:600}.table-container{width:100%;overflow-x:auto}.custom-table{border-collapse:collapse;text-align:left;width:100%}.custom-table th{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);border-bottom:1px solid var(--border-slate);padding:16px 20px;font-size:.8rem;font-weight:700}.custom-table td{border-bottom:1px solid var(--border-slate);color:var(--text-primary);vertical-align:middle;padding:16px 20px;font-size:.95rem}.custom-table tr:last-child td{border-bottom:none}.custom-table tbody tr{transition:background-color .2s}.custom-table tbody tr:hover{background:#ffffff05}.badge{border-radius:var(--radius-full);text-transform:uppercase;align-items:center;padding:4px 10px;font-size:.75rem;font-weight:600;display:inline-flex}.badge-active{color:#a7f3d0;background:#10b9811a}.badge-pending{color:#fef3c7;background:#f59e0b1a}.badge-overlimit{color:#fca5a5;background:#ef44441a;animation:1.5s infinite alternate pulse-text}@keyframes pulse-text{0%{opacity:.8}to{opacity:1}}.switch{width:48px;height:26px;display:inline-block;position:relative}.switch input{opacity:0;width:0;height:0}.slider{cursor:pointer;border-radius:var(--radius-full);border:1px solid var(--border-slate);background-color:#94a3b833;transition:all .3s cubic-bezier(.4,0,.2,1);position:absolute;inset:0}.slider:before{content:"";background-color:#fff;border-radius:50%;width:18px;height:18px;transition:all .3s cubic-bezier(.4,0,.2,1);position:absolute;bottom:3px;left:3px}input:checked+.slider{background-color:var(--accent-blue);border-color:#0000}input:checked+.slider:before{transform:translate(22px)}.otp-container{justify-content:center;gap:12px;margin:20px 0;display:flex}.otp-input{text-align:center;border:1px solid var(--border-slate);border-radius:var(--radius-sm);color:#fff;background:#0f172a99;outline:none;width:45px;height:55px;font-size:1.5rem;font-weight:700;transition:all .2s}.otp-input:focus{border-color:var(--accent-blue);box-shadow:0 0 10px #3b82f64d}.spinner{border:3px solid #ffffff1a;border-top-color:var(--accent-blue);border-radius:50%;width:24px;height:24px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}