@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@400;600;700&display=swap";
@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2c55a0e60120577a-s.0bjc5tiuqdqro.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/9c72aa0f40e4eef8-s.0m6w47a4e5dy9.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/ad66f9afd8947f86-s.11u06r12fd6v_.woff2)format("woff2");unicode-range:U+1F??}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/5476f68d60460930-s.0wxq9webf.ew4.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2bbe8d2671613f1f-s.067x_6k0k23tk.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/1bffadaabf893a1e-s.16ipb6fqu393i.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/83afe278b6a6bb3c-s.p.0q-301v4kxxnr.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter Fallback;src:local(Arial);ascent-override:90.44%;descent-override:22.52%;line-gap-override:0.0%;size-adjust:107.12%}.inter_5972bc34-module__OU16Qa__className{font-family:Inter,Inter Fallback;font-style:normal}
:root{--color-primary:#2463eb;--color-primary-dark:#134cc9;--color-primary-light:#5284ef;--color-accent:#854de6;--color-bg:#101318;--color-bg-secondary:#191d24;--color-bg-card:#20242c;--color-bg-elevated:#2c313a;--color-border:#353a46;--color-border-subtle:#2c313a;--color-text:#f3f4f7;--color-text-secondary:#9da3af;--color-text-muted:#6a707c;--color-success:#21ab6b;--color-warning:#f59f0a;--color-danger:#e23636;--color-info:#0da2e7;--color-aligned:#21ab6b;--color-marginal:#f59f0a;--color-vulnerable:#e23636;--color-na:#676f7e;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--radius-sm:.375rem;--radius-md:.625rem;--radius-lg:1rem;--radius-xl:1.5rem;--radius-full:9999px;--shadow-sm:0 1px 3px #0006;--shadow-md:0 4px 16px #00000080;--shadow-lg:0 8px 32px #0009;--shadow-glow:0 0 24px #2463eb40;--sidebar-width:260px;--sidebar-collapsed-width:64px;--topbar-height:60px;--transition-fast:.12s ease;--transition-base:.22s ease}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px}body{background:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased;min-height:100dvh;font-family:Inter,system-ui,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}img,svg{display:block}button{cursor:pointer;background:0 0;border:none;font-family:inherit}input,textarea,select{font-family:inherit}h1,h2,h3,h4,h5,h6{font-family:Outfit,sans-serif;line-height:1.25}h1{font-size:2rem;font-weight:700}h2{font-size:1.5rem;font-weight:700}h3{font-size:1.25rem;font-weight:600}h4{font-size:1.1rem;font-weight:600}.app-shell{height:100dvh;display:flex;overflow:hidden}.sidebar{width:var(--sidebar-width);background:var(--color-bg-secondary);border-right:1px solid var(--color-border);transition:width var(--transition-base);flex-direction:column;flex-shrink:0;display:flex;overflow-y:auto}.sidebar-logo{padding:var(--space-6) var(--space-6) var(--space-4);border-bottom:1px solid var(--color-border-subtle);align-items:center;gap:var(--space-3);display:flex}.sidebar-logo-mark{border-radius:var(--radius-md);background:linear-gradient(135deg, var(--color-primary), var(--color-accent));color:#fff;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-family:Outfit,sans-serif;font-size:1rem;font-weight:700;display:flex}.sidebar-logo-text{font-family:Outfit,sans-serif;font-size:1.05rem;font-weight:700}.sidebar-logo-text span{color:var(--color-primary-light)}.sidebar-nav{padding:var(--space-4) var(--space-3);flex:1}.sidebar-section-label{letter-spacing:.1em;text-transform:uppercase;color:var(--color-text-muted);padding:var(--space-4) var(--space-3) var(--space-2);font-size:.65rem;font-weight:600}.sidebar-nav-item{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-3);border-radius:var(--radius-md);color:var(--color-text-secondary);transition:all var(--transition-fast);margin-bottom:2px;font-size:.9rem;font-weight:500;display:flex}.sidebar-nav-item:hover{background:var(--color-bg-elevated);color:var(--color-text)}.sidebar-nav-item.active{color:var(--color-primary-light);border-left:3px solid var(--color-primary);padding-left:calc(var(--space-3) - 3px);background:linear-gradient(90deg,#2463eb33,#0000)}.sidebar-nav-item svg{flex-shrink:0}.sidebar-footer{padding:var(--space-4);border-top:1px solid var(--color-border-subtle);gap:var(--space-2);flex-direction:column;display:flex}.sidebar-user{align-items:center;gap:var(--space-3);padding:var(--space-2);border-radius:var(--radius-md);display:flex;overflow:hidden}.sidebar-avatar{background:linear-gradient(135deg, var(--color-primary), var(--color-accent));color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:.85rem;font-weight:700;display:flex}.sidebar-user-name{white-space:nowrap;text-overflow:ellipsis;font-size:.85rem;font-weight:600;overflow:hidden}.sidebar-user-role{color:var(--color-text-muted);font-size:.75rem}.sidebar-version{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-2);border-radius:var(--radius-md);color:var(--color-text-muted);transition:all var(--transition-fast);width:100%;font-size:.75rem;display:flex}.sidebar-version:hover{background:var(--color-bg-elevated);color:var(--color-text-secondary)}.sidebar-collapse-btn{border-radius:var(--radius-sm);width:26px;height:26px;color:var(--color-text-muted);transition:all var(--transition-fast);flex-shrink:0;justify-content:center;align-items:center;margin-left:auto;display:flex}.sidebar-collapse-btn:hover{background:var(--color-bg-elevated);color:var(--color-text)}.sidebar.collapsed{width:var(--sidebar-collapsed-width)}.sidebar.collapsed .sidebar-logo{padding:var(--space-4) var(--space-3);justify-content:center}.sidebar.collapsed .sidebar-logo-text{display:none}.sidebar.collapsed .sidebar-collapse-btn{margin-left:0}.sidebar.collapsed .sidebar-section-label{display:none}.sidebar.collapsed .sidebar-nav-item{padding:var(--space-3);justify-content:center}.sidebar.collapsed .sidebar-nav-label{display:none}.sidebar.collapsed .sidebar-user{padding:var(--space-2) 0;justify-content:center}.sidebar.collapsed .sidebar-user-info{display:none}.sidebar.collapsed .sidebar-version{padding:var(--space-2) 0;justify-content:center}.sidebar.collapsed .sidebar-version-label{display:none}.topbar-user-btn{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);color:var(--color-text-secondary);transition:all var(--transition-fast);font-size:.875rem;display:flex}.topbar-user-btn:hover{background:var(--color-bg-elevated);color:var(--color-text)}.topbar-avatar{background:linear-gradient(135deg, var(--color-primary), var(--color-accent));color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:.8rem;font-weight:700;display:flex}.dropdown{position:relative}.dropdown-menu{z-index:200;background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);min-width:220px;padding:var(--space-2);animation:.12s dropIn;position:absolute;top:calc(100% + 8px);right:0}@keyframes dropIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.dropdown-header{padding:var(--space-3) var(--space-3) var(--space-2);border-bottom:1px solid var(--color-border-subtle);margin-bottom:var(--space-2)}.dropdown-header-name{font-size:.875rem;font-weight:600}.dropdown-header-role{color:var(--color-text-muted);font-size:.75rem}.dropdown-item{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);color:var(--color-text-secondary);transition:all var(--transition-fast);width:100%;font-size:.875rem;display:flex}.dropdown-item:hover{background:var(--color-bg-elevated);color:var(--color-text)}.dropdown-item.danger:hover{color:var(--color-danger);background:#e236361f}.dropdown-divider{background:var(--color-border-subtle);height:1px;margin:var(--space-2) 0}.dropdown-item-label{text-align:left;flex:1}.theme-toggle{background:var(--color-border);width:36px;height:20px;transition:background var(--transition-fast);border-radius:10px;flex-shrink:0;position:relative}.theme-toggle.on{background:var(--color-primary)}.theme-toggle-thumb{width:14px;height:14px;transition:transform var(--transition-fast);background:#fff;border-radius:50%;position:absolute;top:3px;left:3px}.theme-toggle.on .theme-toggle-thumb{transform:translate(16px)}.modal-overlay{z-index:500;padding:var(--space-4);background:#0009;justify-content:center;align-items:center;animation:.12s fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);flex-direction:column;width:100%;max-width:480px;max-height:80dvh;animation:.15s scaleIn;display:flex}@keyframes scaleIn{0%{transform:scale(.96)}to{transform:scale(1)}}.modal-header{padding:var(--space-6);border-bottom:1px solid var(--color-border-subtle);justify-content:space-between;align-items:center;display:flex}.modal-close{border-radius:var(--radius-md);width:32px;height:32px;color:var(--color-text-muted);transition:all var(--transition-fast);justify-content:center;align-items:center;font-size:1rem;display:flex}.modal-close:hover{background:var(--color-bg-elevated);color:var(--color-text)}.modal-body{padding:var(--space-6);overflow-y:auto}.changelog-entry+.changelog-entry{margin-top:var(--space-6);padding-top:var(--space-6);border-top:1px solid var(--color-border-subtle)}.changelog-version{color:var(--color-primary-light);font-family:Outfit,sans-serif;font-size:1.1rem;font-weight:700}.changelog-date{color:var(--color-text-muted);margin-bottom:var(--space-3);font-size:.75rem}.changelog-notes{padding-left:var(--space-5);gap:var(--space-2);flex-direction:column;display:flex}.changelog-notes li{color:var(--color-text-secondary);font-size:.875rem}html[data-theme=light]{--color-bg:#f5f7f9;--color-bg-secondary:#eaecf1;--color-bg-card:#fff;--color-bg-elevated:#e1e4ea;--color-border:#cbcfd8;--color-border-subtle:#dcdfe5;--color-text:#171c26;--color-text-secondary:#4f5664;--color-text-muted:#7b818e;--shadow-sm:0 1px 3px #00000014;--shadow-md:0 4px 16px #0000001f;--shadow-lg:0 8px 32px #00000029;--shadow-glow:0 0 24px #2463eb33}.main-area{flex-direction:column;flex:1;display:flex;overflow:hidden}.topbar{height:var(--topbar-height);background:var(--color-bg-secondary);border-bottom:1px solid var(--color-border);padding:0 var(--space-6);flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.topbar-title{font-family:Outfit,sans-serif;font-size:1.05rem;font-weight:600}.topbar-actions{align-items:center;gap:var(--space-3);display:flex}.page-content{padding:var(--space-8);flex:1;overflow-y:auto}.card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6)}.card-header{margin-bottom:var(--space-5);justify-content:space-between;align-items:center;display:flex}.card-title{font-size:1rem;font-weight:600}.stat-grid{gap:var(--space-5);margin-bottom:var(--space-8);grid-template-columns:repeat(auto-fill,minmax(200px,1fr));display:grid}.stat-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5) var(--space-6);transition:transform var(--transition-fast), box-shadow var(--transition-fast)}.stat-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.stat-label{color:var(--color-text-secondary);margin-bottom:var(--space-2);font-size:.8rem;font-weight:500}.stat-value{font-family:Outfit,sans-serif;font-size:2rem;font-weight:700}.stat-sub{color:var(--color-text-muted);margin-top:var(--space-1);font-size:.8rem}.btn{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);transition:all var(--transition-fast);white-space:nowrap;font-size:.875rem;font-weight:500;display:inline-flex}.btn-primary{background:var(--color-primary);color:#fff}.btn-primary:hover{background:var(--color-primary-dark);box-shadow:var(--shadow-glow)}.btn-secondary{background:var(--color-bg-elevated);border:1px solid var(--color-border);color:var(--color-text-secondary)}.btn-secondary:hover{border-color:var(--color-primary);color:var(--color-text)}.btn-ghost{color:var(--color-text-secondary)}.btn-ghost:hover{background:var(--color-bg-elevated);color:var(--color-text)}.btn-danger{background:var(--color-danger);color:#fff}.btn-sm{padding:var(--space-1) var(--space-3);font-size:.8rem}.btn-lg{padding:var(--space-3) var(--space-6);font-size:1rem}.badge{align-items:center;gap:var(--space-1);padding:2px var(--space-3);border-radius:var(--radius-full);font-size:.75rem;font-weight:600;display:inline-flex}.badge-aligned{color:var(--color-aligned);background:#21ab6b26}.badge-marginal{color:var(--color-marginal);background:#f59f0a26}.badge-vulnerable{color:var(--color-vulnerable);background:#e2363626}.badge-na{color:var(--color-na);background:#676f7e26}.badge-info{color:var(--color-info);background:#0da2e726}.badge-primary{color:var(--color-primary-light);background:#2463eb26}.form-group{margin-bottom:var(--space-5)}.form-label{color:var(--color-text-secondary);margin-bottom:var(--space-2);font-size:.85rem;font-weight:500;display:block}.form-input,.form-select,.form-textarea{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);width:100%;color:var(--color-text);padding:var(--space-3) var(--space-4);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);outline:none;font-size:.9rem}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #2463eb26}.form-textarea{resize:vertical;min-height:100px}.table-wrapper{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:.9rem}thead{background:var(--color-bg-secondary)}th{text-align:left;padding:var(--space-3) var(--space-4);letter-spacing:.05em;text-transform:uppercase;color:var(--color-text-muted);border-bottom:1px solid var(--color-border);font-size:.75rem;font-weight:600}td{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border-subtle);color:var(--color-text-secondary)}tr:hover td{background:var(--color-bg-elevated);color:var(--color-text)}.page-header{margin-bottom:var(--space-8);justify-content:space-between;align-items:flex-start;gap:var(--space-4);display:flex}.page-header-left h1{font-size:1.75rem}.page-header-left p{color:var(--color-text-secondary);margin-top:var(--space-1);font-size:.95rem}.empty-state{text-align:center;padding:var(--space-16) var(--space-8);color:var(--color-text-muted)}.empty-state svg{margin:0 auto var(--space-4);opacity:.4}.empty-state h3{margin-bottom:var(--space-2);color:var(--color-text-secondary)}.divider{background:var(--color-border);height:1px;margin:var(--space-6) 0}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:var(--space-2)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.mt-4{margin-top:var(--space-4)}.mt-8{margin-top:var(--space-8)}.mb-4{margin-bottom:var(--space-4)}.text-muted{color:var(--color-text-muted);font-size:.875rem}.text-sm{font-size:.875rem}.font-semibold{font-weight:600}.w-full{width:100%}.grid{display:grid}