:root{--bg: #f4f7fb;--bg-accent: #eef4ff;--surface: rgba(255, 255, 255, .9);--surface-strong: #ffffff;--surface-muted: #f8fafc;--border: #dbe4f0;--border-strong: #c9d5e6;--text: #0f172a;--muted: #64748b;--muted-strong: #334155;--blue: #2563eb;--teal: #0f766e;--green: #16a34a;--red: #e11d48;--amber: #d97706;--shadow: 0 24px 60px rgba(15, 23, 42, .08)}*{box-sizing:border-box}html{background:radial-gradient(circle at top left,rgba(37,99,235,.1),transparent 26%),radial-gradient(circle at top right,rgba(15,118,110,.08),transparent 28%),linear-gradient(180deg,#f7f9fc,#f2f5fa)}body{margin:0;min-height:100vh;font-family:Manrope,sans-serif;color:var(--text);background:transparent}button,input,select{font:inherit}#root{min-height:100vh}.app-shell{position:relative;min-height:100vh;overflow-x:hidden}.ambient{position:fixed;width:28rem;height:28rem;border-radius:999px;filter:blur(80px);opacity:.5;pointer-events:none}.ambient-left{top:-9rem;left:-10rem;background:#2563eb1f}.ambient-right{top:8rem;right:-8rem;background:#0f766e1a}.page{position:relative;max-width:1440px;margin:0 auto;padding:32px 24px 80px}.hero,.control-panel,.panel,.metric-card,.balance-card{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.hero{display:grid;grid-template-columns:1.3fr 1fr;gap:18px}.hero-copy,.hero-board{border-radius:28px}.hero-copy{padding:34px;background:linear-gradient(135deg,#2563eb0f,#ffffffe6),var(--surface-strong);border:1px solid var(--border)}.eyebrow,.panel-kicker,.metric-caption,.metric-label,.field span{display:inline-block;letter-spacing:.08em;text-transform:uppercase;font-size:.72rem;color:var(--muted)}.hero h1{margin:14px 0 18px;max-width:9ch;font-size:clamp(3rem,6vw,5.4rem);line-height:.94;letter-spacing:-.05em}.hero p{margin:0;max-width:56ch;color:var(--muted-strong);font-size:1.02rem;line-height:1.65}.hero-board{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:18px;background:var(--surface);border:1px solid var(--border)}.hero-kpi,.balance-card{min-height:136px;border-radius:24px;border:1px solid var(--border);background:linear-gradient(180deg,#fff,#f8fbff);padding:18px;display:flex;flex-direction:column;justify-content:space-between}.hero-kpi strong,.balance-card strong{font-size:clamp(1.35rem,2.3vw,2.3rem);line-height:1;letter-spacing:-.04em}.hero-kpi small,.balance-card small{color:var(--muted)}.hero-kpi.is-positive,.balance-card.is-positive{border-color:#16a34a3d;background:linear-gradient(180deg,#dcfce7e6,#fff)}.hero-kpi.is-negative,.balance-card.is-negative{border-color:#e11d4833;background:linear-gradient(180deg,#ffe4e6f2,#fff)}.summary-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:18px}.view-nav{display:inline-flex;gap:8px;margin-top:18px;padding:6px;border-radius:999px;border:1px solid var(--border);background:#ffffffd1;box-shadow:var(--shadow)}.view-tab{border:0;background:transparent;color:var(--muted-strong);padding:10px 16px;border-radius:999px;cursor:pointer;font-weight:700}.view-tab.is-active{background:linear-gradient(135deg,#2563eb1f,#0f766e1a);color:var(--text)}.focus-panel{margin-top:18px}.focus-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin-bottom:18px}.focus-timeline-meta{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:18px}.focus-head-actions{display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap}.focus-date-field,.focus-date-field input{min-width:210px}.focus-impact-note{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:14px}.focus-impact-stack{display:grid;gap:12px}.focus-section-gap{margin-top:18px}.focus-card{min-height:120px;border-radius:22px;border:1px solid var(--border);background:linear-gradient(180deg,#fff,#f8fbff);padding:18px;display:flex;flex-direction:column;justify-content:space-between}.focus-card strong{font-size:2rem;letter-spacing:-.04em}.focus-card small{color:var(--muted)}.balance-secondary{margin-top:8px;color:var(--muted-strong);font-weight:600}.balance-card-accent{background:linear-gradient(135deg,#2563eb14,#0f766e0f),#fff}.control-panel{margin-top:18px;border-radius:28px;padding:18px}.control-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px}.field{display:flex;flex-direction:column;gap:8px}.field-wide{grid-column:span 2}input,select,.toggle-chip,.button{width:100%;border-radius:18px;border:1px solid var(--border);background:#fff;color:var(--text);padding:14px 16px;outline:none;transition:border-color .14s ease,transform .14s ease,box-shadow .14s ease}input::placeholder{color:#94a3b8}input:focus,select:focus,.toggle-chip:hover,.button:hover{border-color:#2563eb59;box-shadow:0 0 0 4px #2563eb14;transform:translateY(-1px)}.toggle-field{justify-content:flex-end}.toggle-chip{cursor:pointer;color:var(--muted-strong);background:#f8fafc}.toggle-chip.is-active{background:linear-gradient(135deg,#2563eb1f,#0f766e1a);color:var(--text);border-color:#2563eb33}.button{width:auto;min-width:132px;cursor:pointer}.control-meta{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}.status-pill{padding:8px 12px;border-radius:999px;border:1px solid var(--border);background:#fff;color:var(--muted-strong);font-size:.84rem}.status-pill.is-loading{border-color:#2563eb2e}.status-pill.is-error,.is-negative{color:var(--red)}.is-positive{color:var(--green)}.is-neutral{color:var(--muted-strong)}.status-pill.is-positive{border-color:#16a34a33;background:#dcfce7e6}.status-pill.is-negative{border-color:#e11d482e;background:#fff1f2f2}.status-pill.is-error{border-color:#e11d4833;background:#fff1f2f2}.metric-strip{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;margin-top:18px}.metric-card{border-radius:24px;padding:18px}.metric-compare-grid{display:grid;gap:14px;margin-top:14px}.metric-compare-grid strong{display:block;margin-top:6px;font-size:1.15rem}.metric-compare-grid .is-positive,.metric-compare-grid .is-negative,.metric-compare-grid .is-neutral{padding:10px 12px;border-radius:16px;border:1px solid var(--border);background:var(--surface-muted)}.metric-compare-grid .is-positive{border-color:#16a34a33;background:#dcfce7d9}.metric-compare-grid .is-negative{border-color:#e11d4829;background:#fff1f2f2}.dashboard-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:18px;margin-top:18px}.insight-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:18px}.donut-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.chart-placeholder{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:10px;width:100%;border-radius:24px;border:1px dashed var(--border-strong);background:linear-gradient(135deg,#2563eb0d,#0f766e0a),#fff;padding:24px}.chart-placeholder strong{font-size:1rem;letter-spacing:-.02em}.chart-placeholder p{margin:0;max-width:44ch;color:var(--muted-strong);line-height:1.55}.panel{border-radius:28px;padding:20px}.panel-inner{padding:18px;background:var(--surface-muted);box-shadow:none}.panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:16px}.panel-head h2{margin:6px 0 0;font-size:1.35rem;letter-spacing:-.03em}.panel-badge{display:inline-flex;align-items:center;border-radius:999px;border:1px solid var(--border);background:#fff;color:var(--muted-strong);padding:8px 12px;font-size:.84rem;white-space:nowrap}.insight-list{list-style:none;padding:0;margin:0;display:grid;gap:12px}.insight-list li{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border-radius:18px;background:var(--surface-muted);border:1px solid var(--border)}.table-wrap{overflow-x:auto}.data-table{width:100%;border-collapse:collapse;min-width:760px}.data-table th{text-align:left;padding:0 0 12px;color:var(--muted);font-size:.76rem;text-transform:uppercase;letter-spacing:.08em}.data-table td{padding:14px 0;border-top:1px solid #edf2f7;color:var(--muted-strong)}.status-tag{display:inline-flex;align-items:center;justify-content:center;padding:6px 10px;border-radius:999px;font-size:.76rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;border:1px solid transparent}.status-opened,.status-increased{color:var(--green);border-color:#16a34a2e;background:#dcfce7eb}.status-closed,.status-decreased{color:var(--red);border-color:#e11d4829;background:#fff1f2f2}code,pre,.mono{font-family:IBM Plex Mono,monospace}@media(max-width:1240px){.hero,.dashboard-grid,.summary-strip,.donut-grid,.focus-strip{grid-template-columns:1fr}.focus-timeline-meta{flex-direction:column}.metric-strip,.control-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:860px){.page{padding:20px 14px 48px}.hero-copy,.hero-board,.control-panel,.panel,.metric-card,.balance-card{border-radius:22px}.hero h1{max-width:none;font-size:clamp(2.6rem,14vw,4.2rem)}.metric-strip,.insight-grid,.control-grid{grid-template-columns:1fr}.field-wide{grid-column:span 1}.panel-head{flex-direction:column}}