@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap";:root{--fab-bg-0:#f9f7f6;--fab-bg-1:#f5f2f0;--fab-bg-2:#ffffffd6;--fab-bg-3:#fff;--fab-bg-hover:#ebf0fa;--fab-bg-active:#dde7f8;--fab-bg-glass:#f5f2f0cc;--fab-bg-card:#ffffffd1;--fab-border:#626a7a29;--fab-border-light:#626a7a47;--fab-border-focus:var(--fab-shield-blue);--fab-text-0:#1c1e21;--fab-text-1:#464c58;--fab-text-2:#646c7d;--fab-text-muted:#868e9c;--fab-shield-blue:#3981f3;--fab-shield-dark:#0055bd;--fab-shield-light:#2672e3;--fab-gold:#92befc;--fab-gold-light:#dbe8ff;--fab-gold-dark:#2967bc;--fab-gradient-header:linear-gradient(135deg, #3981f3, #2672e3);--fab-gradient-card:linear-gradient(135deg, #ffffffe6, #ffffffb3);--fab-success:#299958;--fab-success-bg:#2999581f;--fab-critical:#c82828;--fab-critical-bg:#c828281f;--fab-high:#f57119;--fab-high-bg:#f571191f;--fab-medium:#f0ac19;--fab-medium-bg:#f0ac1924;--fab-low:#1c96ca;--fab-low-bg:#1c96ca1f;--fab-info:#3981f3;--fab-info-bg:#3981f31f;--fab-font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--fab-font-display:"Space Grotesk", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--fab-font-mono:"JetBrains Mono", "Fira Code", "Cascadia Code", monospace;--fab-fs-xs:.6875rem;--fab-fs-sm:.75rem;--fab-fs-base:.8125rem;--fab-fs-md:.875rem;--fab-fs-lg:1rem;--fab-fs-xl:1.25rem;--fab-fs-2xl:1.5rem;--fab-fs-3xl:2rem;--fab-sidebar-w:240px;--fab-sidebar-w-min:56px;--fab-header-h:48px;--fab-content-max:1200px;--fab-glass-blur:12px;--fab-glass-border:1px solid #ffffff4d;--fab-shadow-sm:0 1px 2px #1b1c1c0a;--fab-shadow-card:0 2px 12px #1b22320f;--fab-shadow-md:0 16px 36px #1b1c1c14;--fab-shadow-hover:0 4px 20px #1b22321a;--fab-shadow-lg:0 24px 48px #1b1c1c1a;--fab-shadow-modal:0 8px 32px #1b223226;--fab-shadow-glow:0 18px 36px #3b82f629;--fab-radius-sm:4px;--fab-radius-md:8px;--fab-radius-lg:12px;--fab-radius-xl:16px;--fab-radius-full:9999px;--fab-space-1:.25rem;--fab-space-2:.5rem;--fab-space-3:.75rem;--fab-space-4:1rem;--fab-space-5:1.25rem;--fab-space-6:1.5rem;--fab-space-8:2rem;--fab-space-10:2.5rem;--fab-space-12:3rem;--fab-z-base:1;--fab-z-sticky:100;--fab-z-dropdown:200;--fab-z-modal:300;--fab-z-toast:400;--fab-z-tooltip:500;--fab-ease:cubic-bezier(.4, 0, .2, 1);--fab-duration:.18s;--fab-dur-slow:.35s;--fab-transition:.2s cubic-bezier(.4, 0, .2, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{font-family:var(--fab-font-sans);color:var(--fab-text-0);background:var(--fab-bg-0);line-height:1.6}h1,h2,h3,h4{font-family:var(--fab-font-display);font-weight:600;line-height:1.3}h1{font-size:1.75rem}h2{font-size:1.375rem}h3{font-size:1.125rem}code,pre{font-family:var(--fab-font-mono)}.app-frame{min-height:100vh}.sidebar{background:var(--fab-bg-1);border-right:1px solid var(--fab-border);width:var(--fab-sidebar-w);z-index:100;flex-direction:column;padding:1.25rem 0;display:flex;position:fixed;top:0;bottom:0;left:0}.main-content{margin-left:var(--fab-sidebar-w);min-height:100vh;width:calc(100% - var(--fab-sidebar-w));padding:2rem 2.5rem}.sidebar-brand{align-items:center;gap:.75rem;margin-bottom:2rem;padding:0 1.25rem;display:flex}.sidebar-brand-icon{width:32px;height:32px;color:var(--fab-shield-blue)}.sidebar-brand-name{font-family:var(--fab-font-display);background:var(--fab-gradient-header);-webkit-text-fill-color:transparent;letter-spacing:.05em;-webkit-background-clip:text;background-clip:text;font-size:1.125rem;font-weight:700}.nav-section-label{text-transform:uppercase;letter-spacing:.08em;color:var(--fab-text-2);margin:1.5rem 0 .5rem;padding:0 1.25rem;font-size:.6875rem;font-weight:600}.nav-link{color:var(--fab-text-1);transition:all var(--fab-transition);border-left:3px solid #0000;border-radius:0;align-items:center;gap:.75rem;padding:.5rem 1.25rem;font-size:.875rem;font-weight:500;text-decoration:none;display:flex}.nav-link:hover{background:var(--fab-bg-2);color:var(--fab-text-0)}.nav-link.active{color:var(--fab-shield-blue);border-left-color:var(--fab-shield-blue);background:#2d72d214;font-weight:600}.nav-link svg{flex-shrink:0;width:18px;height:18px}.page-header{margin-bottom:2rem}.page-title{color:var(--fab-text-0);margin-bottom:.25rem;font-size:1.5rem}.page-subtitle{color:var(--fab-text-2);font-size:.875rem}.section-card{background:var(--fab-bg-card);border:var(--fab-glass-border);border-radius:var(--fab-radius-lg);box-shadow:var(--fab-shadow-card);-webkit-backdrop-filter:blur(var(--fab-glass-blur));backdrop-filter:blur(var(--fab-glass-blur));transition:box-shadow var(--fab-transition);padding:1.5rem}.section-card:hover{box-shadow:var(--fab-shadow-hover)}.stat-card{background:var(--fab-bg-card);border:var(--fab-glass-border);border-radius:var(--fab-radius-md);box-shadow:var(--fab-shadow-card);-webkit-backdrop-filter:blur(var(--fab-glass-blur));backdrop-filter:blur(var(--fab-glass-blur));padding:1.25rem}.stat-card-value{font-family:var(--fab-font-display);color:var(--fab-text-0);font-size:1.75rem;font-weight:700}.stat-card-label{color:var(--fab-text-2);margin-top:.25rem;font-size:.8125rem}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1.5rem;display:grid}.button{font-family:var(--fab-font-sans);border-radius:var(--fab-radius-sm);border:1px solid var(--fab-border);color:var(--fab-text-0);cursor:pointer;transition:all var(--fab-transition);background:#fff;justify-content:center;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;text-decoration:none;display:inline-flex}.button:hover{background:var(--fab-bg-1);box-shadow:var(--fab-shadow-card)}.button--primary{background:var(--fab-gradient-header);color:#fff;border:none}.button--primary:hover{opacity:.9;box-shadow:var(--fab-shadow-hover);transform:translateY(-1px)}.button--ghost{background:0 0;border-color:#0000}.button--ghost:hover{background:var(--fab-bg-2)}.button--danger{background:var(--fab-critical);color:#fff;border:none}.button--danger:hover{opacity:.9}.button--sm{padding:.35rem .75rem;font-size:.8125rem}.button svg{width:16px;height:16px}.form-grid{gap:1rem;display:grid}.field{flex-direction:column;gap:.375rem;display:flex}.field-label{color:var(--fab-text-1);font-size:.8125rem;font-weight:600}.form-input{border:1px solid var(--fab-border);border-radius:var(--fab-radius-sm);font-family:var(--fab-font-sans);color:var(--fab-text-0);transition:border-color var(--fab-transition), box-shadow var(--fab-transition);background:#fff;padding:.5rem .75rem;font-size:.875rem}.form-input:focus{border-color:var(--fab-shield-blue);outline:none;box-shadow:0 0 0 3px #2d72d21f}.form-input::placeholder{color:var(--fab-text-2)}select.form-input{cursor:pointer}.data-table{border-collapse:separate;border-spacing:0;width:100%}.data-table th{text-align:left;text-transform:uppercase;letter-spacing:.05em;color:var(--fab-text-2);border-bottom:1px solid var(--fab-border);padding:.75rem 1rem;font-size:.75rem;font-weight:600}.data-table td{border-bottom:1px solid var(--fab-border-light);padding:.75rem 1rem;font-size:.875rem}.data-table tr:hover td{background:var(--fab-bg-1)}.status-dot{border-radius:50%;width:8px;height:8px;margin-right:.5rem;display:inline-block}.status-dot--ok{background:var(--fab-success);box-shadow:0 0 6px var(--fab-success)}.status-dot--warn{background:var(--fab-medium);box-shadow:0 0 6px var(--fab-medium)}.status-dot--error{background:var(--fab-critical);box-shadow:0 0 6px var(--fab-critical)}.status-dot--off{background:var(--fab-text-2)}.severity-badge{border-radius:var(--fab-radius-sm);align-items:center;padding:.2rem .5rem;font-size:.75rem;font-weight:600;display:inline-flex}.severity-badge--success{color:var(--fab-success);background:#29a35c1a}.severity-badge--warning{color:var(--fab-medium);background:#da9c0b1a}.severity-badge--error{color:var(--fab-critical);background:#db24241a}.dropzone{border:2px dashed var(--fab-border);border-radius:var(--fab-radius-lg);text-align:center;cursor:pointer;transition:all var(--fab-transition);background:var(--fab-bg-card);padding:3rem 2rem}.dropzone:hover,.dropzone.active{border-color:var(--fab-shield-blue);background:#2d72d20a}.dropzone-icon{color:var(--fab-shield-blue);margin-bottom:1rem}.dropzone-text{color:var(--fab-text-1);font-size:.9375rem}.dropzone-hint{color:var(--fab-text-2);margin-top:.5rem;font-size:.8125rem}.chat-container{height:calc(100vh - var(--fab-header-h) - 4rem);flex-direction:column;display:flex}.chat-messages{flex-direction:column;flex:1;gap:1rem;padding:1rem 0;display:flex;overflow-y:auto}.chat-message{border-radius:var(--fab-radius-lg);max-width:80%;padding:.875rem 1.125rem;font-size:.9375rem;line-height:1.5;animation:.3s fab-slide-up}.chat-message--user{background:var(--fab-gradient-header);color:#fff;border-bottom-right-radius:var(--fab-radius-sm);align-self:flex-end}.chat-message--assistant{background:var(--fab-bg-card);border:var(--fab-glass-border);box-shadow:var(--fab-shadow-card);border-bottom-left-radius:var(--fab-radius-sm);align-self:flex-start}.chat-message--assistant .agent-badge{color:var(--fab-shield-blue);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.375rem;font-size:.6875rem;font-weight:600}.chat-input-bar{border-top:1px solid var(--fab-border);gap:.75rem;padding:1rem 0;display:flex}.chat-input{border:1px solid var(--fab-border);border-radius:var(--fab-radius-xl);font-family:var(--fab-font-sans);transition:border-color var(--fab-transition);background:#fff;flex:1;padding:.75rem 1rem;font-size:.9375rem}.chat-input:focus{border-color:var(--fab-shield-blue);outline:none;box-shadow:0 0 0 3px #2d72d21f}.chat-send{background:var(--fab-gradient-header);color:#fff;cursor:pointer;width:44px;height:44px;transition:all var(--fab-transition);border:none;border-radius:50%;justify-content:center;align-items:center;display:flex}.chat-send:hover{box-shadow:var(--fab-shadow-hover);transform:scale(1.05)}.chat-send:disabled{opacity:.5;cursor:not-allowed;transform:none}.progress-bar{background:var(--fab-bg-2);border-radius:3px;height:6px;overflow:hidden}.progress-bar-fill{background:var(--fab-gradient-header);border-radius:3px;height:100%;transition:width .5s}@keyframes fab-fade-in{0%{opacity:0}to{opacity:1}}@keyframes fab-slide-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fab-scale-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes fab-pulse{0%,to{opacity:1}50%{opacity:.6}}.animate-in{animation:.3s fab-slide-up}.empty-state{text-align:center;color:var(--fab-text-2);padding:3rem 2rem}.empty-state svg{opacity:.4;width:48px;height:48px;margin-bottom:1rem}.empty-state-title{color:var(--fab-text-1);margin-bottom:.5rem;font-size:1.125rem;font-weight:600}.dialog-overlay{z-index:200;background:#1b22324d;justify-content:center;align-items:center;animation:.2s fab-fade-in;display:flex;position:fixed;inset:0}.dialog-panel{border-radius:var(--fab-radius-lg);width:90%;max-width:480px;box-shadow:var(--fab-shadow-modal);background:#fff;padding:1.5rem;animation:.2s fab-scale-in}.dialog-title{margin-bottom:1rem;font-size:1.125rem;font-weight:600}.dialog-footer{justify-content:flex-end;gap:.5rem;margin-top:1.5rem;display:flex}.toast{border-radius:var(--fab-radius-md);box-shadow:var(--fab-shadow-modal);z-index:300;border-left:4px solid var(--fab-success);background:#fff;padding:.75rem 1.25rem;font-size:.875rem;animation:.3s fab-slide-up;position:fixed;bottom:1.5rem;right:1.5rem}.toast--error{border-left-color:var(--fab-critical)}.toast--warning{border-left-color:var(--fab-medium)}.sidebar-nav{flex:1}.sidebar-footer{border-top:1px solid var(--fab-border);align-items:center;gap:.5rem;padding:.75rem 1.25rem;display:flex}.sidebar-user{min-width:0;color:var(--fab-text-1);flex:1;align-items:center;gap:.5rem;display:flex}.sidebar-user svg{flex-shrink:0}.sidebar-user-name{text-overflow:ellipsis;white-space:nowrap;font-size:.8125rem;font-weight:500;overflow:hidden}.sidebar-logout{color:var(--fab-text-2);cursor:pointer;border-radius:var(--fab-radius-sm);transition:all var(--fab-transition);background:0 0;border:none;flex-shrink:0;align-items:center;padding:.375rem;display:flex}.sidebar-logout:hover{color:var(--fab-critical);background:#db242414}.auth-loading{background:var(--fab-bg-0);min-height:100vh;font-family:var(--fab-font-sans);color:var(--fab-text-1);flex-direction:column;justify-content:center;align-items:center;gap:1.5rem;display:flex}.auth-loading-spinner{border:3px solid var(--fab-border);border-top-color:var(--fab-shield-blue);border-radius:50%;width:40px;height:40px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.auth-error,.auth-denied{background:var(--fab-bg-0);min-height:100vh;font-family:var(--fab-font-sans);justify-content:center;align-items:center;display:flex}.auth-denied-card{background:var(--fab-bg-card);border:var(--fab-glass-border);border-radius:var(--fab-radius-lg);text-align:center;max-width:420px;box-shadow:var(--fab-shadow-modal);-webkit-backdrop-filter:blur(var(--fab-glass-blur));backdrop-filter:blur(var(--fab-glass-blur));padding:2.5rem}.auth-denied-card h2{font-family:var(--fab-font-display);color:var(--fab-critical);margin-bottom:.75rem}.auth-denied-card p{color:var(--fab-text-1);font-size:.9375rem;line-height:1.5}.auth-denied-user{background:var(--fab-bg-1);border-radius:var(--fab-radius-sm);color:var(--fab-text-2);margin-top:1rem;padding:.75rem;font-size:.8125rem}.auth-denied-actions{margin-top:1.5rem}.nav-link span{white-space:nowrap}.button{font-family:var(--fab-font-sans);font-size:var(--fab-fs-md);border:1px solid var(--fab-border);border-radius:var(--fab-radius-md);background:var(--fab-bg-3);color:var(--fab-text-0);cursor:pointer;transition:all var(--fab-duration) var(--fab-ease);white-space:nowrap;justify-content:center;align-items:center;gap:.5rem;padding:.5rem 1.25rem;font-weight:500;line-height:1.4;display:inline-flex}.button:hover{background:var(--fab-bg-hover);border-color:var(--fab-border-light);color:var(--fab-text-0)}.button:active{background:var(--fab-bg-active)}.button:disabled{opacity:.5;cursor:not-allowed}.button--primary{background:var(--fab-shield-blue);border-color:var(--fab-shield-blue);color:#fff}.button--primary:hover{background:var(--fab-bg-3);border-color:var(--fab-shield-blue);color:var(--fab-shield-dark)}.button--primary:active{background:var(--fab-bg-active);color:var(--fab-shield-dark)}.button--danger{background:var(--fab-critical);border-color:var(--fab-critical);color:#fff}.button--danger:hover{background:var(--fab-bg-3);border-color:var(--fab-critical);color:var(--fab-critical)}.button--sm{font-size:var(--fab-fs-sm);border-radius:var(--fab-radius-sm);padding:.25rem .75rem}