:root{--bg-main:#f6f9fc;--bg-surface:#fff;--bg-surface-secondary:#f1f5f9;--bg-sidebar:#fff;--bg-topbar:#fff;--bg-card:#fff;--bg-input:#fff;--bg-hover:#f8fafc;--bg-active:#eff6ff;--color-primary:#2563eb;--color-primary-dark:#1d4ed8;--color-primary-light:#dbeafe;--color-primary-hover:#1d4ed8;--text-main:#0f172a;--text-secondary:#64748b;--text-muted:#94a3b8;--text-inverse:#fff;--border-color:#e2e8f0;--border-subtle:#f1f5f9;--border-focus:#2563eb;--shadow-sm:0 1px 2px 0 #0f172a0d;--shadow-md:0 4px 6px -1px #0f172a12, 0 2px 4px -2px #0f172a0d;--shadow-lg:0 10px 15px -3px #0f172a14, 0 4px 6px -4px #0f172a0a;--shadow-dropdown:0 12px 24px -4px #0f172a1f;--color-critical:#ef4444;--color-critical-bg:#ef44441a;--color-critical-border:#ef444440;--color-high:#f97316;--color-high-bg:#f973161a;--color-high-border:#f9731640;--color-medium:#f59e0b;--color-medium-bg:#f59e0b1a;--color-medium-border:#f59e0b40;--color-low:#10b981;--color-low-bg:#10b9811a;--color-low-border:#10b98140;--color-info:#0284c7;--color-info-bg:#0284c71a;--tlp-clear-bg:#f1f5f9;--tlp-clear-text:#475569;--tlp-green-bg:#dcfce7;--tlp-green-text:#166534;--tlp-amber-bg:#fef3c7;--tlp-amber-text:#92400e;--tlp-strict-bg:#ffedd5;--tlp-strict-text:#9a3412;--tlp-red-bg:#fee2e2;--tlp-red-text:#991b1b;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-full:9999px;--sidebar-width:260px;--sidebar-collapsed-width:72px;--topbar-height:64px;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-normal:.25s cubic-bezier(.4, 0, .2, 1);--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:"JetBrains Mono", "SFMono-Regular", Consolas, monospace}[data-theme=dark]{--bg-main:#08111f;--bg-surface:#0f172a;--bg-surface-secondary:#111c2e;--bg-sidebar:#0b1423;--bg-topbar:#0f172a;--bg-card:#0f172a;--bg-input:#111c2e;--bg-hover:#16243c;--bg-active:#1e2e4a;--color-primary:#3b82f6;--color-primary-dark:#2563eb;--color-primary-light:#3b82f626;--color-primary-hover:#60a5fa;--text-main:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--text-inverse:#08111f;--border-color:#1e293b;--border-subtle:#172033;--border-focus:#3b82f6;--shadow-sm:0 1px 2px 0 #0000004d;--shadow-md:0 4px 6px -1px #0006, 0 2px 4px -2px #0000004d;--shadow-lg:0 10px 15px -3px #00000080, 0 4px 6px -4px #0000004d;--shadow-dropdown:0 14px 28px -4px #0009;--color-critical:#f87171;--color-critical-bg:#ef44442e;--color-critical-border:#ef444459;--color-high:#fb923c;--color-high-bg:#f973162e;--color-high-border:#f9731659;--color-medium:#fbbf24;--color-medium-bg:#f59e0b2e;--color-medium-border:#f59e0b59;--color-low:#34d399;--color-low-bg:#10b9812e;--color-low-border:#10b98159;--color-info:#38bdf8;--color-info-bg:#38bdf82e;--tlp-clear-bg:#1e293b;--tlp-clear-text:#cbd5e1;--tlp-green-bg:#10b98133;--tlp-green-text:#4ade80;--tlp-amber-bg:#f59e0b33;--tlp-amber-text:#fbbf24;--tlp-strict-bg:#ea580c40;--tlp-strict-text:#fb923c;--tlp-red-bg:#ef444440;--tlp-red-text:#f87171}body.compact-mode{--topbar-height:54px}body.compact-mode .data-table th,body.compact-mode .data-table td{padding:8px 12px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;font-family:var(--font-sans);background-color:var(--bg-main);color:var(--text-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:14px;line-height:1.5}#app{flex-direction:column;min-height:100%;display:flex}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit;font-size:inherit;color:inherit;background:0 0;border:none}input,select,textarea{font-family:inherit;font-size:inherit;color:inherit}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.mono{font-family:var(--font-mono)}.text-muted{color:var(--text-secondary)}.text-primary{color:var(--color-primary)}.flex{display:flex}.flex-col{flex-direction:column;display:flex}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-1{gap:4px}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.gap-6{gap:24px}.app-container{background-color:var(--bg-main);width:100%;min-height:100vh;display:flex;position:relative}.main-wrapper{min-width:0;transition:margin-left var(--transition-normal);flex-direction:column;flex:1;display:flex}.page-content{flex:1;width:100%;max-width:1600px;margin:0 auto;padding:24px 28px 40px}@media (width<=768px){.page-content{padding:16px}}.btn{border-radius:var(--radius-md);transition:all var(--transition-fast);white-space:nowrap;justify-content:center;align-items:center;gap:8px;padding:8px 14px;font-size:13px;font-weight:500;display:inline-flex}.btn-primary{background-color:var(--color-primary);color:#fff;border:1px solid #0000}.btn-primary:hover{background-color:var(--color-primary-dark)}.btn-secondary{background-color:var(--bg-surface);color:var(--text-main);border:1px solid var(--border-color)}.btn-secondary:hover{background-color:var(--bg-hover);border-color:var(--text-muted)}.btn-outline{color:var(--color-primary);border:1px solid var(--color-primary);background-color:#0000}.btn-outline:hover{background-color:var(--color-primary-light)}.btn-ghost{color:var(--text-secondary);background-color:#0000}.btn-ghost:hover{background-color:var(--bg-hover);color:var(--text-main)}.btn-danger{background-color:var(--color-critical-bg);color:var(--color-critical);border:1px solid var(--color-critical-border)}.btn-danger:hover{background-color:var(--color-critical);color:#fff}.btn-sm{border-radius:var(--radius-sm);padding:5px 10px;font-size:12px}.btn-lg{padding:11px 20px;font-size:14px}.badge{border-radius:var(--radius-sm);letter-spacing:.02em;text-transform:uppercase;white-space:nowrap;align-items:center;gap:5px;padding:3px 8px;font-size:11px;font-weight:600;display:inline-flex}.badge-dot{border-radius:50%;width:6px;height:6px;display:inline-block}.badge-critical{background-color:var(--color-critical-bg);color:var(--color-critical);border:1px solid var(--color-critical-border)}.badge-critical .badge-dot{background-color:var(--color-critical)}.badge-high{background-color:var(--color-high-bg);color:var(--color-high);border:1px solid var(--color-high-border)}.badge-high .badge-dot{background-color:var(--color-high)}.badge-medium{background-color:var(--color-medium-bg);color:var(--color-medium);border:1px solid var(--color-medium-border)}.badge-medium .badge-dot{background-color:var(--color-medium)}.badge-low{background-color:var(--color-low-bg);color:var(--color-low);border:1px solid var(--color-low-border)}.badge-low .badge-dot{background-color:var(--color-low)}.badge-status-new{background-color:var(--color-primary-light);color:var(--color-primary);border:1px solid #3b82f640}.badge-status-investigating{background-color:var(--color-medium-bg);color:var(--color-medium);border:1px solid var(--color-medium-border)}.badge-status-contained{color:#8b5cf6;background-color:#8b5cf61f;border:1px solid #8b5cf640}.badge-status-resolved{background-color:var(--color-low-bg);color:var(--color-low);border:1px solid var(--color-low-border)}.badge-status-closed{background-color:var(--bg-surface-secondary);color:var(--text-secondary);border:1px solid var(--border-color)}.badge-tlp-clear{background-color:var(--tlp-clear-bg);color:var(--tlp-clear-text);border:1px solid var(--border-color)}.badge-tlp-green{background-color:var(--tlp-green-bg);color:var(--tlp-green-text);font-weight:700}.badge-tlp-amber{background-color:var(--tlp-amber-bg);color:var(--tlp-amber-text);font-weight:700}.badge-tlp-strict{background-color:var(--tlp-strict-bg);color:var(--tlp-strict-text);border:1px solid #ea580c;font-weight:700}.badge-tlp-red{background-color:var(--tlp-red-bg);color:var(--tlp-red-text);font-weight:700}.card{background-color:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:20px}.card-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.card-title{color:var(--text-main);align-items:center;gap:8px;font-size:15px;font-weight:600;display:flex}.card-subtitle{color:var(--text-secondary);margin-top:2px;font-size:12px}.table-container{background-color:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden}.table-responsive{width:100%;overflow-x:auto}.data-table{border-collapse:collapse;text-align:left;width:100%;font-size:13px}.data-table th{background-color:var(--bg-surface-secondary);color:var(--text-secondary);letter-spacing:.02em;border-bottom:1px solid var(--border-color);white-space:nowrap;padding:12px 16px;font-size:12px;font-weight:600}.data-table td{border-bottom:1px solid var(--border-color);color:var(--text-main);padding:13px 16px}.data-table tbody tr{transition:background-color var(--transition-fast)}.data-table tbody tr:hover{background-color:var(--bg-hover)}.data-table tbody tr:last-child td{border-bottom:none}.form-group{margin-bottom:16px}.form-label{color:var(--text-secondary);margin-bottom:6px;font-size:12px;font-weight:500;display:block}.form-input,.form-select,.form-textarea{border-radius:var(--radius-md);border:1px solid var(--border-color);background-color:var(--bg-input);width:100%;color:var(--text-main);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);outline:none;padding:9px 12px;font-size:13px}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px #2563eb26}.form-input::placeholder,.form-textarea::placeholder{color:var(--text-muted)}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background-color:#08111fb3;justify-content:center;align-items:center;padding:20px;animation:.15s ease-out fadeIn;display:flex;position:fixed;inset:0}.modal-content{background-color:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-xl);width:100%;max-width:640px;max-height:90vh;box-shadow:var(--shadow-lg);animation:.15s ease-out modalScale;overflow-y:auto}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalScale{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.skeleton{background:linear-gradient(90deg, var(--border-subtle) 25%, var(--bg-hover) 50%, var(--border-subtle) 75%);border-radius:var(--radius-sm);background-size:200% 100%;animation:1.5s infinite shimmer}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.toast-container{z-index:9999;flex-direction:column;gap:10px;max-width:380px;display:flex;position:fixed;bottom:24px;right:24px}.toast{border-radius:var(--radius-md);background-color:var(--bg-surface);color:var(--text-main);border:1px solid var(--border-color);box-shadow:var(--shadow-lg);align-items:flex-start;gap:12px;padding:12px 16px;animation:.2s ease-out slideInRight;display:flex}@keyframes slideInRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.auth-card-root{padding:34px 34px 28px}@media (width<=640px){.auth-card-root{padding:22px 18px 20px!important}}.table-responsive{-webkit-overflow-scrolling:touch;scrollbar-width:thin;width:100%;overflow-x:auto}.data-table{width:100%;min-width:680px}.card-header{flex-wrap:wrap;gap:10px}@media (width>=769px){.topbar-user-info{display:block!important}.mobile-sidebar-close-btn{display:none!important}}@media (width<=768px){.mobile-hamburger-btn{display:flex!important}.desktop-sidebar-toggle{display:none!important}.sidebar-root{box-shadow:var(--shadow-xl);top:0;bottom:0;left:0;z-index:1050!important;visibility:hidden!important;pointer-events:none!important;width:280px!important;height:100vh!important;transition:transform .25s cubic-bezier(.4,0,.2,1),visibility .25s!important;position:fixed!important;transform:translate(-100%)!important}.sidebar-root.mobile-open{visibility:visible!important;pointer-events:auto!important;transform:translate(0)!important}.page-content{padding:16px 14px 36px!important}}@media (width<=640px){.topbar-search-btn{width:auto!important;max-width:170px!important;padding:6px 10px!important}.topbar-search-text-full{display:none!important}.topbar-search-text-short{display:inline!important}.topbar-search-kbd,.topbar-user-info{display:none!important}}