:root{--font-sans: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--ink: #1e293b;--ink-soft: #475569;--muted: #64748b;--page-mesh: radial-gradient(ellipse 120% 80% at 10% -20%, rgba(196, 181, 253, .35), transparent 50%), radial-gradient(ellipse 90% 60% at 90% 0%, rgba(165, 243, 252, .28), transparent 45%), radial-gradient(ellipse 70% 50% at 50% 100%, rgba(167, 243, 208, .22), transparent 45%), linear-gradient(180deg, #f8f7fc 0%, #f3f6fb 50%, #f5faf8 100%);--card-border: rgba(148, 163, 184, .28);--shadow-card: 0 10px 36px rgba(99, 102, 241, .07), 0 2px 8px rgba(15, 23, 42, .04);--radius-lg: 18px;--radius-md: 14px;--pastel-card: linear-gradient(155deg, rgba(255, 255, 255, .88) 0%, #f4f0ff 55%, #eef6ff 100%);--pastel-kpi-1: linear-gradient(160deg, #fdf4ff 0%, #fae8ff 100%);--pastel-kpi-2: linear-gradient(160deg, #ecfeff 0%, #e0f2fe 100%);--pastel-kpi-3: linear-gradient(160deg, #f0fdf4 0%, #dcfce7 100%);--pastel-kpi-4: linear-gradient(160deg, #fffbeb 0%, #fef3c7 100%);--pastel-kpi-5: linear-gradient(160deg, #fff1f2 0%, #ffe4e6 100%);--pastel-kpi-6: linear-gradient(160deg, #f5f3ff 0%, #e9e3ff 100%)}body{margin:0;font-family:var(--font-sans);background:var(--page-mesh);background-attachment:fixed;color:var(--ink);min-height:100vh;-webkit-font-smoothing:antialiased}.page{max-width:1280px;margin:0 auto;padding:28px 24px 42px}.page.premium .topBar h1{background:linear-gradient(120deg,#4f46e5,#7c3aed 40%,#0d9488);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.topBar{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px}.topBar h1{margin:0;font-size:clamp(1.75rem,4vw,2.35rem);letter-spacing:-.03em;font-weight:700;color:var(--ink)}.card{background:var(--pastel-card);border:1px solid var(--card-border);border-radius:var(--radius-lg);padding:20px;margin-bottom:16px;box-shadow:var(--shadow-card);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.card h2{margin:0 0 6px;font-size:1.15rem;font-weight:650;letter-spacing:-.02em;color:var(--ink)}.card h3{font-size:.95rem;font-weight:650;color:var(--ink-soft);margin-top:0}.grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.grid4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:10px}.kpiGrid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-bottom:12px}.kpiGrid.six{grid-template-columns:repeat(6,minmax(0,1fr))}.kpiCard{border:1px solid var(--card-border);border-radius:var(--radius-md);padding:14px;box-shadow:0 6px 24px #8b5cf60f;transition:transform .2s ease,box-shadow .2s ease}.kpiCard:hover{transform:translateY(-2px);box-shadow:0 12px 32px #6366f11a}.kpiGrid.six .kpiCard:nth-child(1){background:var(--pastel-kpi-1)}.kpiGrid.six .kpiCard:nth-child(2){background:var(--pastel-kpi-2)}.kpiGrid.six .kpiCard:nth-child(3){background:var(--pastel-kpi-3)}.kpiGrid.six .kpiCard:nth-child(4){background:var(--pastel-kpi-4)}.kpiGrid.six .kpiCard:nth-child(5){background:var(--pastel-kpi-5)}.kpiGrid.six .kpiCard:nth-child(6){background:var(--pastel-kpi-6)}.kpiGrid:not(.six) .kpiCard{background:var(--pastel-kpi-2)}.errorBanner{display:flex;justify-content:space-between;align-items:center;gap:10px;background:linear-gradient(145deg,#fff1f2,#ffe4e6)!important;border-color:#fb718559!important}.kpiLabel{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-weight:600}.kpiValue{font-size:clamp(1.05rem,2.5vw,1.35rem);font-weight:700;margin-top:6px;color:var(--ink);letter-spacing:-.02em}.badgeRow{margin:8px 0;display:flex;gap:8px;flex-wrap:wrap}.badge{display:inline-block;padding:3px 8px;border-radius:999px;font-size:12px;border:1px solid #d1d6df;background:#f5f7fa}.workflowCard{border:1px solid var(--card-border);border-radius:var(--radius-md);padding:16px;background:linear-gradient(145deg,#ffffffbf,#eef2ff);box-shadow:inset 0 1px #fffc}.presetCards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.presetCard{text-align:left;border-radius:var(--radius-md);border:1px solid rgba(167,139,250,.25);background:linear-gradient(145deg,#faf5ff,#f3e8ff);padding:10px 12px;font-size:13px;font-weight:500;color:var(--ink-soft);transition:background .2s ease,transform .15s ease}.presetCard:hover{background:linear-gradient(145deg,#f5f3ff,#ede9fe);transform:translateY(-1px)}.row{display:flex;justify-content:space-between;align-items:center;gap:10px;border-bottom:1px dashed rgba(148,163,184,.35);padding:10px 4px}.row:last-child{border-bottom:none}.badge.warn{background:#fff3cd;color:#6b4f00;border-color:#f0d58d}.badge.bad{background:#fce2e2;color:#8a1111;border-color:#f2b8b8}.inlineActions{display:flex;gap:6px;flex-wrap:wrap}.insightControls{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:10px}.insightControls button{background:linear-gradient(180deg,#eef2ff,#e0e7ff);border:1px solid rgba(129,140,248,.45);border-radius:999px;font-weight:500;color:#4338ca;padding:9px 16px}.insightControls button:hover{background:linear-gradient(180deg,#e0e7ff,#c7d2fe)}.insightControls button.active{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;border-color:transparent;box-shadow:0 4px 14px #6366f159}.insightGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:10px}.insightTile{border-radius:var(--radius-md);padding:14px;border:1px solid rgba(186,230,253,.6);background:linear-gradient(155deg,#fffffff2,#ecfeff);box-shadow:0 4px 20px #0ea5e90f}.insightTile.good{border-color:#6ee7b78c;background:linear-gradient(155deg,#fff,#ecfdf5);box-shadow:0 4px 20px #10b98114}.insightTile.warn{border-color:#fde0c8e6;background:linear-gradient(155deg,#fff,#fffbeb);box-shadow:0 4px 20px #f59e0b14}.insightLabel{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-weight:600}.insightValue{margin-top:4px;font-size:22px;font-weight:700}.insightValue-preline{white-space:pre-line;font-size:15px;font-weight:600;line-height:1.35}.insightDetail{margin-top:4px;color:var(--muted);font-size:12px;font-weight:500}.chatBox{border:1px solid rgba(199,210,254,.5);border-radius:var(--radius-md);background:linear-gradient(180deg,#f8fafc,#f1f5f9);padding:14px;max-height:320px;overflow-y:auto;display:flex;flex-direction:column;gap:10px}.chatMsg{max-width:85%;padding:10px 14px;border-radius:14px;border:1px solid rgba(226,232,240,.9);background:#fff;box-shadow:0 2px 12px #0f172a0a}.chatMsg.user{align-self:flex-end;background:linear-gradient(135deg,#6366f1,#7c3aed);border-color:transparent;color:#fff;box-shadow:0 4px 16px #6366f14d}.chatMsg.assistant{align-self:flex-start}.chatRole{font-size:11px;letter-spacing:.04em;text-transform:uppercase;opacity:.75;margin-bottom:4px}.chatInputRow{display:grid;grid-template-columns:1fr auto;gap:8px;margin-top:10px}input,textarea,select{width:100%;margin-top:4px;margin-bottom:8px;padding:10px 12px;border:1px solid rgba(203,213,225,.9);border-radius:10px;box-sizing:border-box;font-family:inherit;background:#ffffffeb;transition:border-color .15s ease,box-shadow .15s ease}input:focus,textarea:focus,select:focus{outline:none;border-color:#a5b4fc;box-shadow:0 0 0 3px #a5b4fc59}button{padding:9px 14px;border:1px solid rgba(203,213,225,.9);background:linear-gradient(180deg,#fff,#f8fafc);border-radius:10px;cursor:pointer;font-weight:500;color:var(--ink-soft);transition:background .15s ease,box-shadow .15s ease}button:not(:disabled):hover{background:linear-gradient(180deg,#f8fafc,#f1f5f9);box-shadow:0 2px 8px #0f172a0f}button:disabled{opacity:.5;cursor:not-allowed}.dangerButton{background:#fff1f2;border-color:#f7c6cd;color:#9f1239}.dangerButton:hover{background:#ffe4e6}table{width:100%;border-collapse:collapse;margin-top:10px;border-radius:12px;overflow:hidden;border:1px solid rgba(226,232,240,.9);background:#ffffffa6}th,td{border:1px solid rgba(241,245,249,.95);padding:10px 12px;text-align:left;font-size:13px}thead th{background:linear-gradient(180deg,#f1f5f9,#e2e8f0);color:var(--ink-soft);font-weight:600;font-size:11px;text-transform:uppercase;letter-spacing:.04em}tbody tr:nth-child(2n){background:#f8fafcd9}.error{color:#a30000}.muted{color:var(--muted);line-height:1.5}.secondaryButton{background:linear-gradient(180deg,#eef2ff,#e0e7ff);border:1px solid rgba(129,140,248,.45);color:#4338ca}.secondaryButton:hover{background:linear-gradient(180deg,#e0e7ff,#c7d2fe);box-shadow:0 4px 14px #6366f12e}.workflowBanner{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px;margin-bottom:16px;background:linear-gradient(120deg,#ecfdf5,#d1fae5);border:1px solid rgba(110,231,183,.45);border-radius:var(--radius-md);font-size:14px;color:#064e3b;box-shadow:0 6px 24px #10b9811a}.bannerDismiss{flex-shrink:0;padding:6px 10px;font-size:13px;background:#fff;border:1px solid #86efac;border-radius:8px;cursor:pointer}.modalBackdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px;background:#1e1b4b59;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.modalPanel{width:100%;max-width:480px;max-height:min(90vh,560px);overflow:auto;padding:24px;background:linear-gradient(165deg,#fff,#f5f3ff,#ecfeff);border:1px solid rgba(199,210,254,.6);border-radius:var(--radius-lg);box-shadow:0 24px 64px #4f46e526,0 8px 24px #0f172a14}.modalHeader{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}.modalHeader h2{margin:0;font-size:1.2rem;font-weight:700}.modalClose{flex-shrink:0;width:36px;height:36px;padding:0;border-radius:10px;background:#ffffffb3;color:#64748b;font-size:1.35rem;line-height:1;cursor:pointer;border:1px solid rgba(226,232,240,.9)}.modalClose:hover{background:#f1f5f9;color:var(--ink)}.workflowCardModal{margin-top:0}.modalFeedback{margin:14px 0 0;font-size:14px;line-height:1.45}.modalFeedback.error{color:#a30000}.modalFeedbackSuccess{color:#065f46}pre{background:#fafafa;border:1px solid #e2e2e2;padding:10px;overflow:auto}@media (max-width: 1100px){.grid3,.grid4,.insightGrid,.presetCards{grid-template-columns:1fr}.kpiGrid.six,.kpiGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}