*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{font-family:Inter,DM Sans,system-ui,sans-serif;line-height:1.5}:root{--color-primary-950:#04080f;--color-primary-900:#0a0f1e;--color-primary-800:#0d1526;--color-primary-700:#132040;--color-primary-600:#1a2e5a;--color-primary-500:#1e3a6e;--color-primary-400:#2563a8;--color-primary-300:#3b7dd8;--color-primary-200:#60a5fa;--color-primary-100:#93c5fd;--color-primary-50:#dbeafe;--color-secondary-700:#0f4c5c;--color-secondary-600:#0e6478;--color-secondary-500:#0891b2;--color-secondary-400:#22b8cf;--color-secondary-300:#67e8f9;--color-accent-900:#451a03;--color-accent-800:#7c2d12;--color-accent-700:#b45309;--color-accent-600:#d97706;--color-accent-500:#f59e0b;--color-accent-400:#fbbf24;--color-accent-300:#fcd34d;--color-accent-200:#fef08a;--color-accent-100:#fef9c3;--color-severity-critical:#ef4444;--color-severity-critical-bg:#ef44441f;--color-severity-high:#f97316;--color-severity-high-bg:#f973161f;--color-severity-medium:#f59e0b;--color-severity-medium-bg:#f59e0b1f;--color-severity-low:#84cc16;--color-severity-low-bg:#84cc161f;--color-severity-info:#06b6d4;--color-severity-info-bg:#06b6d41f;--color-risk-very-high:#7f1d1d;--color-risk-high:#991b1b;--color-risk-medium:#92400e;--color-risk-low:#14532d;--color-risk-minimal:#0c4a6e;--color-status-open:#3b82f6;--color-status-assigned:#8b5cf6;--color-status-in-review:#0ea5e9;--color-status-escalated:#ef4444;--color-status-closed-fp:#6b7280;--color-status-closed-sar:#22c55e;--color-status-pending:#f59e0b;--color-status-approved:#22c55e;--color-status-rejected:#ef4444;--color-status-draft:#94a3b8;--font-display:"DM Sans", "Inter", sans-serif;--font-body:"Inter", "DM Sans", sans-serif;--font-mono:"JetBrains Mono", "Fira Code", "Courier New", monospace;--text-xs:.75rem;--text-sm:.8125rem;--text-base:.875rem;--text-md:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--font-light:300;--font-normal:400;--font-medium:500;--font-semibold:600;--font-bold:700;--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;--space-20:5rem;--space-24:6rem;--radius-sm:.25rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--radius-full:9999px;--shadow-sm:0 1px 2px #0006;--shadow-md:0 4px 12px #0006;--shadow-lg:0 8px 24px #00000080;--shadow-xl:0 16px 48px #0009;--shadow-glow-primary:0 0 20px #2563a840;--shadow-glow-accent:0 0 20px #f59e0b33;--transition-fast:.15s ease;--transition-base:.2s ease;--transition-slow:.3s ease;--transition-spring:.3s cubic-bezier(.34, 1.56, .64, 1);--z-below:-1;--z-base:0;--z-raised:10;--z-dropdown:100;--z-sidebar:200;--z-modal:300;--z-toast:400;--z-tooltip:500;--sidebar-width:240px;--sidebar-collapsed-width:64px;--topbar-height:60px;--color-alert-critical:var(--color-severity-critical);--color-alert-high:var(--color-severity-high);--color-alert-medium:var(--color-severity-medium);--color-alert-low:var(--color-severity-low);--color-alert-info:var(--color-severity-info)}[data-theme=dark],:root{--bg-base:#04080f;--bg-surface:#0d1526;--bg-elevated:#132040;--bg-overlay:#132040f7;--bg-input:#0a0f1e;--bg-hover:#ffffff0a;--bg-active:#2563a826;--bg-sidebar:#080e1a;--bg-topbar:#080e1af2;--bg-card:#0d1526;--bg-card-hover:#132040;--border-default:#ffffff12;--border-strong:#ffffff24;--border-accent:#2563a866;--border-focus:#3b7dd8b3;--color-border-default:var(--border-default);--color-border-strong:var(--border-strong);--color-border-accent:var(--border-accent);--text-primary:#f1f5f9;--text-secondary:#94a3b8;--text-muted:#64748b;--text-disabled:#475569;--text-inverse:#0f172a;--text-link:#60a5fa;--text-accent:#fbbf24}[data-theme=light]{--bg-base:#f1f5f9;--bg-surface:#fff;--bg-elevated:#f8fafc;--bg-overlay:#fffffff7;--bg-input:#fff;--bg-hover:#00000009;--bg-active:#2563a814;--bg-sidebar:#fff;--bg-topbar:#fffffff2;--bg-card:#fff;--bg-card-hover:#f8fafc;--border-default:#00000017;--border-strong:#00000024;--border-accent:#1e3a6e59;--border-focus:#2563a899;--color-border-default:var(--border-default);--color-border-strong:var(--border-strong);--color-border-accent:var(--border-accent);--text-primary:#0f172a;--text-secondary:#374151;--text-muted:#6b7280;--text-disabled:#9ca3af;--text-inverse:#f1f5f9;--text-link:#1e3a6e;--text-accent:#b45309}body{background-color:var(--bg-base);color:var(--text-primary);font-family:var(--font-body);font-size:var(--text-base);font-weight:var(--font-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:var(--font-semibold);color:var(--text-primary);line-height:1.25}h1{font-size:var(--text-3xl)}h2{font-size:var(--text-2xl)}h3{font-size:var(--text-xl)}h4{font-size:var(--text-lg)}h5{font-size:var(--text-md)}h6{font-size:var(--text-base)}p{color:var(--text-secondary);line-height:1.6}a{color:var(--text-link);transition:color var(--transition-fast);text-decoration:none}a:hover{text-decoration:underline}code,kbd,pre,samp{font-family:var(--font-mono);font-size:.9em}hr{border:none;border-top:1px solid var(--border-default);margin:var(--space-6) 0}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{border-radius:var(--radius-full);background:#ffffff1a}::-webkit-scrollbar-thumb:hover{background:#fff3}[data-theme=light] ::-webkit-scrollbar-thumb{background:#00000026}:focus-visible{outline:2px solid var(--color-primary-300);outline-offset:2px;border-radius:var(--radius-sm)}::selection{color:var(--text-primary);background:#2563a84d}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.flex-1{flex:1}.flex-shrink-0{flex-shrink:0}.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)}.grid{display:grid}.w-full{width:100%}.min-h-screen{min-height:100vh}.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.inset-0{inset:0}.text-center{text-align:center}.text-right{text-align:right}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.rounded-full{border-radius:var(--radius-full)}.text-xs{font-size:var(--text-xs)}.text-sm{font-size:var(--text-sm)}.text-base{font-size:var(--text-base)}.text-md{font-size:var(--text-md)}.text-lg{font-size:var(--text-lg)}.text-xl{font-size:var(--text-xl)}.text-2xl{font-size:var(--text-2xl)}.text-3xl{font-size:var(--text-3xl)}.font-mono{font-family:var(--font-mono)}.font-display{font-family:var(--font-display)}.font-medium{font-weight:var(--font-medium)}.font-semibold{font-weight:var(--font-semibold)}.font-bold{font-weight:var(--font-bold)}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}.text-accent{color:var(--text-accent)}.text-link{color:var(--text-link)}.app-shell{background:var(--bg-base);min-height:100vh;display:flex}.app-main{min-width:0;margin-left:var(--sidebar-width);transition:margin-left var(--transition-slow);flex-direction:column;flex:1;display:flex}.app-main.sidebar-collapsed{margin-left:var(--sidebar-collapsed-width)}.app-content{padding:var(--space-6);margin-top:var(--topbar-height);flex:1;overflow-y:auto}.sidebar{height:100vh;width:var(--sidebar-width);background:var(--bg-sidebar);border-right:1px solid var(--border-default);z-index:var(--z-sidebar);transition:width var(--transition-slow);flex-direction:column;display:flex;position:fixed;top:0;left:0;overflow:hidden}.sidebar.collapsed{width:var(--sidebar-collapsed-width)}.sidebar-logo{align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-4);height:var(--topbar-height);border-bottom:1px solid var(--border-default);flex-shrink:0;display:flex}.sidebar-logo-icon{border-radius:var(--radius-md);background:linear-gradient(135deg, var(--color-primary-400), var(--color-secondary-500));width:32px;height:32px;font-family:var(--font-display);font-weight:var(--font-bold);font-size:var(--text-sm);color:#fff;letter-spacing:-.5px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.sidebar-logo-text{white-space:nowrap;flex-direction:column;display:flex;overflow:hidden}.sidebar-logo-title{font-family:var(--font-display);font-size:var(--text-sm);font-weight:var(--font-bold);color:var(--text-primary);letter-spacing:-.3px;line-height:1.2}.sidebar-logo-sub{font-size:var(--text-xs);color:var(--text-muted);letter-spacing:.3px}.sidebar-nav{padding:var(--space-4) 0;flex:1;overflow-y:auto}.sidebar-section{margin-bottom:var(--space-4)}.sidebar-section-label{font-size:.65rem;font-weight:var(--font-semibold);color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;padding:0 var(--space-4) var(--space-2);white-space:nowrap;overflow:hidden}.nav-item{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-4);color:var(--text-secondary);font-size:var(--text-sm);font-weight:var(--font-medium);transition:all var(--transition-fast);cursor:pointer;white-space:nowrap;border-left:3px solid #0000;border-radius:0;text-decoration:none;display:flex;position:relative}.nav-item:hover{background:var(--bg-hover);color:var(--text-primary);text-decoration:none}.nav-item.active{background:var(--bg-active);color:var(--color-primary-200);border-left-color:var(--color-primary-300)}.nav-item-icon{opacity:.7;flex-shrink:0;width:18px;height:18px}.nav-item.active .nav-item-icon{opacity:1}.nav-item:hover .nav-item-icon{opacity:.9}.nav-item-badge{background:var(--color-severity-critical);color:#fff;font-size:.6rem;font-weight:var(--font-bold);border-radius:var(--radius-full);text-align:center;flex-shrink:0;min-width:18px;margin-left:auto;padding:2px 6px}.nav-item-badge.accent{background:var(--color-accent-600)}.sidebar-footer{padding:var(--space-4);border-top:1px solid var(--border-default);flex-shrink:0}.sidebar-toggle{align-items:center;gap:var(--space-3);width:100%;padding:var(--space-2) var(--space-2);border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-muted);font-size:var(--text-xs);cursor:pointer;transition:all var(--transition-fast);background:0 0;display:flex}.sidebar-toggle:hover{background:var(--bg-hover);color:var(--text-secondary)}.topbar{top:0;right:0;left:var(--sidebar-width);height:var(--topbar-height);background:var(--bg-topbar);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border-default);align-items:center;gap:var(--space-4);padding:0 var(--space-6);z-index:var(--z-sidebar);transition:left var(--transition-slow);display:flex;position:fixed}.topbar.sidebar-collapsed{left:var(--sidebar-collapsed-width)}.topbar-breadcrumb{align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--text-muted);display:flex}.topbar-breadcrumb-sep{color:var(--border-strong)}.topbar-breadcrumb-current{color:var(--text-primary);font-weight:var(--font-medium)}.topbar-right{align-items:center;gap:var(--space-3);margin-left:auto;display:flex}.topbar-search{align-items:center;gap:var(--space-2);background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:var(--space-2) var(--space-3);font-size:var(--text-sm);color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);min-width:200px;display:flex}.topbar-search:hover{border-color:var(--border-strong);color:var(--text-secondary)}.topbar-icon-btn{border-radius:var(--radius-md);border:1px solid var(--border-default);width:36px;height:36px;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);background:0 0;justify-content:center;align-items:center;display:flex;position:relative}.topbar-icon-btn:hover{background:var(--bg-hover);color:var(--text-primary);border-color:var(--border-strong)}.topbar-icon-btn .notification-dot{background:var(--color-severity-critical);border:1.5px solid var(--bg-surface);border-radius:50%;width:7px;height:7px;position:absolute;top:6px;right:6px}.topbar-avatar{border-radius:var(--radius-full);background:linear-gradient(135deg, var(--color-primary-400), var(--color-secondary-500));width:32px;height:32px;font-size:var(--text-xs);font-weight:var(--font-bold);color:#fff;cursor:pointer;transition:transform var(--transition-fast);justify-content:center;align-items:center;display:flex}.topbar-avatar:hover{transform:scale(1.05)}.page-header{justify-content:space-between;align-items:flex-start;gap:var(--space-4);margin-bottom:var(--space-6);flex-wrap:wrap;display:flex}.page-header-left{gap:var(--space-1);flex-direction:column;display:flex}.page-title{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--text-primary);letter-spacing:-.5px;line-height:1.2}.page-subtitle{font-size:var(--text-sm);color:var(--text-muted);margin-top:var(--space-1)}.page-header-actions{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.card{background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:var(--space-6);transition:border-color var(--transition-fast), box-shadow var(--transition-fast)}.card:hover{border-color:var(--border-strong)}.card-sm{padding:var(--space-4)}.card-lg{padding:var(--space-8)}.card-header{margin-bottom:var(--space-4);justify-content:space-between;align-items:center;display:flex}.card-title{font-family:var(--font-display);font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--text-primary)}.card-subtitle{font-size:var(--text-xs);color:var(--text-muted);margin-top:2px}.kpi-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}.kpi-card{background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:var(--space-5);transition:all var(--transition-base);position:relative;overflow:hidden}.kpi-card:before{content:"";background:var(--kpi-accent,var(--color-primary-400));height:3px;position:absolute;top:0;left:0;right:0}.kpi-card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-md);transform:translateY(-1px)}.kpi-label{font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:var(--space-2)}.kpi-value{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:var(--font-bold);color:var(--text-primary);letter-spacing:-1px;margin-bottom:var(--space-2);line-height:1}.kpi-trend{align-items:center;gap:var(--space-1);font-size:var(--text-xs);color:var(--text-muted);display:flex}.kpi-trend.up{color:#22c55e}.kpi-trend.down{color:var(--color-severity-critical)}.kpi-trend.warn{color:var(--color-accent-500)}.kpi-meta{align-items:center;gap:var(--space-1);font-size:var(--text-xs);color:var(--text-muted);margin-top:var(--space-1);display:flex}.btn{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--font-medium);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;-webkit-user-select:none;user-select:none;border:1px solid #0000;line-height:1.5;text-decoration:none;display:inline-flex}.btn:disabled{opacity:.45;cursor:not-allowed;pointer-events:none}.btn-primary{background:var(--color-primary-400);color:#fff;border-color:var(--color-primary-400)}.btn-primary:hover{background:var(--color-primary-300);border-color:var(--color-primary-300);box-shadow:var(--shadow-glow-primary)}.btn-secondary{background:var(--bg-elevated);color:var(--text-primary);border-color:var(--border-strong)}.btn-secondary:hover{background:var(--bg-hover);border-color:var(--color-primary-400)}.btn-ghost{color:var(--text-secondary);background:0 0;border-color:#0000}.btn-ghost:hover{background:var(--bg-hover);color:var(--text-primary)}.btn-danger{background:var(--color-severity-critical);color:#fff;border-color:var(--color-severity-critical)}.btn-danger:hover{background:#b91c1c;box-shadow:0 0 16px #ef44444d}.btn-warning{background:var(--color-accent-600);color:#fff;border-color:var(--color-accent-600)}.btn-warning:hover{background:var(--color-accent-700)}.btn-success{color:#fff;background:#15803d;border-color:#15803d}.btn-success:hover{background:#166534}.btn-xs{font-size:var(--text-xs);gap:var(--space-1);padding:3px 10px}.btn-sm{padding:5px var(--space-3);font-size:var(--text-sm)}.btn-lg{padding:var(--space-3) var(--space-6);font-size:var(--text-md)}.btn-icon{border-radius:var(--radius-md);background:var(--bg-elevated);border:1px solid var(--border-default);width:32px;height:32px;color:var(--text-secondary);padding:0}.btn-icon:hover{background:var(--bg-hover);border-color:var(--border-strong);color:var(--text-primary)}.badge{border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-semibold);letter-spacing:.02em;border:1px solid #0000;align-items:center;gap:4px;padding:2px 8px;display:inline-flex}.badge-critical{background:var(--color-severity-critical-bg);color:var(--color-severity-critical);border-color:#ef444433}.badge-high{background:var(--color-severity-high-bg);color:var(--color-severity-high);border-color:#f9731633}.badge-medium{background:var(--color-severity-medium-bg);color:var(--color-severity-medium);border-color:#f59e0b33}.badge-low{background:var(--color-severity-low-bg);color:var(--color-severity-low);border-color:#84cc1633}.badge-info{background:var(--color-severity-info-bg);color:var(--color-severity-info);border-color:#06b6d433}.badge-neutral{background:var(--bg-elevated);color:var(--text-secondary);border-color:var(--border-default)}.badge-primary{color:var(--color-primary-200);background:#2563a826;border-color:#2563a840}.badge-success{color:#22c55e;background:#22c55e1a;border-color:#22c55e33}.badge-open{color:#60a5fa;background:#3b82f61f;border-color:#3b82f633}.badge-assigned{color:#a78bfa;background:#8b5cf61f;border-color:#8b5cf633}.badge-in-review{color:#38bdf8;background:#0ea5e91f;border-color:#0ea5e933}.badge-escalated{color:#f87171;background:#ef44441f;border-color:#ef444433}.badge-closed{color:#9ca3af;background:#6b72801f;border-color:#6b728033}.badge-approved{color:#4ade80;background:#22c55e1a;border-color:#22c55e33}.badge-pending{color:#fbbf24;background:#f59e0b1f;border-color:#f59e0b33}.badge-draft{color:#94a3b8;background:#94a3b81a;border-color:#94a3b826}.badge-rejected{color:#f87171;background:#ef44441f;border-color:#ef444433}.form-group{gap:var(--space-1);flex-direction:column;display:flex}.form-label{font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--text-secondary);letter-spacing:.02em;text-transform:uppercase}.form-label.required:after{content:" *";color:var(--color-severity-critical)}.input,.select,.textarea{background:var(--bg-input);border:1px solid var(--border-default);border-radius:var(--radius-md);width:100%;padding:var(--space-2) var(--space-3);font-family:var(--font-body);font-size:var(--text-sm);color:var(--text-primary);transition:all var(--transition-fast);appearance:none;line-height:1.5}.input::placeholder,.textarea::placeholder{color:var(--text-muted)}.input:hover,.select:hover,.textarea:hover{border-color:var(--border-strong)}.input:focus,.select:focus,.textarea:focus{border-color:var(--border-focus);outline:none;box-shadow:0 0 0 3px #3b7dd81f}.select{padding-right:var(--space-8);cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2.5'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat}.textarea{resize:vertical;min-height:80px}.input-sm,.select-sm{font-size:var(--text-xs);padding:4px 10px}.input-group{align-items:center;display:flex;position:relative}.input-group-prefix,.input-group-suffix{color:var(--text-muted);justify-content:center;align-items:center;display:flex;position:absolute}.input-group-prefix{left:10px}.input-group-suffix{right:10px}.input-group .input.has-prefix{padding-left:var(--space-8)}.input-group .input.has-suffix{padding-right:var(--space-8)}.form-hint{font-size:var(--text-xs);color:var(--text-muted)}.form-error{font-size:var(--text-xs);color:var(--color-severity-critical)}.input.error,.select.error,.textarea.error{border-color:var(--color-severity-critical);box-shadow:0 0 0 3px #ef44441a}.table-container{border-radius:var(--radius-lg);border:1px solid var(--border-default);width:100%;overflow-x:auto}.table{border-collapse:collapse;width:100%;font-size:var(--text-sm)}.table th{background:var(--bg-elevated);color:var(--text-muted);font-size:var(--text-xs);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:.06em;padding:var(--space-3) var(--space-4);text-align:left;border-bottom:1px solid var(--border-default);white-space:nowrap}.table td{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-default);color:var(--text-primary);vertical-align:middle}.table tr:last-child td{border-bottom:none}.table tbody tr{transition:background var(--transition-fast);cursor:default}.table tbody tr:hover td{background:var(--bg-hover)}.table tbody tr.clickable{cursor:pointer}.table tbody tr.selected td{background:var(--bg-active)}.table .col-mono{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-secondary)}.table .col-amount{font-family:var(--font-mono);font-weight:var(--font-semibold)}.table .col-date{font-size:var(--text-xs);color:var(--text-muted);white-space:nowrap}.toolbar{align-items:center;gap:var(--space-3);margin-bottom:var(--space-4);flex-wrap:wrap;display:flex}.filter-group{align-items:center;gap:var(--space-2);background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-md);padding:var(--space-1) var(--space-2);display:flex}.filter-chip{align-items:center;gap:var(--space-1);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:1px solid #0000;padding:3px 10px;display:inline-flex}.filter-chip:hover{background:var(--bg-hover);color:var(--text-primary)}.filter-chip.active{background:var(--bg-active);color:var(--color-primary-200);border-color:var(--border-accent)}.pagination{justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-3) var(--space-4);border-top:1px solid var(--border-default);font-size:var(--text-sm);display:flex}.pagination-info{color:var(--text-muted)}.pagination-controls{gap:var(--space-1);display:flex}.pagination-btn{border-radius:var(--radius-md);border:1px solid var(--border-default);width:32px;height:32px;color:var(--text-secondary);font-size:var(--text-sm);cursor:pointer;transition:all var(--transition-fast);background:0 0;justify-content:center;align-items:center;display:flex}.pagination-btn:hover{background:var(--bg-hover);color:var(--text-primary);border-color:var(--border-strong)}.pagination-btn.active{background:var(--color-primary-400);color:#fff;border-color:var(--color-primary-400)}.pagination-btn:disabled{opacity:.3;cursor:not-allowed}.risk-score{align-items:center;gap:var(--space-2);display:inline-flex}.risk-bar{background:var(--bg-elevated);border-radius:var(--radius-full);width:60px;height:6px;overflow:hidden}.risk-fill{border-radius:var(--radius-full);height:100%;transition:width var(--transition-slow)}.risk-fill.very-high{background:var(--color-severity-critical)}.risk-fill.high{background:var(--color-severity-high)}.risk-fill.medium{background:var(--color-severity-medium)}.risk-fill.low{background:var(--color-severity-low)}.risk-fill.minimal{background:var(--color-severity-info)}.risk-number{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--font-semibold);text-align:right;min-width:28px}.sla-indicator{align-items:center;gap:var(--space-1);font-size:var(--text-xs);font-family:var(--font-mono);display:inline-flex}.sla-indicator.ok{color:var(--color-severity-low)}.sla-indicator.warning{color:var(--color-accent-400)}.sla-indicator.breach{color:var(--color-severity-critical);animation:1.5s infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.alert-row-critical{border-left:3px solid var(--color-severity-critical)}.alert-row-high{border-left:3px solid var(--color-severity-high)}.alert-row-medium{border-left:3px solid var(--color-severity-medium)}.alert-row-low{border-left:3px solid var(--color-severity-low)}.tabs{border-bottom:1px solid var(--border-default);margin-bottom:var(--space-6);gap:0;display:flex}.tab-item{padding:var(--space-3) var(--space-5);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px}.tab-item:hover{color:var(--text-secondary)}.tab-item.active{color:var(--color-primary-200);border-bottom-color:var(--color-primary-300)}.modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:var(--z-modal);padding:var(--space-6);background:#000000a6;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:var(--bg-elevated);border:1px solid var(--border-strong);border-radius:var(--radius-xl);width:100%;max-width:560px;max-height:90vh;box-shadow:var(--shadow-xl);animation:.2s cubic-bezier(.34,1.56,.64,1) modalIn;overflow-y:auto}.modal-lg{max-width:800px}.modal-xl{max-width:1100px}@keyframes modalIn{0%{opacity:0;transform:scale(.95)translateY(8px)}to{opacity:1;transform:scale(1)translateY(0)}}.modal-header{padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--border-default);justify-content:space-between;align-items:center;display:flex}.modal-title{font-family:var(--font-display);font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--text-primary)}.modal-body{padding:var(--space-6)}.modal-footer{justify-content:flex-end;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-6);border-top:1px solid var(--border-default);display:flex}.toast-container{bottom:var(--space-6);right:var(--space-6);gap:var(--space-3);z-index:var(--z-toast);pointer-events:none;flex-direction:column;display:flex;position:fixed}.toast{align-items:flex-start;gap:var(--space-3);padding:var(--space-4);background:var(--bg-elevated);border:1px solid var(--border-strong);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);pointer-events:all;max-width:360px;animation:toastIn .25s var(--transition-spring);display:flex}@keyframes toastIn{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:translate(0)}}.toast-success{border-left:3px solid #22c55e}.toast-error{border-left:3px solid var(--color-severity-critical)}.toast-warning{border-left:3px solid var(--color-accent-500)}.toast-info{border-left:3px solid var(--color-primary-300)}.empty-state{text-align:center;padding:var(--space-16) var(--space-8);justify-content:center;align-items:center;gap:var(--space-4);flex-direction:column;display:flex}.empty-state-icon{width:48px;height:48px;color:var(--text-muted);opacity:.5}.empty-state-title{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--text-secondary)}.empty-state-desc{font-size:var(--text-sm);color:var(--text-muted);max-width:360px}.skeleton{background:linear-gradient(90deg, var(--bg-elevated) 25%, #ffffff0d 50%, var(--bg-elevated) 75%);border-radius:var(--radius-md);background-size:200% 100%;animation:1.5s infinite shimmer}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.divider{border:none;border-top:1px solid var(--border-default)}.divider-text{text-align:center;color:var(--text-muted);font-size:var(--text-xs);position:relative}.divider-text:before,.divider-text:after{content:"";border-top:1px solid var(--border-default);width:calc(50% - 30px);position:absolute;top:50%}.divider-text:before{left:0}.divider-text:after{right:0}.timeline{padding-left:var(--space-8);position:relative}.timeline:before{content:"";background:var(--border-default);width:1px;position:absolute;top:0;bottom:0;left:15px}.timeline-item{padding-bottom:var(--space-6);position:relative}.timeline-item:before{content:"";background:var(--color-primary-400);border:2px solid var(--bg-surface);border-radius:50%;width:10px;height:10px;position:absolute;top:4px;left:-26px}.timeline-item.critical:before{background:var(--color-severity-critical)}.timeline-item.high:before{background:var(--color-severity-high)}.timeline-item.medium:before{background:var(--color-severity-medium)}.timeline-item.low:before{background:var(--color-severity-low)}.timeline-time{font-size:var(--text-xs);color:var(--text-muted);font-family:var(--font-mono);margin-bottom:var(--space-1)}.timeline-title{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-primary)}.timeline-desc{font-size:var(--text-xs);color:var(--text-secondary);margin-top:2px}.stat-row{padding:var(--space-2) 0;border-bottom:1px solid var(--border-default);font-size:var(--text-sm);justify-content:space-between;align-items:center;display:flex}.stat-row:last-child{border-bottom:none}.stat-label{color:var(--text-secondary)}.stat-value{color:var(--text-primary);font-weight:var(--font-medium)}.stat-value.mono{font-family:var(--font-mono)}.detail-grid{gap:var(--space-2) var(--space-4);grid-template-columns:140px 1fr;align-items:start;display:grid}.detail-label{font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;padding-top:2px}.detail-value{font-size:var(--text-sm);color:var(--text-primary)}.section{margin-bottom:var(--space-8)}.section-header{margin-bottom:var(--space-4);justify-content:space-between;align-items:center;display:flex}.section-title{font-family:var(--font-display);font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--text-primary)}.grid-2{gap:var(--space-4);grid-template-columns:1fr 1fr;display:grid}.grid-3{gap:var(--space-4);grid-template-columns:repeat(3,1fr);display:grid}.grid-4{gap:var(--space-4);grid-template-columns:repeat(4,1fr);display:grid}@media (width<=1024px){:root{--sidebar-width:var(--sidebar-collapsed-width)}.app-main{margin-left:var(--sidebar-collapsed-width)}.topbar{left:var(--sidebar-collapsed-width)}.grid-4,.grid-3{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){:root{--sidebar-width:0px;--sidebar-collapsed-width:0px}.app-main{margin-left:0}.topbar{left:0}.sidebar{transform:translate(-100%)}.sidebar.mobile-open{width:240px;transform:translate(0)}.app-content{padding:var(--space-4)}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.kpi-grid{grid-template-columns:repeat(2,1fr)}.modal{margin:var(--space-4)}.page-header{flex-direction:column}.toolbar{flex-direction:column;align-items:flex-start}}@media (width<=480px){.kpi-grid{grid-template-columns:1fr}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.2s fadeIn}.animate-slide-up{animation:.25s slideInUp}@media print{.sidebar,.topbar,.btn{display:none!important}.app-main{margin-left:0!important}.app-content{margin-top:0!important;padding:0!important}body{color:#000;background:#fff}}