:root{--bg-page: #0b0d10;--bg-shell: #101318;--bg-card: #141820;--bg-card-raised: #181d26;--bg-muted: #0f131a;--border: #26303d;--border-strong: #334155;--text-primary: #f8fafc;--text-secondary: #cbd5e1;--text-muted: #8b96a8;--accent-blue: #60a5fa;--accent-cyan: #22d3ee;--accent-green: #34d399;--accent-orange: #f59e0b;--accent-red: #f87171;--accent-purple: #a78bfa;--shadow: 0 14px 32px rgba(0, 0, 0, .28);--radius: 8px;--radius-sm: 6px}*{box-sizing:border-box;letter-spacing:0;margin:0;padding:0}html{background:var(--bg-page)}body{background:var(--bg-page);color:var(--text-primary);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;min-height:100vh;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}button,input,select{font:inherit}button{border:0}button:not(:disabled){cursor:pointer}button:disabled{cursor:not-allowed;opacity:.6}select,input{color-scheme:dark}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#334155;border-radius:8px}.navbar{align-items:center;background:#0d1015f5;border-bottom:1px solid var(--border);display:flex;gap:24px;justify-content:space-between;min-height:72px;padding:14px 32px;position:sticky;top:0;z-index:100}.navbar-brand{align-items:center;display:flex;gap:12px;min-width:250px}.navbar-brand-icon{align-items:center;background:#172033;border:1px solid #2f3a4c;border-radius:var(--radius);color:var(--accent-cyan);display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.navbar-title{color:var(--text-primary);font-size:16px;font-weight:700;line-height:1.25}.navbar-subtitle{color:var(--text-muted);font-size:12px;font-weight:500;margin-top:2px}.nav-tabs{align-items:center;background:#0d1117;border:1px solid var(--border);border-radius:var(--radius);display:flex;gap:4px;padding:4px}.nav-tab{align-items:center;background:transparent;border-radius:var(--radius-sm);color:var(--text-muted);display:inline-flex;font-size:13px;font-weight:650;gap:8px;min-height:36px;padding:8px 12px;transition:background .16s ease,color .16s ease,border-color .16s ease;white-space:nowrap}.nav-tab.active{background:var(--bg-card-raised);color:var(--text-primary);box-shadow:inset 0 0 0 1px var(--border-strong)}.nav-tab.inactive:hover{background:#111722;color:var(--text-secondary)}.main{display:flex;flex-direction:column;gap:20px;margin:0 auto;max-width:1440px;padding:28px 32px 48px}.server-banner{background:#60a5fa1a;border:1px solid rgba(96,165,250,.35);border-radius:var(--radius);color:var(--accent-blue);font-size:13px;font-weight:650;line-height:1.5;padding:12px 14px}.stats-grid{display:grid;gap:14px;grid-template-columns:repeat(4,minmax(0,1fr))}.stat-card{align-items:center;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);display:flex;gap:12px;min-height:82px;padding:15px}.stat-card.blue{border-top:3px solid var(--accent-blue)}.stat-card.purple{border-top:3px solid var(--accent-purple)}.stat-card.green{border-top:3px solid var(--accent-green)}.stat-card.orange{border-top:3px solid var(--accent-orange)}.stat-icon{align-items:center;background:#101722;border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-secondary);display:flex;flex-shrink:0;height:38px;justify-content:center;width:38px}.stat-value{color:var(--text-primary);font-size:20px;font-weight:800;line-height:1.15;overflow-wrap:anywhere}.stat-label{color:var(--text-muted);font-size:12px;font-weight:700;margin-top:4px}.selector-bar{align-items:flex-end;background:var(--bg-shell);border:1px solid var(--border);border-radius:var(--radius);display:flex;flex-wrap:wrap;gap:14px;padding:16px}.selector-group{display:flex;flex-direction:column;gap:7px}.selector-label{color:var(--text-muted);font-size:12px;font-weight:700}.selector-input,.selector-select,.chat-input{background:#0c1118;border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);font-size:14px;min-height:38px;min-width:160px;outline:none;padding:8px 11px;transition:border-color .16s ease,background .16s ease,box-shadow .16s ease}.selector-input:focus,.selector-select:focus,.chat-input:focus{background:#0f1621;border-color:var(--accent-blue);box-shadow:0 0 0 3px #60a5fa29}.btn,.icon-button{align-items:center;border-radius:var(--radius-sm);display:inline-flex;font-weight:700;gap:8px;justify-content:center;min-height:38px;transition:background .16s ease,border-color .16s ease,color .16s ease,transform .16s ease}.btn{font-size:14px;padding:9px 14px}.btn-primary{background:#2563eb;color:#fff}.btn-primary:hover:not(:disabled){background:#1d4ed8}.btn-secondary{background:#101722;border:1px solid var(--border-strong);color:var(--text-secondary)}.btn-secondary:hover:not(:disabled){background:#172033;color:var(--text-primary)}.icon-button{background:#101722;border:1px solid var(--border);color:var(--text-secondary);height:40px;padding:0;width:40px}.icon-button:hover:not(:disabled){border-color:var(--border-strong);color:var(--text-primary)}.icon-button.listening{background:#f871711f;border-color:#f8717173;color:var(--accent-red)}.analyzing-badge{align-items:center;align-self:center;background:#0c1118;border:1px solid var(--border);border-radius:var(--radius);color:var(--text-secondary);display:flex;font-size:13px;font-weight:650;gap:6px;margin-left:auto;min-height:38px;padding:8px 12px}.analyzing-badge .blue{color:var(--accent-blue)}.analyzing-badge .purple{color:var(--accent-purple)}.card,.chat-wrap{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.card{padding:18px}.card-header,.section-header{align-items:flex-start;display:flex;gap:14px;justify-content:space-between;margin-bottom:16px}.card-title{align-items:center;color:var(--text-primary);display:flex;font-size:15px;font-weight:750;gap:8px;line-height:1.35}.card-kicker,.card-subtitle{color:var(--text-muted);font-size:12px;font-weight:550;margin-top:3px}.content-grid{display:grid;gap:20px;grid-template-columns:minmax(0,1.45fr) minmax(340px,.8fr)}.kpi-grid{display:grid;gap:14px;grid-template-columns:repeat(4,minmax(0,1fr))}.kpi-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);min-height:118px;padding:16px}.kpi-card.blue{border-top:3px solid var(--accent-blue)}.kpi-card.red{border-top:3px solid var(--accent-red)}.kpi-card.orange{border-top:3px solid var(--accent-orange)}.kpi-card.green{border-top:3px solid var(--accent-green)}.kpi-card.purple{border-top:3px solid var(--accent-purple)}.kpi-header{align-items:flex-start;display:flex;gap:12px;justify-content:space-between;margin-bottom:14px}.kpi-title{color:var(--text-muted);font-size:12px;font-weight:700}.kpi-value{color:var(--text-primary);font-size:25px;font-weight:800;line-height:1.1;overflow-wrap:anywhere}.kpi-icon{align-items:center;background:#101722;border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-secondary);display:flex;flex-shrink:0;height:34px;justify-content:center;width:34px}.mini-stats{display:grid;gap:10px;grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:18px}.mini-stat,.stat-box{background:var(--bg-muted);border:1px solid var(--border);border-radius:var(--radius-sm)}.mini-stat{padding:12px}.mini-stat-value,.stat-box-value{color:var(--text-primary);font-size:18px;font-weight:750;line-height:1.2;overflow-wrap:anywhere}.mini-stat-label,.stat-box-label{color:var(--text-muted);font-size:11px;font-weight:700;margin-top:4px}.stats-2col{display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:16px}.stat-box{padding:13px}.ai-insight{background:#101722;border:1px solid var(--border);border-left:3px solid var(--accent-blue);border-radius:var(--radius-sm);margin-top:18px;padding:13px 14px}.ai-insight p{color:var(--text-secondary);font-size:13px;line-height:1.55}.status-row{display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:18px}.status-badge{align-items:center;border-radius:var(--radius-sm);display:flex;flex-direction:column;font-size:14px;font-weight:800;gap:3px;justify-content:center;min-height:64px;padding:11px;text-align:center}.status-badge span:first-child{font-size:10px;font-weight:750;color:currentColor;opacity:.82}.status-badge.danger{background:#f871711c;border:1px solid rgba(248,113,113,.38);color:var(--accent-red)}.status-badge.success{background:#34d3991a;border:1px solid rgba(52,211,153,.34);color:var(--accent-green)}.status-badge.warning{background:#f59e0b1c;border:1px solid rgba(245,158,11,.36);color:var(--accent-orange)}.progress-bar-wrap{margin-bottom:18px}.progress-bar-header{color:var(--text-muted);display:flex;font-size:12px;font-weight:700;justify-content:space-between;margin-bottom:8px}.progress-bar-bg{background:#0b1017;border:1px solid var(--border);border-radius:999px;height:9px;overflow:hidden}.progress-bar-fill{border-radius:inherit;height:100%;transition:width .35s ease}.risk-card{background:var(--bg-card)}.risk-title-row{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-bottom:16px}.risk-chip{border-radius:999px;font-size:11px;font-weight:800;padding:5px 9px;white-space:nowrap}.risk-chip.danger{background:#f871711f;color:var(--accent-red)}.risk-chip.warning{background:#f59e0b1f;color:var(--accent-orange)}.risk-chip.success{background:#34d3991f;color:var(--accent-green)}.risk-indicator{align-items:center;background:var(--bg-muted);border:1px solid var(--border);border-radius:var(--radius-sm);display:flex;gap:12px;margin-bottom:12px;padding:13px}.risk-indicator.high{border-color:#f871716b}.risk-indicator.medium{border-color:#f59e0b6b}.risk-indicator.low{border-color:#34d3995c}.risk-icon{align-items:center;background:#101722;border:1px solid var(--border);border-radius:var(--radius-sm);display:flex;flex-shrink:0;height:38px;justify-content:center;width:38px}.factor-section{display:flex;flex-direction:column;gap:10px}.factor-strip{display:flex;gap:10px;overflow-x:auto;padding-bottom:4px}.factor-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);display:flex;flex-direction:column;gap:8px;min-width:152px;padding:12px}.factor-date{color:var(--text-muted);font-size:11px;font-weight:700}.factor-line{align-items:center;color:var(--text-secondary);display:flex;font-size:13px;gap:8px}.factor-tag{align-items:center;display:flex;font-size:12px;font-weight:700;gap:7px}.factor-tag.purple{color:var(--accent-purple)}.factor-tag.red{color:var(--accent-red)}.factor-tag.neutral{color:var(--text-muted)}.pattern-grid{display:grid;gap:20px;grid-template-columns:repeat(2,minmax(0,1fr))}.pattern-panel-title{color:var(--text-secondary);font-size:12px;font-weight:750;margin-bottom:12px}.chat-wrap{overflow:hidden}.chat-header,.chat-input-row,.chat-pills{background:#10151d;border-bottom:1px solid var(--border);padding:16px 18px}.chat-header{align-items:center;display:flex;gap:12px}.chat-avatar{align-items:center;background:#172033;border:1px solid #2f3a4c;border-radius:var(--radius);color:var(--accent-cyan);display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.chat-online{align-items:center;color:var(--accent-green);display:flex;font-size:12px;font-weight:650;gap:6px;margin-top:3px}.chat-pills{display:flex;flex-wrap:wrap;gap:8px}.chat-pill{background:#0c1118;border:1px solid var(--border);border-radius:999px;color:var(--text-secondary);font-size:12px;font-weight:650;min-height:32px;padding:7px 12px;white-space:nowrap}.chat-pill:hover:not(:disabled){background:#111722;border-color:var(--border-strong);color:var(--text-primary)}.chat-messages{display:flex;flex-direction:column;gap:14px;height:420px;overflow-y:auto;padding:18px}.chat-msg{display:flex;flex-direction:column}.chat-msg.user{align-items:flex-end}.chat-msg.agent{align-items:flex-start}.chat-bubble{border-radius:var(--radius);color:var(--text-primary);font-size:14px;line-height:1.55;max-width:min(78%,760px);padding:11px 13px}.chat-bubble.user{background:#1d4ed8}.chat-bubble.agent{background:#101722;border:1px solid var(--border)}.chat-time{color:var(--text-muted);font-size:11px;margin-top:5px}.chat-typing{background:#101722;border:1px solid var(--border);border-radius:var(--radius);color:var(--text-muted);font-size:13px;padding:10px 12px}.chat-input-row{align-items:center;border-bottom:0;border-top:1px solid var(--border);display:flex;gap:10px}.chat-input{flex:1;min-width:0}.upload-zone{align-items:center;background:#101722;border:1px dashed var(--border-strong);border-radius:var(--radius);color:var(--text-secondary);cursor:pointer;display:flex;flex-direction:column;gap:8px;justify-content:center;margin-bottom:14px;min-height:168px;padding:24px;text-align:center;transition:background .16s ease,border-color .16s ease}.upload-zone:hover{background:#121a26;border-color:var(--accent-blue)}.upload-note,.mapping-panel{background:var(--bg-muted);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-muted);font-size:12px;line-height:1.6;margin-bottom:14px;padding:13px 14px}.upload-note strong{color:var(--text-secondary)}.upload-icon{color:var(--accent-blue)}.upload-title{color:var(--text-primary);font-size:15px;font-weight:750}.upload-hint{color:var(--text-muted);font-size:12px}.upload-result,.upload-error{border-radius:var(--radius-sm);font-size:13px;line-height:1.5;margin-top:14px;padding:12px 13px}.upload-result{background:#34d39917;border:1px solid rgba(52,211,153,.3);color:var(--accent-green)}.upload-error{background:#f8717117;border:1px solid rgba(248,113,113,.3);color:var(--accent-red)}.format-example{background:var(--bg-muted);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-muted);font-size:12px;line-height:1.7;margin-top:18px;padding:14px}.mapping-panel{margin-top:14px}.mapping-title{color:var(--text-secondary);font-size:12px;font-weight:750;margin-bottom:9px}.mapping-grid{display:grid;gap:6px 14px;grid-template-columns:repeat(2,minmax(0,1fr))}.mapping-row{align-items:center;color:var(--text-muted);display:flex;flex-wrap:wrap;font-size:12px;gap:7px;min-width:0}.mapping-source{color:var(--accent-orange)}.mapping-arrow{color:var(--text-muted)}.mapping-target{color:var(--accent-green);font-weight:700}.format-title{align-items:center;color:var(--text-secondary);display:flex;font-size:12px;font-weight:750;gap:8px;margin-bottom:8px}.inline-code{background:#0c1118;border:1px solid var(--border);border-radius:4px;color:var(--accent-cyan);padding:1px 5px}.simulation-stack{display:flex;flex-direction:column;gap:20px}.simulation-controls{align-items:center;display:grid;gap:16px;grid-template-columns:repeat(3,minmax(0,1fr))}.range-field label{color:var(--text-muted);display:block;font-size:12px;font-weight:700;margin-bottom:8px}input[type=range]{accent-color:var(--accent-blue);width:100%}.toggle-row{align-items:center;display:flex;flex-wrap:wrap;gap:14px;grid-column:span 3}.toggle-label{align-items:center;color:var(--text-secondary);cursor:pointer;display:inline-flex;font-size:13px;font-weight:650;gap:8px}.toggle-label input{accent-color:var(--accent-blue)}.risk-comparison-grid{display:grid;gap:20px;grid-template-columns:repeat(2,minmax(0,1fr))}.border-top-muted{border-top:3px solid var(--border-strong)}.border-top-purple{border-top:3px solid var(--accent-purple)}.muted-text{color:var(--text-muted);font-size:13px;line-height:1.55}.error-text{color:var(--accent-red);font-size:13px;line-height:1.5}.center-state{align-items:center;color:var(--text-muted);display:flex;font-size:13px;justify-content:center;min-height:220px;text-align:center}@media (max-width: 1100px){.content-grid,.risk-comparison-grid{grid-template-columns:1fr}.stats-grid,.kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 800px){.navbar{align-items:stretch;flex-direction:column;padding:14px 16px}.navbar-brand{min-width:0}.nav-tabs{overflow-x:auto;width:100%}.main{padding:18px 16px 36px}.selector-bar{align-items:stretch}.selector-group,.selector-select,.selector-input,.selector-bar .btn,.analyzing-badge{width:100%}.analyzing-badge{justify-content:center;margin-left:0}.pattern-grid,.simulation-controls,.mapping-grid{grid-template-columns:1fr}.toggle-row{grid-column:span 1}.status-row,.stats-2col{grid-template-columns:1fr}.chat-messages{height:340px}.chat-bubble{max-width:92%}}@media (max-width: 560px){.stats-grid,.kpi-grid,.mini-stats{grid-template-columns:1fr}.card,.chat-header,.chat-input-row,.chat-pills,.chat-messages{padding:14px}}