.header-container{display:flex;justify-content:space-between;align-items:center;padding:18px 24px;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:var(--shadow-md);flex-wrap:wrap;gap:16px}.brand-section{display:flex;align-items:center;gap:16px}.brand-logo-wrapper{width:48px;height:48px;border-radius:var(--radius-md);background:linear-gradient(135deg,#0284c7,#6366f1);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px #0284c766;color:#fff;flex-shrink:0}.brand-info{display:flex;flex-direction:column;gap:2px}.brand-title-row{display:flex;align-items:center;gap:10px}.brand-title{font-size:1.6rem;font-weight:800;background:linear-gradient(120deg,#fff 30%,#38bdf8 80%,#818cf8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-.03em}.badge-buildathon{padding:3px 9px;border-radius:6px;background:#6366f126;border:1px solid rgba(99,102,241,.35);color:#a5b4fc;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em}.brand-subtitle{font-size:.85rem;color:var(--text-secondary)}.header-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.btn-generate-data{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:linear-gradient(135deg,#0284c7,#2563eb);color:#fff;border:1px solid rgba(56,189,248,.4);border-radius:var(--radius-md);font-family:var(--font-body);font-size:.85rem;font-weight:600;cursor:pointer;box-shadow:0 2px 10px #0284c759;transition:all .2s cubic-bezier(.4,0,.2,1)}.btn-generate-data:hover:not(:disabled){background:linear-gradient(135deg,#0369a1,#1d4ed8);box-shadow:0 4px 16px #38bdf880;transform:translateY(-1px)}.btn-generate-data:disabled{opacity:.6;cursor:not-allowed}.spin-icon{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.backend-indicator{display:flex;align-items:center;gap:10px;padding:8px 14px;background:#0f172a99;border:1px solid var(--border-subtle);border-radius:var(--radius-md);font-size:.8rem;color:var(--text-secondary)}.backend-indicator strong{color:var(--text-primary)}.toast-notification{position:fixed;top:24px;right:28px;z-index:9999;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 18px;background:#0f172af2;border:1px solid rgba(16,185,129,.4);border-radius:var(--radius-md);box-shadow:0 10px 30px #00000080,0 0 15px #10b98133;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);animation:slideDown .3s cubic-bezier(.16,1,.3,1);color:var(--text-primary);font-size:.88rem}@keyframes slideDown{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}.toast-content{display:flex;align-items:center;gap:10px}.toast-close-btn{background:transparent;border:none;color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;padding:4px;border-radius:4px}.toast-close-btn:hover{color:var(--text-primary);background:#ffffff1a}.tabs-navigation{display:flex;gap:8px;padding:6px;background:#0f172ab3;border:1px solid var(--border-subtle);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.nav-tab-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:10px;padding:12px 18px;background:transparent;border:none;border-radius:var(--radius-md);color:var(--text-secondary);font-family:var(--font-body);font-size:.92rem;font-weight:600;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1)}.nav-tab-btn:hover{color:var(--text-primary);background:#ffffff0a}.nav-tab-btn.active{background:linear-gradient(135deg,#2563eb40,#6366f159);color:#fff;border:1px solid rgba(56,189,248,.35);box-shadow:0 4px 16px #2563eb33}.nav-tab-btn.active svg{color:var(--accent-cyan)}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px}.metric-card{padding:20px;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);display:flex;flex-direction:column;gap:14px;position:relative;overflow:hidden;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.metric-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg);border-color:#ffffff29}.metric-card-header{display:flex;justify-content:space-between;align-items:center}.metric-label{font-size:.82rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary)}.metric-icon-box{width:38px;height:38px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center}.metric-icon-box.cyan{background:#38bdf81f;color:var(--accent-cyan);border:1px solid rgba(56,189,248,.25)}.metric-icon-box.emerald{background:#10b9811f;color:var(--accent-emerald);border:1px solid rgba(16,185,129,.25)}.metric-icon-box.rose{background:#f43f5e1f;color:var(--accent-rose);border:1px solid rgba(244,63,94,.25)}.metric-icon-box.indigo{background:#6366f11f;color:var(--accent-indigo);border:1px solid rgba(99,102,241,.25)}.metric-icon-box.amber{background:#f59e0b1f;color:var(--accent-amber);border:1px solid rgba(245,158,11,.25)}.metric-value-row{display:flex;align-items:baseline;gap:8px}.metric-value{font-size:2.2rem;font-weight:700;font-family:var(--font-heading);color:var(--text-primary);line-height:1}.metric-subtext{font-size:.78rem;color:var(--text-muted)}.metric-card-accent{position:absolute;top:0;left:0;right:0;height:3px;background:transparent}.metric-card:hover .metric-card-accent.cyan{background:var(--accent-cyan)}.metric-card:hover .metric-card-accent.emerald{background:var(--accent-emerald)}.metric-card:hover .metric-card-accent.rose{background:var(--accent-rose)}.metric-card:hover .metric-card-accent.indigo{background:var(--accent-indigo)}.metric-card:hover .metric-card-accent.amber{background:var(--accent-amber)}.generation-banner{display:flex;justify-content:space-between;align-items:center;background:linear-gradient(135deg,#10b9811f,#38bdf81a);border:1px solid rgba(16,185,129,.35);border-radius:var(--radius-lg);padding:16px 20px;margin-bottom:20px;flex-wrap:wrap;gap:16px}.generation-banner-left{display:flex;align-items:center;gap:14px}.success-icon-badge{width:42px;height:42px;border-radius:10px;background:#10b98133;color:#34d399;display:flex;align-items:center;justify-content:center;flex-shrink:0}.generation-banner-title{font-size:1rem;font-weight:700;color:#f8fafc}.generation-banner-desc{font-size:.84rem;color:var(--text-secondary)}.generation-stats-pills{display:flex;gap:8px;flex-wrap:wrap}.stat-tag{padding:5px 10px;border-radius:6px;font-size:.78rem;background:#0f172ab3;border:1px solid var(--border-subtle);color:var(--text-secondary)}.stat-tag strong{color:var(--text-primary);margin-right:4px}.stat-tag.cyan{border-color:#38bdf84d}.stat-tag.emerald{border-color:#10b9814d}.stat-tag.indigo{border-color:#6366f14d}.stat-tag.rose{border-color:#f43f5e4d}.dataset-files-container{display:flex;flex-direction:column;gap:14px}.dataset-files-intro{font-size:.85rem;color:var(--text-secondary)}.dataset-files-intro code{background:#ffffff14;padding:2px 6px;border-radius:4px;color:var(--accent-cyan)}.file-cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.file-card{padding:14px;background:#0f172a99;border:1px solid var(--border-subtle);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:6px;transition:all .2s ease}.file-card:hover{border-color:#ffffff2e;transform:translateY(-2px)}.file-card.highlight-rose{background:#f43f5e0d;border-color:#f43f5e40}.file-card-header{display:flex;align-items:center;gap:8px}.file-name{font-size:.85rem;font-weight:600;color:var(--text-primary)}.file-card-count{font-size:1.25rem;font-weight:700;color:var(--text-primary)}.file-desc{font-size:.75rem;color:var(--text-muted)}.btn-generate-hero{display:inline-flex;align-items:center;gap:10px;margin-top:10px;padding:10px 20px;background:linear-gradient(135deg,#0284c7,#6366f1);color:#fff;border:1px solid rgba(56,189,248,.4);border-radius:var(--radius-md);font-size:.9rem;font-weight:600;cursor:pointer;box-shadow:0 4px 16px #0284c766;transition:all .2s cubic-bezier(.4,0,.2,1)}.btn-generate-hero:hover:not(:disabled){background:linear-gradient(135deg,#0369a1,#4f46e5);box-shadow:0 6px 20px #38bdf899;transform:translateY(-2px)}.btn-generate-hero:disabled{opacity:.6;cursor:not-allowed}.panel-grid{display:grid;grid-template-columns:2fr 1fr;gap:20px}@media(max-width:1024px){.panel-grid{grid-template-columns:1fr}}.panel-card{padding:24px;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:var(--shadow-md);display:flex;flex-direction:column;gap:18px}.panel-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border-subtle);padding-bottom:14px}.panel-title{font-size:1.15rem;font-weight:700;display:flex;align-items:center;gap:8px;color:var(--text-primary)}.panel-body-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;text-align:center;border:1px dashed rgba(255,255,255,.12);border-radius:var(--radius-md);background:#0f172a66;gap:12px}.placeholder-icon{width:52px;height:52px;border-radius:50%;background:#38bdf81a;display:flex;align-items:center;justify-content:center;color:var(--accent-cyan);margin-bottom:6px}.placeholder-title{font-size:1.05rem;font-weight:600;color:var(--text-primary)}.placeholder-desc{font-size:.85rem;color:var(--text-muted);max-width:420px}.feed-list{display:flex;flex-direction:column;gap:12px}.feed-item{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;background:#ffffff05;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);font-size:.85rem}.feed-item-left{display:flex;align-items:center;gap:10px}.feed-item-title{font-weight:500;color:var(--text-primary)}.feed-item-time{font-size:.75rem;color:var(--text-muted)}.assistant-container{display:flex;flex-direction:column;gap:18px}.ai-hero-banner{padding:20px 24px;background:linear-gradient(135deg,#6366f11f,#38bdf81f);border:1px solid rgba(99,102,241,.3);border-radius:var(--radius-lg);display:flex;align-items:center;gap:18px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 4px 20px #00000040;position:relative}.ai-hero-content{flex:1}.ai-hero-title-row{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:4px}.ai-hero-title{font-size:1.25rem;font-weight:700;color:var(--text-primary);display:flex;align-items:center;gap:8px}.ai-data-source-badge{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;background:#10b9811f;border:1px solid rgba(16,185,129,.35);border-radius:999px;font-size:.75rem;font-weight:600;color:#34d399}.ai-hero-subtitle{font-size:.86rem;color:var(--text-secondary);line-height:1.45}.btn-clear-chat{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;background:#ffffff0d;border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-muted);font-size:.78rem;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-clear-chat:hover{background:#ef444426;border-color:#ef444459;color:#fca5a5}.suggested-questions-section{display:flex;flex-direction:column;gap:10px;padding:16px 20px;background:#0f172a73;border:1px solid var(--border-subtle);border-radius:var(--radius-md)}.suggested-label{display:flex;align-items:center;gap:6px;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--accent-indigo)}.suggested-chips-grid{display:flex;flex-wrap:wrap;gap:8px}.suggested-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;background:#1e293bb3;border:1px solid rgba(99,102,241,.25);border-radius:999px;color:#e2e8f0;font-family:var(--font-body);font-size:.82rem;font-weight:500;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 4px #0003}.suggested-chip:hover:not(:disabled){background:linear-gradient(135deg,#6366f14d,#38bdf84d);border-color:var(--accent-cyan);color:#fff;transform:translateY(-1px);box-shadow:0 4px 12px #38bdf840}.suggested-chip:disabled{opacity:.5;cursor:not-allowed}.chip-icon{color:var(--accent-cyan)}.ai-chat-card{display:flex;flex-direction:column;background:#0f172ab3;border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);overflow:hidden;height:580px}.ai-messages-scrollarea{flex:1;overflow-y:auto;padding:24px;display:flex;flex-direction:column;gap:20px}.ai-message-row{display:flex;gap:12px;max-width:85%;animation:fadeIn .25s ease forwards}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.row-user{align-self:flex-end;flex-direction:row}.row-ai{align-self:flex-start;flex-direction:row}.msg-avatar{width:34px;height:34px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:.75rem;font-weight:700}.msg-avatar.ai{background:linear-gradient(135deg,#6366f1,#0284c7);color:#fff;box-shadow:0 2px 10px #6366f159}.msg-avatar.user{background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff}.msg-avatar.pulse{animation:pulseAvatar 1.5s infinite}@keyframes pulseAvatar{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.08);opacity:.8}}.bubble-user{background:linear-gradient(135deg,#1d4ed8,#2563eb);border:1px solid rgba(96,165,250,.3);color:#fff;border-radius:16px 16px 4px;padding:14px 18px;box-shadow:0 4px 14px #2563eb40}.bubble-ai{background:#1e293bbf;border:1px solid rgba(255,255,255,.09);border-radius:16px 16px 16px 4px;padding:18px 22px;color:var(--text-primary);box-shadow:0 4px 16px #00000040;flex:1}.bubble-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;padding-bottom:6px;border-bottom:1px solid rgba(255,255,255,.06);font-size:.75rem}.bubble-sender{font-weight:600;color:var(--text-secondary)}.bubble-user .bubble-sender{color:#bfdbfe}.bubble-time{color:var(--text-muted)}.bubble-user .bubble-time{color:#93c5fd}.bubble-content{font-size:.9rem;line-height:1.6}.ai-markdown-body{display:flex;flex-direction:column;gap:8px}.ai-md-h2{font-size:1.15rem;font-weight:750;color:#fff;margin:6px 0 2px;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:4px}.ai-md-h3{font-size:1.02rem;font-weight:700;color:var(--accent-cyan);margin:4px 0 2px}.ai-md-p{margin:0;color:#e2e8f0}.ai-md-list-item{margin-left:16px;list-style-type:disc;color:#cbd5e1}.ai-md-numbered-item{display:flex;gap:8px;color:#cbd5e1}.ai-num-bullet{font-weight:700;color:var(--accent-cyan)}.ai-md-quote{border-left:3px solid var(--accent-cyan);background:#38bdf80f;padding:8px 12px;border-radius:0 var(--radius-sm) var(--radius-sm) 0;margin:4px 0;font-size:.85rem;color:#94a3b8}.ai-chat-divider{border:0;border-top:1px dashed rgba(255,255,255,.12);margin:6px 0}.ai-md-spacing{height:4px}.ai-inline-code{font-family:var(--font-mono);font-size:.85rem;background:#0f172a99;border:1px solid rgba(255,255,255,.1);border-radius:4px;padding:2px 6px;color:#38bdf8}.payment-id-tag{background:#6366f12e;border-color:#6366f166;color:#a5b4fc;font-weight:600}.ai-bold-text{font-weight:700;color:#fff}.ai-currency-highlight{font-family:var(--font-mono);font-weight:700;color:#fbbf24;background:#f59e0b1f;border:1px solid rgba(245,158,11,.25);padding:1px 5px;border-radius:4px;display:inline-block}.ai-severity-tag{display:inline-flex;align-items:center;gap:4px;padding:2px 7px;border-radius:999px;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;margin:0 2px}.ai-severity-tag.high{background:#f43f5e26;border:1px solid rgba(244,63,94,.4);color:#fca5a5}.ai-severity-tag.medium{background:#f59e0b26;border:1px solid rgba(245,158,11,.4);color:#fcd34d}.ai-severity-tag.low{background:#10b98126;border:1px solid rgba(16,185,129,.4);color:#86efac}.bubble-context-pill{display:inline-flex;align-items:center;gap:6px;margin-top:10px;padding:6px 12px;background:#0f172a99;border:1px solid var(--border-subtle);border-radius:var(--radius-md);font-size:.78rem;color:var(--text-secondary)}.api-key-notice-box{margin-top:12px;padding:12px 14px;background:#f59e0b14;border:1px solid rgba(245,158,11,.3);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:4px}.notice-header{display:flex;align-items:center;gap:6px;font-size:.82rem;color:#fbbf24}.notice-text{font-size:.78rem;color:#d1d5db;line-height:1.4;margin:0}.bubble-footer{display:flex;justify-content:space-between;align-items:center;margin-top:12px;padding-top:8px;border-top:1px solid rgba(255,255,255,.05)}.bubble-source-tag{display:inline-flex;align-items:center;gap:5px;font-size:.73rem;color:#6ee7b7;font-weight:500}.btn-copy-msg{display:inline-flex;align-items:center;gap:4px;background:transparent;border:none;color:var(--text-muted);font-size:.75rem;cursor:pointer;padding:2px 6px;border-radius:4px;transition:all .15s}.btn-copy-msg:hover{background:#ffffff0f;color:var(--text-primary)}.loading-bubble{background:#1e293b80}.typing-indicator{display:flex;align-items:center;gap:10px;font-size:.85rem;color:var(--text-secondary)}.chat-input-container{padding:16px 20px;background:#0f172af2;border-top:1px solid var(--border-subtle);display:flex;flex-direction:column;gap:6px}.chat-input-wrapper{display:flex;gap:10px}.chat-input-box{flex:1;background:#1e293bcc;border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:12px 18px;color:var(--text-primary);font-family:var(--font-body);font-size:.92rem;outline:none;transition:all .2s ease}.chat-input-box:focus{border-color:var(--accent-cyan);box-shadow:0 0 0 2px #38bdf833;background:#1e293bf2}.chat-submit-btn{padding:0 24px;background:linear-gradient(135deg,#0284c7,#2563eb);border:1px solid rgba(56,189,248,.4);border-radius:var(--radius-md);color:#fff;font-family:var(--font-body);font-weight:600;font-size:.9rem;cursor:pointer;display:inline-flex;align-items:center;gap:8px;box-shadow:0 2px 10px #0284c759;transition:all .2s ease}.chat-submit-btn:hover:not(:disabled){background:linear-gradient(135deg,#0369a1,#1d4ed8);transform:translateY(-1px);box-shadow:0 4px 16px #38bdf880}.chat-submit-btn:disabled{opacity:.5;cursor:not-allowed}.chat-input-hints{font-size:.72rem;color:var(--text-muted);padding-left:2px}.app-footer{text-align:center;padding-top:16px;font-size:.8rem;color:var(--text-muted);border-top:1px solid var(--border-subtle)}.recon-page{width:100%;padding:8px 0 40px}.recon-header{background:linear-gradient(135deg,#14234be6,#101937cc);border:1px solid rgba(90,130,200,.22);border-radius:18px;padding:28px 30px;margin-bottom:20px;box-shadow:0 18px 45px #0000002e}.recon-header-content{display:flex;justify-content:space-between;align-items:center;gap:24px}.recon-title-row{display:flex;align-items:center;gap:18px}.recon-icon{width:58px;height:58px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:30px;color:#42b9ff;background:#2382dc24;border:1px solid rgba(65,180,255,.25)}.recon-eyebrow,.recon-card-label{font-size:11px;font-weight:700;letter-spacing:1.4px;color:#6fa8dc}.recon-header h2{margin:4px 0 6px;font-size:28px;color:#f4f7ff}.recon-header p{margin:0;color:#8395b5;font-size:14px}.recon-header-actions{display:flex;align-items:center;gap:14px}.recon-status{display:flex;align-items:center;gap:8px;padding:10px 14px;border-radius:999px;background:#19b47d14;border:1px solid rgba(25,210,150,.2);color:#35d69a;font-size:13px;font-weight:600}.recon-status-dot{width:8px;height:8px;border-radius:50%;background:#35d69a;box-shadow:0 0 12px #35d69acc}.recon-run-button,.recon-primary-button{border:0;cursor:pointer;color:#fff;font-weight:700;border-radius:11px;background:linear-gradient(135deg,#168de2,#4963e8);padding:13px 20px;box-shadow:0 8px 24px #236edc40;transition:.2s ease}.recon-run-button:hover,.recon-primary-button:hover{transform:translateY(-1px);box-shadow:0 12px 28px #236edc59}.recon-run-button:disabled{opacity:.65;cursor:wait;transform:none}.recon-alert{display:flex;align-items:center;gap:14px;padding:16px 18px;border-radius:14px;margin-bottom:20px}.recon-alert>span{font-size:21px;font-weight:800}.recon-alert strong{display:block;color:#f4f7ff;margin-bottom:3px}.recon-alert p{margin:0;color:#8293b2;font-size:13px}.recon-alert-success{background:#1ebe8214;border:1px solid rgba(30,210,145,.2)}.recon-alert-success>span{color:#35d69a}.recon-alert-error{background:#f0415a14;border:1px solid rgba(240,65,90,.25)}.recon-alert-error>span{color:#ff5572}.recon-success-rate{margin-left:auto;font-size:22px;font-weight:800;color:#35d69a;text-align:right}.recon-success-rate small{display:block;color:#7184a5;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:1px}.recon-ready-card,.recon-loading-card{display:flex;align-items:center;gap:22px;padding:34px;border-radius:18px;background:#0e1830bf;border:1px solid rgba(90,125,185,.18);margin-bottom:20px}.recon-ready-icon,.recon-spinner{width:66px;height:66px;flex-shrink:0;border-radius:18px;display:flex;align-items:center;justify-content:center;background:#2896f01a;color:#43baff;font-size:32px}.recon-spinner{animation:recon-spin 1s linear infinite}@keyframes recon-spin{to{transform:rotate(360deg)}}.recon-ready-card h3,.recon-loading-card h3{margin:5px 0 7px;color:#f2f6ff;font-size:21px}.recon-ready-card p,.recon-loading-card p{margin:0;max-width:680px;color:#7e91b1;line-height:1.6}.recon-primary-button{margin-left:auto;white-space:nowrap}.recon-metrics-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:20px}.recon-metric-card{min-height:145px;padding:22px;border-radius:16px;background:#0e1830c7;border:1px solid rgba(90,125,185,.17);box-shadow:0 12px 35px #0000001f}.recon-metric-top{display:flex;justify-content:space-between;align-items:center;color:#8498b9;font-size:13px;font-weight:600}.recon-metric-card>strong{display:block;margin-top:15px;color:#f5f8ff;font-size:32px;letter-spacing:-1px}.recon-metric-card small{display:block;margin-top:5px;color:#607596;font-size:11px}.recon-metric-icon{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:17px}.recon-metric-icon.blue{color:#36b7ff;background:#32b4ff1a}.recon-metric-icon.green{color:#34d69a;background:#28d2911a}.recon-metric-icon.red{color:#ff5572;background:#ff4b691a}.recon-metric-icon.purple{color:#8c79ff;background:#785aff1a}.recon-progress,.recon-mini-bar{height:5px;overflow:hidden;border-radius:99px;background:#647da521}.recon-progress{margin-top:14px}.recon-progress div,.recon-mini-bar div{height:100%;border-radius:inherit;background:linear-gradient(90deg,#24aef4,#6670f5)}.recon-bottom-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:20px}.recon-risk-card,.recon-breakdown-card{padding:25px;border-radius:18px;background:#0e1830c7;border:1px solid rgba(90,125,185,.17)}.recon-section-heading{display:flex;justify-content:space-between;align-items:flex-start}.recon-section-heading h3{margin:5px 0 0;color:#f2f6ff;font-size:20px}.recon-risk-icon,.recon-exception-total{width:42px;height:42px;display:flex;align-items:center;justify-content:center;border-radius:12px;font-weight:800}.recon-risk-icon{color:#ffad26;background:#ffaa1e1a;border:1px solid rgba(255,170,30,.18)}.recon-exception-total{color:#ff5b78;background:#ff4b691a}.recon-risk-value{margin-top:28px;color:#f5f8ff;font-size:38px;font-weight:800;letter-spacing:-1.5px}.recon-risk-card p{margin:7px 0 22px;color:#7185a6;font-size:13px}.recon-risk-footer{display:flex;justify-content:space-between;padding-top:15px;border-top:1px solid rgba(100,125,165,.12);color:#7185a6;font-size:12px}.recon-risk-footer strong{color:#ffb22e}.recon-exception-list{margin-top:20px}.recon-exception-row{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:13px 0;border-bottom:1px solid rgba(100,125,165,.1)}.recon-exception-row:last-child{border-bottom:0}.recon-exception-info{display:flex;align-items:center;gap:10px}.recon-exception-dot{width:8px;height:8px;border-radius:50%;background:#ff5572;box-shadow:0 0 9px #ff557280}.recon-exception-info strong{display:block;color:#dfe7f5;font-size:13px}.recon-exception-info small{display:block;margin-top:3px;color:#617493;font-size:10px}.recon-exception-count{min-width:100px;text-align:right}.recon-exception-count>strong{color:#f1f5ff;font-size:15px}.recon-mini-bar{width:100px;margin-top:7px}.recon-mini-bar div{background:#ff5572}.recon-footer-action{display:flex;align-items:center;justify-content:space-between;margin-top:20px;padding:18px 22px;border-radius:14px;background:#141f3a8c;border:1px solid rgba(90,125,185,.13)}.recon-footer-action strong{display:block;color:#e5ebf7;font-size:13px}.recon-footer-action span{display:block;margin-top:4px;color:#637695;font-size:11px}.recon-secondary-button{border:1px solid rgba(70,160,240,.3);border-radius:9px;padding:10px 16px;color:#56bdff;background:#2d96eb14;cursor:pointer;font-weight:700}.recon-secondary-button:hover{background:#2d96eb26}@media(max-width:900px){.recon-header-content,.recon-header-actions,.recon-ready-card,.recon-loading-card{flex-direction:column;align-items:flex-start}.recon-primary-button{margin-left:0}.recon-metrics-grid{grid-template-columns:repeat(2,1fr)}.recon-bottom-grid{grid-template-columns:1fr}}@media(max-width:600px){.recon-metrics-grid{grid-template-columns:1fr}.recon-header{padding:20px}.recon-header h2{font-size:22px}.recon-success-rate{margin-left:0}.recon-footer-action{align-items:flex-start;flex-direction:column;gap:14px}}.exceptions-manager-container{display:flex;flex-direction:column;gap:20px}.exceptions-header-actions{display:flex;align-items:center;gap:10px}.btn-refresh-exceptions{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;background:#1e293b99;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.btn-refresh-exceptions:hover:not(:disabled){background:#334155cc;border-color:#fff3;color:var(--text-primary);transform:translateY(-1px)}.btn-refresh-exceptions:disabled{opacity:.5;cursor:not-allowed}.exceptions-summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}.exception-summary-card{padding:18px 20px;background:#0f172aa6;border:1px solid var(--border-subtle);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:6px;position:relative;overflow:hidden;transition:all .2s ease}.exception-summary-card:hover{border-color:#ffffff29;transform:translateY(-2px)}.exception-summary-card.rose{background:linear-gradient(135deg,#f43f5e14,#0f172aa6);border-color:#f43f5e40}.exception-summary-card.amber{background:linear-gradient(135deg,#f59e0b14,#0f172aa6);border-color:#f59e0b40}.exception-summary-card.indigo{background:linear-gradient(135deg,#6366f114,#0f172aa6);border-color:#6366f140}.exception-summary-header{display:flex;align-items:center;justify-content:space-between;font-size:.78rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary)}.exception-summary-value{font-size:1.65rem;font-weight:700;font-family:var(--font-heading);color:var(--text-primary);line-height:1.1}.exception-summary-card.amber .exception-summary-value{color:#fbbf24}.exception-summary-card.rose .exception-summary-value{color:#fb7185}.exception-summary-subtext{font-size:.76rem;color:var(--text-muted)}.exceptions-filter-bar{display:flex;gap:12px;align-items:center;flex-wrap:wrap;padding:14px 16px;background:#0f172acc;border:1px solid var(--border-subtle);border-radius:var(--radius-md)}.exceptions-search-wrapper{position:relative;flex:1;min-width:260px}.exceptions-search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none}.exceptions-search-input{width:100%;padding:10px 14px 10px 40px;background:#1e293bb3;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-primary);font-family:var(--font-body);font-size:.88rem;outline:none;transition:all .2s ease}.exceptions-search-input:focus{border-color:var(--accent-cyan);box-shadow:0 0 0 2px #38bdf826;background:#1e293bf2}.exceptions-filter-group{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.exceptions-select{padding:10px 14px;background:#1e293be6;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-primary);font-family:var(--font-body);font-size:.85rem;font-weight:500;cursor:pointer;outline:none;transition:all .2s ease}.exceptions-select:focus{border-color:var(--accent-cyan)}.exceptions-cards-list{display:flex;flex-direction:column;gap:14px}.exception-card{padding:20px 22px;background:#0f172ab8;border:1px solid var(--border-subtle);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;flex-direction:column;gap:14px;position:relative;transition:all .2s ease}.exception-card:hover{border-color:#ffffff29;transform:translateY(-1px);box-shadow:0 8px 24px #00000059}.exception-card.severity-high{border-left:4px solid var(--accent-rose);background:linear-gradient(90deg,#f43f5e0a,#0f172ab8 15%)}.exception-card.severity-high:hover{border-left-color:#ff5572;box-shadow:0 8px 26px #f43f5e26}.exception-card.severity-medium{border-left:4px solid var(--accent-amber);background:linear-gradient(90deg,#f59e0b0a,#0f172ab8 15%)}.exception-card.severity-medium:hover{border-left-color:#fbbf24;box-shadow:0 8px 26px #f59e0b1f}.exception-card.severity-low{border-left:4px solid var(--accent-emerald);background:linear-gradient(90deg,#10b9810a,#0f172ab8 15%)}.exception-card.severity-low:hover{border-left-color:#34d399;box-shadow:0 8px 26px #10b9811f}.exception-card-header{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:12px}.exception-card-title-area{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.exception-type-badge{font-size:.95rem;font-weight:700;color:#fff;display:flex;align-items:center;gap:8px}.exception-payment-id{font-family:var(--font-mono);font-size:.85rem;font-weight:600;padding:3px 8px;background:#6366f126;border:1px solid rgba(99,102,241,.35);border-radius:6px;color:#a5b4fc}.exception-meta-tag{font-size:.78rem;color:var(--text-muted)}.exception-card-badges{display:flex;align-items:center;gap:8px}.payment-method-pill{font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;padding:3px 9px;background:#38bdf81a;border:1px solid rgba(56,189,248,.25);border-radius:999px;color:var(--accent-cyan)}.severity-pill{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;padding:4px 10px;border-radius:999px;display:inline-flex;align-items:center;gap:5px}.severity-pill.high{background:#f43f5e26;border:1px solid rgba(244,63,94,.4);color:#fca5a5}.severity-pill.medium{background:#f59e0b26;border:1px solid rgba(245,158,11,.4);color:#fcd34d}.severity-pill.low{background:#10b98126;border:1px solid rgba(16,185,129,.4);color:#86efac}.exception-description-box{padding:10px 14px;background:#1e293b73;border:1px solid rgba(255,255,255,.05);border-radius:var(--radius-sm);font-size:.86rem;color:#cbd5e1;line-height:1.5}.exception-metrics-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;background:#0f172a99;border:1px solid rgba(255,255,255,.06);border-radius:var(--radius-md);padding:12px 16px}.exception-metric-cell{display:flex;flex-direction:column;gap:3px}.exception-metric-label{font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted)}.exception-metric-value{font-size:.98rem;font-weight:600;font-family:var(--font-body);color:var(--text-primary)}.exception-metric-value.highlight-rose{color:#fb7185}.exception-metric-value.highlight-amber{color:#fbbf24;font-weight:700}.exception-card-footer{display:flex;justify-content:space-between;align-items:center;font-size:.75rem;color:var(--text-muted);border-top:1px solid rgba(255,255,255,.05);padding-top:10px}@media(max-width:768px){.exception-metrics-grid{grid-template-columns:repeat(2,1fr)}.exceptions-filter-bar{flex-direction:column;align-items:stretch}.exceptions-filter-group{justify-content:space-between}}.pipeline-flow-section{display:flex;flex-direction:column;gap:12px;padding:16px 20px;background:#0f172a8c;border:1px solid var(--border-subtle);border-radius:var(--radius-md)}.pipeline-flow-header{display:flex;justify-content:space-between;align-items:center;font-size:.78rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary)}.pipeline-steps-grid{display:flex;align-items:center;gap:8px;overflow-x:auto;padding-bottom:4px}.pipeline-step-box{flex:1;min-width:125px;padding:12px 14px;background:#1e293b99;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);display:flex;flex-direction:column;gap:4px;transition:all .2s ease}.pipeline-step-box:hover{border-color:#fff3;transform:translateY(-2px)}.pipeline-step-title{display:flex;align-items:center;gap:6px;font-size:.82rem;font-weight:700;color:var(--text-primary)}.pipeline-step-desc{font-size:.72rem;color:var(--text-muted)}.pipeline-arrow-separator{color:var(--text-muted);display:flex;align-items:center;justify-content:center;flex-shrink:0}.timeline-feed{display:flex;flex-direction:column;position:relative;padding-left:4px}.timeline-feed:before{content:"";position:absolute;left:20px;top:14px;bottom:14px;width:2px;background:#ffffff14}.timeline-item{display:flex;align-items:flex-start;gap:14px;padding:10px 0;position:relative}.timeline-dot-wrapper{width:34px;height:34px;border-radius:50%;background:#0f172af2;border:2px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;flex-shrink:0;z-index:1}.timeline-dot-wrapper.cyan{border-color:var(--accent-cyan);color:var(--accent-cyan);background:#38bdf826}.timeline-dot-wrapper.emerald{border-color:var(--accent-emerald);color:var(--accent-emerald);background:#10b98126}.timeline-dot-wrapper.indigo{border-color:var(--accent-indigo);color:var(--accent-indigo);background:#6366f126}.timeline-content{flex:1;display:flex;flex-direction:column;gap:2px}.timeline-title-row{display:flex;justify-content:space-between;align-items:center;gap:8px}.timeline-title{font-size:.85rem;font-weight:600;color:var(--text-primary)}.timeline-time{font-size:.72rem;color:var(--text-muted)}.timeline-desc{font-size:.78rem;color:var(--text-secondary)}:root{--bg-primary: #090d16;--bg-secondary: #0f172a;--bg-card: rgba(15, 23, 42, .75);--bg-card-hover: rgba(30, 41, 59, .85);--bg-glass: rgba(15, 23, 42, .65);--border-subtle: rgba(255, 255, 255, .08);--border-active: rgba(56, 189, 248, .4);--border-glow: rgba(99, 102, 241, .3);--text-primary: #f8fafc;--text-secondary: #94a3b8;--text-muted: #64748b;--accent-cyan: #38bdf8;--accent-indigo: #6366f1;--accent-blue: #2563eb;--accent-emerald: #10b981;--accent-amber: #f59e0b;--accent-rose: #f43f5e;--accent-purple: #a855f7;--font-heading: "Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", monospace;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .3);--shadow-md: 0 8px 24px -4px rgba(0, 0, 0, .45);--shadow-lg: 0 20px 40px -12px rgba(0, 0, 0, .6);--shadow-glow-cyan: 0 0 25px rgba(56, 189, 248, .25);--shadow-glow-indigo: 0 0 25px rgba(99, 102, 241, .25);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-body);background-color:var(--bg-primary);color:var(--text-primary);min-height:100vh;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-image:radial-gradient(circle at 15% 10%,rgba(99,102,241,.12) 0%,transparent 40%),radial-gradient(circle at 85% 20%,rgba(56,189,248,.1) 0%,transparent 45%),radial-gradient(circle at 50% 80%,rgba(168,85,247,.08) 0%,transparent 50%);background-attachment:fixed;overflow-x:hidden}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:#1e293b;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#334155}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);letter-spacing:-.02em;font-weight:700}.mono{font-family:var(--font-mono)}.glass-panel{background:var(--bg-card);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);transition:all .25s cubic-bezier(.4,0,.2,1)}.glass-panel:hover{border-color:#ffffff24}.status-pill{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:9999px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.status-pill.online{background:#10b98126;color:#34d399;border:1px solid rgba(16,185,129,.3)}.status-pill.offline{background:#f43f5e26;color:#fb7185;border:1px solid rgba(244,63,94,.3)}.pulse-dot{width:7px;height:7px;border-radius:50%;background:currentColor;box-shadow:0 0 8px currentColor;animation:pulseAnimation 2s infinite ease-in-out}@keyframes pulseAnimation{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.85)}}.app-container{max-width:1360px;margin:0 auto;padding:24px 28px 48px;display:flex;flex-direction:column;gap:24px}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.tab-content{animation:fadeIn .3s cubic-bezier(.16,1,.3,1) forwards}