@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&family=Outfit:wght@300;400;500;600;700;800&display=swap";:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg-deep:#f8f8f8;--bg-surface:#ffffffb3;--bg-surface-hover:#ffffffe6;--bg-card:#ffffffd9;--accent-cyan-solid:#5ac4de;--accent-cyan-light:#5ac4de1f;--accent-cyan-border:#5ac4de40;--accent-cyan:#1c91ad;--accent-teal:#1c91ad;--accent-purple:#1c91ad;--accent-cyan-deep:#0b4a57;--accent-emerald:#059669;--accent-amber:#d97706;--accent-rose:#e11d48;--accent-green:var(--accent-emerald);--accent-red:var(--accent-rose);--brand-gradient:linear-gradient(135deg, var(--accent-cyan-solid) 0%, var(--accent-cyan) 100%);--hero-gradient:linear-gradient(135deg, var(--accent-cyan) 0%, var(--accent-cyan-deep) 100%);--chart-cyan:var(--accent-cyan);--chart-cyan-deep:var(--accent-cyan-deep);--chart-violet:#7c5cbf;--chart-neutral:#8a97a0;--chart-tooltip-bg:#1c2237;--data-1:#0b4a57;--data-2:#146b7d;--data-3:#2e97ac;--data-4:#5ac4de;--data-5:#a8e0ec;--data-6:#dff4f9;--sem-success-bg:#eaf3de;--sem-success-text:#27500a;--sem-success-solid:#639922;--sem-success-light:#97c459;--sem-warning-bg:#faeeda;--sem-warning-text:#854f0b;--sem-warning-solid:#c97f17;--sem-danger-bg:#fcebeb;--sem-danger-text:#a32d2d;--sem-danger-solid:#c24545;--sem-neutral-bg:#f1efe8;--sem-neutral-text:#5f5e5a;--accent-cyan-hover:var(--accent-cyan);--nav-dark:#101a32;--nav-dark-elevated:#192746;--text-xs:.72rem;--text-sm:.8rem;--text-base:.9rem;--text-md:1rem;--text-lg:1.25rem;--text-xl:1.6rem;--text-2xl:2.2rem;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:32px;--text-primary:#000;--text-secondary:#000000a6;--text-muted:#0000006b;--border-light:#e5e7eb;--border-glow:#5ac4de33;--shadow-neon:0 4px 20px #5ac4de1f;--shadow-lg:0 10px 25px -5px #0000000d, 0 8px 10px -6px #0000000d;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Plus Jakarta Sans,Outfit,system-ui,-apple-system,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box;margin:0;padding:0}h1,h2,h3,h4,h5,h6{font-family:Outfit,Plus Jakarta Sans,system-ui,-apple-system,sans-serif}html{overflow-x:hidden}body{background-color:var(--bg-deep);color:var(--text-primary);background-image:radial-gradient(circle at 10% 20%,#5ac4de0a 0%,#0000 40%),radial-gradient(circle at 90% 80%,#5ac4de0f 0%,#0000 40%);background-attachment:fixed;min-height:100vh}.glass-panel{background:var(--bg-card);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-light);box-shadow:var(--shadow-lg);border-radius:16px;padding:24px;transition:border-color .3s,box-shadow .3s,transform .2s}.glass-panel:hover{border-color:var(--accent-cyan-border);box-shadow:var(--shadow-neon), var(--shadow-lg)}.glass-panel.clickable{cursor:pointer}.glass-panel.clickable:active{transform:translateY(1px)}.text-gradient{background:linear-gradient(135deg, var(--text-primary) 0%, var(--accent-cyan) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.text-gradient-purple{background:linear-gradient(135deg, var(--accent-cyan) 0%, var(--accent-cyan-solid) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.4s cubic-bezier(.16,1,.3,1) forwards fadeIn}@keyframes page-loading-spin{to{transform:rotate(360deg)}}.page-loading{min-height:200px;color:var(--text-secondary);flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:40px 16px;display:flex}.page-loading--compact{gap:10px;min-height:120px;padding:32px 16px}.page-loading__spinner{color:var(--accent-cyan);animation:.8s linear infinite page-loading-spin}.page-loading__label{color:var(--text-muted);font-size:.88rem}.btn-spinner{vertical-align:-1px;border:2px solid;border-right-color:#0000;border-radius:50%;width:12px;height:12px;animation:.7s linear infinite page-loading-spin;display:inline-block}.row-busy{opacity:.45;pointer-events:none;transition:opacity .15s}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#00000008}::-webkit-scrollbar-thumb{background:#0000001a;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--accent-cyan-border)}.badge{text-transform:uppercase;letter-spacing:.05em;border:1px solid #0000;border-radius:999px;align-items:center;gap:6px;padding:4px 12px;font-size:.75rem;font-weight:600;display:inline-flex}.badge-info{background:var(--accent-cyan-light);color:var(--accent-cyan);border-color:var(--accent-cyan-border)}.badge-success{color:var(--accent-emerald);background:#0596691a;border-color:#05966933}.badge-warning{color:var(--accent-amber);background:#d977061a;border-color:#d9770633}.badge-danger{color:var(--accent-rose);background:#e11d481a;border-color:#e11d4833}.badge-purple,.badge-primary{background:var(--accent-cyan-light);color:var(--accent-cyan);border-color:var(--accent-cyan-border)}.badge-secondary{color:var(--text-secondary);background:#0000000f;border-color:#0000001f}.pill-tabs{background:#f1f2f4;border-radius:999px;flex-wrap:wrap;align-items:center;gap:2px;width:fit-content;max-width:100%;padding:6px;display:inline-flex}.pill-tab{color:#1c2b31;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:999px;align-items:center;gap:8px;padding:9px 18px;font-size:.85rem;font-weight:600;transition:background .15s;display:inline-flex}.pill-tab:hover{background:#0000000d}.pill-tab:focus-visible{outline:2px solid var(--accent-cyan);outline-offset:2px}.pill-tab.active{color:var(--accent-cyan);background:#fff;font-weight:700;box-shadow:0 2px 6px #0a28322e}.pill-tab.active:hover{background:#fff}.pill-tab-count{color:#5c6b72;background:#e2e4e8;border-radius:999px;padding:1px 8px;font-size:.72rem;font-weight:700;line-height:1.5}.pill-tabs--dark{background:#ffffff2e}.pill-tabs--dark .pill-tab{color:#fff}.pill-tabs--dark .pill-tab:hover{background:#ffffff24}.pill-tabs--dark .pill-tab.active{color:var(--accent-cyan);background:#fff}.pill-tabs--dark .pill-tab.active:hover{background:#fff}.pill-tabs--dark .pill-tab .pill-tab-count{color:#fff;background:#ffffff40}.pill-tabs--dark .pill-tab.active .pill-tab-count{color:#5c6b72;background:#e2e4e8}input:not([type=checkbox]):not([type=radio]):not([type=range]),select,textarea{border:1px solid var(--border-light);width:100%;color:var(--text-primary);background:#ffffffe6;border-radius:10px;outline:none;padding:12px 16px;font-family:inherit;font-size:.9rem;transition:border-color .2s,box-shadow .2s}input:not([type=checkbox]):not([type=radio]):not([type=range]):focus,select:focus,textarea:focus{border-color:var(--accent-cyan);box-shadow:0 0 0 3px var(--accent-cyan-border)}input[type=checkbox],input[type=radio]{width:16px;min-width:16px;height:16px;min-height:16px;accent-color:var(--accent-cyan-solid);cursor:pointer;box-shadow:none;vertical-align:middle;background:0 0;border:none;border-radius:0;flex-shrink:0;margin:0;padding:0;transition:none}input[type=checkbox]:focus,input[type=radio]:focus,input[type=checkbox]:focus-visible,input[type=radio]:focus-visible{outline:2px solid var(--accent-cyan-border);outline-offset:2px;box-shadow:none}.expiring-within-select option:checked{background:var(--accent-cyan-light);color:var(--accent-cyan)}label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px;font-size:.85rem;font-weight:500;display:block}.btn{cursor:pointer;border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-family:inherit;font-size:.9rem;font-weight:600;transition:all .25s cubic-bezier(.4,0,.2,1);display:inline-flex}.btn-primary{background:var(--brand-gradient);color:#fff;box-shadow:0 4px 15px #5ac4de33}.btn-primary:hover{background:var(--hero-gradient);transform:translateY(-1px);box-shadow:0 6px 20px #5ac4de59}.btn-secondary{border:1px solid var(--border-light);color:var(--text-primary);background:#ffffff0a}.btn-secondary:hover{background:#ffffff14;border-color:#fff3;transform:translateY(-1px)}.btn-danger{color:var(--accent-rose);background:#e11d481a;border:1px solid #e11d484d}.btn-danger:hover{background:#e11d4833;transform:translateY(-1px)}.sidebar .btn-danger{color:#ff96a3;background:#e11d482e;border:1px solid #e11d4866}.sidebar .btn-danger:hover{background:#e11d484d}.btn:active{transform:translateY(1px)}.btn-sm{border-radius:6px;padding:6px 12px;font-size:.8rem}.dashboard-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;display:grid}.dashboard-stats{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;margin-bottom:24px;display:grid}.app-shell{min-height:100vh;display:flex}.sidebar{background:var(--nav-dark);z-index:100;-webkit-backdrop-filter:blur(20px);--text-primary:#eef3f6;--text-secondary:#eef3f6b8;--text-muted:#eef3f680;--border-light:#ffffff1f;width:260px;color:var(--text-primary);border-right:1px solid #ffffff14;flex-direction:column;display:flex;position:fixed;top:0;bottom:0;left:0}.sidebar-brand{letter-spacing:-.02em;border-bottom:1px solid var(--border-light);align-items:center;gap:10px;padding:24px;font-size:1.5rem;font-weight:800;display:flex}.sidebar-menu{flex-direction:column;flex:1;gap:6px;padding:20px 12px;list-style:none;display:flex;overflow-y:auto}.sidebar-item{color:var(--text-secondary);cursor:pointer;border-radius:8px;align-items:center;gap:12px;padding:10px 16px;font-size:.9rem;font-weight:500;transition:all .2s;display:flex}.sidebar-item:hover{color:var(--text-primary);background:#ffffff0f}.sidebar-item.active{color:#fff;background:var(--brand-gradient);box-shadow:0 4px 12px var(--accent-cyan-border);font-weight:600}.sidebar-footer{border-top:1px solid var(--border-light);flex-direction:column;gap:10px;padding:16px;display:flex}.main-canvas{flex-direction:column;flex:1;min-height:100vh;margin-left:260px;display:flex}.main-header{background:var(--brand-gradient);z-index:90;justify-content:space-between;align-items:center;height:72px;padding:0 28px;display:flex;position:sticky;top:0}.topbar-white-btn{color:#1c2b31;cursor:pointer;background:#fff;border:none;border-radius:999px;justify-content:center;align-items:center;height:40px;transition:background .15s;display:inline-flex;box-shadow:0 2px 6px #0a28322e}.topbar-white-btn:hover{background:var(--accent-cyan-light)}.topbar-white-btn:focus-visible,.topbar-seg button:focus-visible{outline-offset:2px;outline:2px solid #fff}.topbar-seg button.seg-unselected:hover{background:#ffffff24!important}.main-content{flex:1;width:100%;max-width:1600px;margin:0 auto;padding:32px}.table-container{margin-top:16px;overflow-x:auto}table{border-collapse:collapse;text-align:center;width:100%}th{border-bottom:2px solid var(--border-light);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;text-align:center;vertical-align:middle;padding:14px 16px;font-size:.8rem;font-weight:600}td{border-bottom:1px solid var(--border-light);color:var(--text-primary);text-align:center;vertical-align:middle;padding:16px;font-size:.9rem}tr:hover td{background:#00000003}:is(td:has(>input[type=checkbox]),th:has(>input[type=checkbox])){text-align:center;vertical-align:middle;width:42px}.detail-view-container{grid-template-columns:2fr 1fr;gap:24px;display:grid}@media (width<=1024px){.detail-view-container{grid-template-columns:1fr}.sidebar{width:70px;overflow-x:hidden}.sidebar-item span,.sidebar-brand span,.sidebar-group-label,.sidebar-footer-text,.sidebar-logout-text{display:none}.sidebar-item{justify-content:center;gap:0;padding:10px 0}.sidebar-item>svg{flex-shrink:0}.sidebar-menu{padding:20px 8px}.sidebar-footer{align-items:center;padding:12px 8px}.sidebar-footer .btn{width:auto;padding:8px}.main-canvas{margin-left:70px}}@media (width<=768px){.main-header{padding:0 16px}.main-content{padding:16px}}.form-grid-2{grid-template-columns:1fr 1fr;gap:16px;display:grid}.stat-grid-3{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.stat-grid-4{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}@media (width<=640px){.form-grid-2,.stat-grid-3,.stat-grid-4{grid-template-columns:1fr}}.mobile-menu-toggle{cursor:pointer;color:var(--text-primary);background:0 0;border:none;padding:6px;display:none}.mobile-sidebar-close{cursor:pointer;color:#fff;background:0 0;border:none;padding:4px;display:none}.sidebar-backdrop{display:none}.hide-on-mobile{display:inline}@media (width<=640px){.mobile-menu-toggle,.mobile-sidebar-close{align-items:center;display:inline-flex}.hide-on-mobile{display:none}.sidebar{z-index:200;width:280px;max-width:80vw;transition:transform .25s;transform:translate(-100%)}.sidebar.mobile-open{transform:translate(0)}.sidebar-item span,.sidebar-brand span{display:inline}.sidebar-brand img{height:32px!important}.main-canvas{margin-left:0}.sidebar-backdrop{z-index:150;background:#00000080;display:block;position:fixed;inset:0}.main-header{padding:0 12px}.glass-panel{padding:16px}}