:root{--bg-base: #F1F5F9;--bg-surface: #FFFFFF;--bg-elevated: #F8FAFF;--border: #E2E8F4;--text-primary: #0F172A;--text-secondary: #64748B;--text-muted: #94A3B8;--critical: #E11D48;--critical-bg: #FFF1F3;--high: #D97706;--high-bg: #FFFBEB;--medium: #2563EB;--medium-bg: #EFF6FF;--ml: #7C3AED;--ml-bg: #F5F3FF;--success: #059669;--success-bg: #ECFDF5;--radius: 12px;--shadow-sm: 0 1px 3px rgba(15,23,42,.08), 0 4px 16px rgba(15,23,42,.06);--shadow-md: 0 4px 12px rgba(15,23,42,.1), 0 8px 32px rgba(15,23,42,.08);--font-body: "DM Sans", sans-serif;--font-mono: "IBM Plex Mono", monospace}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-base);color:var(--text-primary);font-family:var(--font-body);line-height:1.5;-webkit-font-smoothing:antialiased}button{cursor:pointer;font-family:var(--font-body);transition:all .2s ease;border:none;background:none}input,select,textarea{font-family:var(--font-body)}.mono{font-family:var(--font-mono)}.app-container{display:flex;flex-direction:column;min-height:100vh}.header{background-color:var(--bg-surface);border-bottom:1px solid var(--border);padding:0 32px;height:56px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 1px #e2e8f4,0 2px 8px #0f172a0a;position:sticky;top:0;z-index:100}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.brand{display:flex;align-items:center;gap:12px}.brand-text-container{display:flex;flex-direction:column}.brand-title{font-weight:600;font-size:17px;color:#0f172a;line-height:1.2;letter-spacing:-.02em}.brand-subtitle{font-size:10px;font-weight:600;color:#94a3b8;text-transform:uppercase;letter-spacing:.12em}.header-divider{width:1px;height:20px;background-color:#e2e8f4;margin:0 16px}.header-version{font-family:var(--font-mono);font-size:10px;color:#cbd5e1;margin-right:auto}.connection-status{background-color:transparent;color:#374151;border:none;padding:0;border-radius:0;font-family:var(--font-mono);font-size:11px;font-weight:500;letter-spacing:.06em;display:flex;align-items:center;gap:8px}.status-dot{width:8px;height:8px;background-color:#059669;border-radius:50%}.pulse{animation:pulse-animation 2s infinite}@keyframes pulse-animation{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.nav-tabs{background-color:#fafbff;border-bottom:1px solid var(--border);display:flex;padding:0 32px}.tab{padding:14px 24px;font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.1em;color:#94a3b8;position:relative;transition:color .2s;background:transparent;border:none}.tab:hover{color:var(--text-primary)}.tab.active{color:#0f172a;background:transparent;border:none;font-weight:600}.tab.active:after{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background-color:#e11d48}.main-content{flex:1}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;padding:24px 32px}.stat-card{background-color:#fff;border:1px solid #E2E8F4;border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:20px 24px;position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;border-radius:12px 0 0 12px;background:linear-gradient(180deg,var(--accent-color) 0%,color-mix(in srgb,var(--accent-color) 53%,transparent) 100%)}.stat-label{font-size:10px;font-weight:500;text-transform:uppercase;color:#94a3b8;letter-spacing:.12em;margin-bottom:8px}.stat-meta{position:absolute;top:20px;right:24px;text-align:right;display:flex;flex-direction:column}.stat-pct{font-family:var(--font-mono);font-size:13px;opacity:.6}.stat-pct-label{font-size:9px;text-transform:uppercase;color:var(--text-muted);letter-spacing:.08em}.stat-value{font-family:var(--font-mono);font-size:44px;font-weight:600;line-height:1;margin:8px 0;letter-spacing:-.03em}.stat-sublabel{font-size:12px;color:#64748b;margin-top:6px}.chart-card{background-color:var(--bg-surface);border:1px solid var(--border);box-shadow:var(--shadow-sm);border-radius:12px;margin:0 32px 24px;display:flex;flex-direction:column}.chart-header{padding:20px 24px;display:flex;justify-content:space-between;align-items:flex-start}.chart-title-group{display:flex;flex-direction:column}.chart-title{font-size:11px;font-weight:600;text-transform:uppercase;color:var(--text-muted);letter-spacing:.05em}.chart-subtitle{font-size:12px;color:var(--text-secondary);margin-top:2px}.chart-legend{display:flex;gap:16px;font-family:var(--font-mono);font-size:11px}.legend-item{display:flex;align-items:center;gap:6px}.legend-dot{width:8px;height:8px;border-radius:50%}.chart-body{padding:0 24px 20px}.chart-footer{padding:12px 20px;border-top:1px solid var(--border);font-size:12px;color:#64748b;display:flex;justify-content:center;gap:8px;margin-top:16px}.table-card{background-color:var(--bg-surface);border:1px solid var(--border);box-shadow:var(--shadow-sm);border-radius:12px;margin:0 32px 32px;overflow:hidden}.table-filter-bar{padding:16px 20px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center}.filter-group{display:flex;gap:16px}.filter-item{display:flex;flex-direction:column;gap:6px}.filter-label{font-size:10px;font-weight:600;text-transform:uppercase;color:var(--text-muted);letter-spacing:.05em}.filter-select{background-color:var(--bg-elevated);border:1px solid var(--border);border-radius:6px;padding:8px 12px;color:var(--text-primary);font-size:13px;min-width:160px;outline:none}.table-stats{font-family:var(--font-mono);font-size:12px;color:var(--text-muted)}table{width:100%;border-collapse:collapse}thead{background-color:var(--bg-elevated)}th{padding:12px 20px;text-align:left;font-size:10px;font-weight:500;text-transform:uppercase;letter-spacing:.12em;color:var(--text-muted);border-bottom:1px solid var(--border)}tr{border-bottom:1px solid var(--border);transition:background-color .15s,background .1s ease}tr:last-child{border-bottom:none}tr:hover{background-color:#f1f5ff}td{padding:14px 20px;font-size:13px;color:var(--text-secondary)}.severity-badge{display:inline-flex;padding:3px 10px;border-radius:20px;font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.04em}.rule-badge{background-color:var(--bg-elevated);border:1px solid var(--border);padding:2px 6px;border-radius:4px;font-family:var(--font-mono);font-size:10px;color:var(--text-secondary);margin-right:4px}.score-container{display:flex;flex-direction:column}.score-bar{height:3px;border-radius:2px;margin-top:3px}.review-btn{border:1px solid var(--border);background:transparent;color:var(--text-muted);padding:5px 12px;border-radius:6px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;transition:all .2s}.review-btn:hover{border-color:var(--critical);color:var(--critical)}.view-investigate{padding:24px 32px}.search-section{margin-bottom:32px}.search-label{font-size:10px;font-weight:600;text-transform:uppercase;color:var(--text-muted);margin-bottom:8px}.search-row{display:flex;gap:12px}.search-input{flex:1;background-color:var(--bg-surface);border:1px solid var(--border);border-radius:8px;padding:10px 16px;font-family:var(--font-mono);font-size:14px;outline:none}.lookup-btn{background-color:var(--critical);color:#fff;border-radius:8px;padding:10px 24px;font-weight:600;font-size:14px}.flagged-section{display:flex;flex-direction:column}.flagged-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.flagged-card{background-color:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:16px 20px;position:relative;cursor:pointer;transition:all .15s ease}.flagged-card:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.flagged-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;border-radius:12px 0 0 12px;background:linear-gradient(180deg,var(--accent-color) 0%,color-mix(in srgb,var(--accent-color) 53%,transparent) 100%)}.flagged-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.flagged-id{font-family:var(--font-mono);font-size:18px;font-weight:600;color:var(--text-primary)}.flagged-score{font-family:var(--font-mono);font-size:18px;font-weight:600}.flagged-role{font-size:12px;color:var(--text-secondary);margin-bottom:12px}.anomaly-badge{display:inline-block;font-size:10px;font-weight:600;text-transform:uppercase;font-family:var(--font-mono)}.profile-result{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:24px}.profile-card{background-color:var(--bg-surface);box-shadow:var(--shadow-sm);border-radius:12px;padding:24px}.profile-id{font-family:var(--font-mono);font-size:28px;font-weight:700;color:var(--text-primary);margin-bottom:12px}.profile-meta{display:flex;align-items:center;gap:12px;margin-bottom:24px}.section-label{font-size:10px;font-weight:600;text-transform:uppercase;color:var(--text-muted);margin-bottom:16px;letter-spacing:.05em}.metric-row{margin-bottom:16px}.metric-header{display:flex;justify-content:space-between;margin-bottom:6px;font-size:12px;color:var(--text-muted)}.progress-track{height:6px;background-color:var(--border);border-radius:3px;overflow:hidden}.progress-fill{height:100%;border-radius:3px}.history-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:24px}.history-stat{text-align:center;padding:12px;border:1px solid var(--border);border-radius:8px}.history-stat-value{font-family:var(--font-mono);font-size:18px;font-weight:600;display:block}.history-stat-label{font-size:10px;color:var(--text-muted);text-transform:uppercase}.status-dot-small{width:8px;height:8px;border-radius:50%;display:inline-block}.drawer-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0f172a59;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:1000;display:flex;justify-content:flex-end}.drawer{width:420px;height:100%;background-color:var(--bg-surface);border-left:1px solid var(--border);box-shadow:-8px 0 40px #0f172a1f;display:flex;flex-direction:column}.drawer-header{background-color:var(--bg-elevated);padding:20px 24px;border-bottom:1px solid var(--border);position:relative}.close-btn{position:absolute;top:20px;right:24px;font-size:24px;color:var(--text-muted);line-height:1}.drawer-body{padding:24px;flex:1;overflow-y:auto}.explanation-text{font-size:14px;line-height:1.6;color:var(--text-secondary);margin-bottom:24px}.status-buttons{display:flex;gap:8px;margin-bottom:24px}.status-btn{flex:1;padding:8px;border-radius:20px;font-size:11px;font-weight:600;text-transform:uppercase;border:1px solid var(--border);color:var(--text-muted)}.status-btn.active.open{background-color:#fff;border-color:var(--critical);color:var(--critical)}.status-btn.active.investigating{background-color:var(--high-bg);border-color:var(--high);color:var(--high)}.status-btn.active.resolved{background-color:var(--success-bg);border-color:var(--success);color:var(--success)}.input-field{width:100%;background-color:#fff;border:1px solid var(--border);border-radius:8px;padding:10px;margin-bottom:16px;font-size:14px;outline:none}.save-btn{width:100%;background-color:var(--critical);color:#fff;font-weight:600;font-size:14px;padding:12px;border-radius:8px;text-transform:uppercase;letter-spacing:.06em;margin-top:24px}.save-btn:hover{background-color:#c01040}.error-banner{position:fixed;bottom:0;left:0;right:0;background-color:var(--critical);color:#fff;padding:8px 32px;font-size:12px;text-align:center;z-index:2000}