@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@300;400;500;600;700&display=swap";
:root{--bg-primary:#0f1729;--bg-secondary:#1a2744;--bg-tertiary:#253554;--bg-elevated:#1a2744;--bg-hover:#253554;--bg-active:#2a3f5f;--bg-input:#0d1322;--text-primary:#e8ecf4;--text-secondary:#8899b0;--text-muted:#5a6d85;--text-inverse:#0f1729;--accent-primary:#10b981;--accent-primary-hover:#0d9668;--accent-primary-light:#10b98126;--accent-dim:#0d3b2e;--accent-secondary:#34d399;--accent-secondary-light:#34d39926;--color-success:#4ade80;--color-success-bg:#4ade801a;--color-warning:#fbbf24;--color-warning-bg:#fbbf241a;--color-error:#f87171;--color-error-bg:#f871711a;--color-info:#60a5fa;--color-info-bg:#60a5fa1a;--flag-red:#f87171;--flag-red-bg:#f871711a;--flag-amber:#fbbf24;--flag-amber-bg:#fbbf241a;--flag-green:#4ade80;--flag-green-bg:#4ade801a;--border-primary:#2a3f5f;--border-secondary:#2a3f5f;--border-accent:#10b9814d;--border-focus:#10b981;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 4px 12px #0006;--shadow-lg:0 8px 24px #00000080;--shadow-glow:0 0 20px #10b98133;--font-sans:"DM Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-mono:"JetBrains Mono","Fira Code",monospace;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-full:9999px;--radius-canvas:16px;--sidebar-width:220px;--header-height:52px;--max-content-width:1280px;--nav-gap:12px;--transition-fast:.15s ease;--transition-normal:.25s ease;--transition-slow:.35s ease}[data-theme=light]{--bg-primary:#edf1f7;--bg-secondary:#f7f9fc;--bg-tertiary:#e2e8f2;--bg-elevated:#fff;--bg-hover:#dde4f0;--bg-active:#c5d0e0;--bg-input:#f0f3f8;--text-primary:#1a2744;--text-secondary:#4a5d78;--text-muted:#7a8da5;--text-inverse:#f0f4f8;--accent-primary:#0d9668;--accent-primary-hover:#0a7d56;--accent-primary-light:#0d96681a;--accent-dim:#d1fae5;--accent-secondary:#10b981;--accent-secondary-light:#10b9811a;--color-success:#16a34a;--color-success-bg:#16a34a14;--color-warning:#d97706;--color-warning-bg:#d9770614;--color-error:#dc2626;--color-error-bg:#dc262614;--color-info:#2563eb;--color-info-bg:#2563eb14;--flag-red:#dc2626;--flag-red-bg:#dc262614;--flag-amber:#d97706;--flag-amber-bg:#d9770614;--flag-green:#16a34a;--flag-green-bg:#16a34a14;--border-primary:#c5d0e0;--border-secondary:#c5d0e0;--border-accent:#0d96684d;--border-focus:#0d9668;--shadow-sm:0 1px 2px #0f17290f;--shadow-md:0 4px 12px #0f172914;--shadow-lg:0 8px 24px #0f17291f;--shadow-glow:0 0 20px #0d966826}[data-theme=light] .sidebar-nav{color:#8899b0;background:#152036!important;border-color:#253554!important}[data-theme=light] .sidebar-nav .sidebar-brand{color:#e8ecf4;border-color:#253554!important}[data-theme=light] .sidebar-nav .sidebar-link{color:#8899b0!important}[data-theme=light] .sidebar-nav .sidebar-link:hover{color:#e8ecf4!important;background:#ffffff0f!important}[data-theme=light] .sidebar-nav .sidebar-link-active{color:#34d399!important;background:#10b98126!important}[data-theme=light] .sidebar-nav .sidebar-section-label{color:#5a6d85!important}[data-theme=light] .sidebar-nav .sidebar-user{color:#8899b0;border-color:#253554!important}[data-theme=light] .sidebar-nav .sidebar-user-name{color:#e8ecf4!important}[data-theme=light] .sidebar-nav .sidebar-user-avatar{color:#34d399!important;background:#10b98126!important}[data-theme=light] .sidebar-nav .btn-ghost{color:#8899b0!important}[data-theme=light] .sidebar-nav .btn-ghost:hover{color:#e8ecf4!important;background:#ffffff0f!important}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:14px}body{font-family:var(--font-sans);background:var(--bg-secondary);color:var(--text-primary);min-height:100vh;line-height:1.6}a{color:var(--accent-primary);text-decoration:none}a:hover{color:var(--accent-primary-hover)}h1{letter-spacing:-.02em;font-size:1.75rem;font-weight:700}h2{letter-spacing:-.01em;font-size:1.375rem;font-weight:600}h3{font-size:1.125rem;font-weight:600}h4{font-size:1rem;font-weight:600}.text-sm{font-size:.85rem}.text-xs{font-size:.75rem}.text-muted{color:var(--text-secondary)}.text-mono{font-family:var(--font-mono);font-size:.8rem}.btn{align-items:center;gap:var(--space-2);padding:var(--space-2)var(--space-4);border-radius:var(--radius-md);font-family:var(--font-sans);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;border:1px solid #0000;font-size:.875rem;font-weight:500;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--accent-primary);color:#fff}.btn-primary:hover:not(:disabled){background:var(--accent-primary-hover);box-shadow:var(--shadow-glow)}.btn-secondary{color:var(--text-primary);border-color:var(--border-secondary);background:0 0}.btn-secondary:hover:not(:disabled){background:var(--bg-hover);border-color:var(--border-accent)}.btn-danger{background:var(--color-error);color:#fff}.btn-danger:hover:not(:disabled){background:#dc2626}.btn-ghost{color:var(--text-secondary);padding:var(--space-1)var(--space-2);background:0 0;border:none}.btn-ghost:hover:not(:disabled){color:var(--text-primary);background:var(--bg-hover)}.btn-sm{padding:var(--space-1)var(--space-3);font-size:.8rem}.btn-lg{padding:var(--space-3)var(--space-6);font-size:1rem}.card{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);padding:var(--space-6)}.card-elevated{background:var(--bg-tertiary);box-shadow:var(--shadow-md)}.card-interactive{cursor:pointer;transition:all var(--transition-normal)}.card-interactive:hover{border-color:var(--border-accent);box-shadow:var(--shadow-glow);transform:translateY(-1px)}.badge{border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.05em;align-items:center;padding:2px 10px;font-size:.7rem;font-weight:600;display:inline-flex}.badge-success{background:var(--color-success-bg);color:var(--color-success)}.badge-warning{background:var(--color-warning-bg);color:var(--color-warning)}.badge-error{background:var(--color-error-bg);color:var(--color-error)}.badge-info{background:var(--color-info-bg);color:var(--color-info)}.badge-purple{background:var(--accent-primary-light);color:var(--accent-primary)}.badge-cyan{background:var(--accent-secondary-light);color:var(--accent-secondary)}.badge-critical{background:var(--flag-red-bg);color:var(--flag-red)}.badge-major{background:var(--flag-amber-bg);color:var(--flag-amber)}.badge-minor{background:var(--color-info-bg);color:var(--color-info)}.badge-level-critical{background:var(--flag-red);color:#0a0f1c;border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.05em;align-items:center;padding:2px 10px;font-size:.7rem;font-weight:700;display:inline-flex}.badge-level-high{background:var(--flag-red-bg);color:var(--flag-red);border:1px solid var(--flag-red);border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.05em;align-items:center;padding:2px 10px;font-size:.7rem;font-weight:600;display:inline-flex}.badge-level-review{background:var(--flag-amber-bg);color:var(--flag-amber);border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.05em;align-items:center;padding:2px 10px;font-size:.7rem;font-weight:600;display:inline-flex}.input,.textarea,.select{width:100%;padding:var(--space-2)var(--space-3);background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:var(--radius-md);color:var(--text-primary);font-family:var(--font-sans);transition:border-color var(--transition-fast);font-size:.875rem}.input:focus,.textarea:focus,.select:focus{border-color:var(--accent-primary);box-shadow:0 0 0 2px var(--accent-primary-light);outline:none}.input::placeholder,.textarea::placeholder{color:var(--text-muted)}.textarea{resize:vertical;min-height:120px}.select{cursor:pointer}.form-group{gap:var(--space-1);flex-direction:column;display:flex}.form-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-size:.8rem;font-weight:500}.form-error{color:var(--color-error);font-size:.75rem}.table-container{border:1px solid var(--border-primary);border-radius:var(--radius-lg);overflow-x:auto}table{border-collapse:collapse;width:100%}th{text-align:left;padding:var(--space-3)var(--space-4);background:var(--bg-tertiary);text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);border-bottom:1px solid var(--border-primary);font-size:.75rem;font-weight:600}th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}th.sortable:hover{color:var(--text-primary)}td{padding:var(--space-3)var(--space-4);border-bottom:1px solid var(--border-primary);font-size:.875rem}tr:last-child td{border-bottom:none}tr:hover td{background:var(--bg-hover)}.toggle{background:var(--bg-tertiary);border-radius:var(--radius-full);cursor:pointer;border:1px solid var(--border-primary);width:40px;height:22px;transition:all var(--transition-fast);position:relative}.toggle.active{background:var(--accent-primary);border-color:var(--accent-primary)}.toggle:after{content:"";width:16px;height:16px;transition:transform var(--transition-fast);background:#fff;border-radius:50%;position:absolute;top:2px;left:2px}.toggle.active:after{transform:translate(18px)}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;animation:fadeIn var(--transition-fast);background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-xl);padding:var(--space-8);min-width:480px;max-width:640px;max-height:85vh;box-shadow:var(--shadow-lg);animation:slideUp var(--transition-normal);overflow-y:auto}.modal-header{margin-bottom:var(--space-6);justify-content:space-between;align-items:center;display:flex}.modal-footer{justify-content:flex-end;gap:var(--space-3);margin-top:var(--space-6);padding-top:var(--space-4);border-top:1px solid var(--border-primary);display:flex}.toast-container{top:var(--space-4);right:var(--space-4);z-index:2000;gap:var(--space-2);flex-direction:column;display:flex;position:fixed}.toast{align-items:center;gap:var(--space-3);padding:var(--space-3)var(--space-5);border-radius:var(--radius-md);min-width:300px;box-shadow:var(--shadow-lg);animation:slideIn var(--transition-normal);font-size:.875rem;display:flex}.toast-success{background:var(--color-success-bg);border:1px solid var(--color-success);color:var(--color-success)}.toast-error{background:var(--color-error-bg);border:1px solid var(--color-error);color:var(--color-error)}.toast-warning{background:var(--color-warning-bg);border:1px solid var(--color-warning);color:var(--color-warning)}.toast-info{background:var(--color-info-bg);border:1px solid var(--color-info);color:var(--color-info)}.skeleton{background:linear-gradient(90deg,var(--bg-tertiary)25%,var(--bg-hover)50%,var(--bg-tertiary)75%);border-radius:var(--radius-md);background-size:200% 100%;animation:1.5s infinite shimmer}.skeleton-text{height:14px;margin-bottom:var(--space-2)}.skeleton-heading{width:60%;height:24px;margin-bottom:var(--space-3)}.skeleton-card{height:140px}.tabs{border-bottom:1px solid var(--border-primary);gap:0;display:flex}.tab{padding:var(--space-3)var(--space-5);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;border-bottom:2px solid #0000;font-size:.875rem;font-weight:500}.tab:hover{color:var(--text-primary)}.tab.active{color:var(--accent-primary);border-bottom-color:var(--accent-primary)}.tag-input-container{gap:var(--space-2);padding:var(--space-2);background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:var(--radius-md);flex-wrap:wrap;align-items:center;min-height:40px;display:flex}.tag-input-container:focus-within{border-color:var(--accent-primary);box-shadow:0 0 0 2px var(--accent-primary-light)}.tag{align-items:center;gap:var(--space-1);background:var(--accent-primary-light);color:var(--accent-primary);border-radius:var(--radius-sm);padding:2px 8px;font-size:.8rem;display:inline-flex}.tag-remove{cursor:pointer;opacity:.6;font-size:1rem;line-height:1}.tag-remove:hover{opacity:1}.tag-input{color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;min-width:120px;font-size:.875rem}.pagination{align-items:center;gap:var(--space-2);padding:var(--space-4)0;justify-content:center;display:flex}.page-btn{border-radius:var(--radius-md);border:1px solid var(--border-primary);width:32px;height:32px;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);background:0 0;justify-content:center;align-items:center;font-size:.8rem;display:flex}.page-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.page-btn.active{background:var(--accent-primary);color:#fff;border-color:var(--accent-primary)}.progress-bar{background:var(--bg-tertiary);border-radius:var(--radius-full);width:100%;height:6px;overflow:hidden}.progress-fill{border-radius:var(--radius-full);height:100%;transition:width var(--transition-slow)}.progress-fill-purple{background:linear-gradient(90deg,var(--accent-primary),var(--accent-secondary))}.progress-fill-success{background:var(--color-success)}.progress-fill-warning{background:var(--color-warning)}.progress-fill-error{background:var(--color-error)}.stepper{align-items:center;gap:var(--space-1);padding:var(--space-3)0;display:flex}.step{align-items:center;gap:var(--space-2);padding:var(--space-1)var(--space-3);border-radius:var(--radius-full);white-space:nowrap;font-size:.75rem;font-weight:500;display:flex}.step-complete{background:var(--color-success-bg);color:var(--color-success)}.step-active{background:var(--accent-primary-light);color:var(--accent-primary)}.step-pending{background:var(--bg-tertiary);color:var(--text-muted)}.step-connector{background:var(--border-primary);flex-shrink:0;width:20px;height:1px}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}.w-full{width:100%}.grid{display:grid}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:translate(0)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes spin{to{transform:rotate(360deg)}}.spin{animation:1s linear infinite spin}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--bg-hover);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--bg-active)}