@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=JetBrains+Mono:wght@500;600&display=swap";:root{color:#18181b;font-synthesis:none;--page:#f6f7fb;--surface:#fff;--surface-soft:#fafafa;--ink:#18181b;--muted:#71717a;--line:#e4e4e7;--blue:#2563eb;--blue-soft:#eff6ff;--green:#047857;--green-soft:#ecfdf5;--shadow:0 12px 32px #18181b0e;background:#f6f7fb;font-family:DM Sans,sans-serif}*{box-sizing:border-box}body{background:var(--page);min-width:320px;margin:0}button,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}.dashboard-shell{min-height:100vh}.dashboard-header{justify-content:space-between;align-items:center;gap:24px;max-width:1540px;margin:auto;padding:24px 38px;display:flex}.brand-lockup,.header-actions,.filter-heading,.filter-controls,.chart-heading,.kpi-top{align-items:center;display:flex}.brand-lockup{gap:12px}.app-mark{color:#fff;background:#18181b;border-radius:10px;place-items:center;width:38px;height:38px;display:grid}.overline,.eyebrow{color:var(--muted);letter-spacing:.11em;text-transform:uppercase;margin:0;font-size:.69rem;font-weight:700;line-height:1}h1,h2,h3,p{margin-top:0}h1{letter-spacing:-.02em;margin-bottom:0;font-size:1.08rem}.header-actions{gap:12px}.demo-badge{color:#166534;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:999px;align-items:center;gap:7px;padding:7px 10px;font-size:.75rem;font-weight:600;display:inline-flex}.demo-badge span,.source-dot{background:#22c55e;border-radius:50%;width:7px;height:7px}.icon-button,.close-detail{width:36px;height:36px;color:var(--muted);border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:9px;place-items:center;transition:background .2s,color .2s,transform .2s;display:grid}.icon-button:hover,.close-detail:hover{color:var(--ink);background:var(--surface);transform:translateY(-1px)}.back-link{color:var(--blue);font-size:.82rem;font-weight:700}.dashboard-main{max-width:1540px;margin:auto;padding:32px 38px 26px}.intro-row{justify-content:space-between;align-items:end;gap:28px;margin-bottom:26px;display:flex}.eyebrow{color:var(--blue);margin-bottom:12px}.intro-row h2{letter-spacing:-.055em;margin-bottom:8px;font-size:clamp(1.8rem,3vw,2.55rem);line-height:1.1}.intro-copy{max-width:580px;color:var(--muted);margin-bottom:0;font-size:.98rem}.source-note{color:var(--muted);background:var(--surface);border:1px solid var(--line);border-radius:10px;align-items:center;gap:10px;padding:12px 14px;font-size:.75rem;line-height:1.45;display:flex}.source-note strong{color:var(--ink);font-weight:600}.filters-card,.kpi-card,.chart-card,.table-card,.insight-card{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:12px}.filters-card{margin-bottom:18px;padding:17px 19px}.filter-heading{color:var(--ink);gap:8px;margin-bottom:14px;font-size:.84rem}.filter-heading span{color:var(--muted);margin-left:4px;font-size:.76rem;font-weight:400}.filter-controls{flex-wrap:wrap;gap:10px}.filter-select{min-width:165px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:.69rem;font-weight:700}.filter-select>div{margin-top:5px;position:relative}.filter-select select{width:100%;min-height:36px;color:var(--ink);appearance:none;border:1px solid var(--line);background:var(--surface-soft);text-transform:none;letter-spacing:0;cursor:pointer;border-radius:8px;outline:none;padding:0 32px 0 10px;font-size:.82rem}.filter-select select:focus{border-color:#93c5fd;box-shadow:0 0 0 3px #dbeafe}.filter-select svg{pointer-events:none;color:var(--muted);position:absolute;top:10px;right:10px}.reset-button,.export-button{color:var(--blue);cursor:pointer;background:0 0;border:0;align-items:center;gap:7px;font-size:.78rem;font-weight:700;display:inline-flex}.reset-button{margin:18px 0 0 5px}.kpi-grid{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px;display:grid}.kpi-card{padding:18px 19px}.kpi-top{justify-content:space-between;margin-bottom:19px}.kpi-icon,.chart-icon{color:var(--blue);background:var(--blue-soft);border-radius:8px;place-items:center;display:grid}.kpi-icon{width:31px;height:31px}.kpi-icon svg{width:16px}.trend{color:var(--muted);border-radius:6px;align-items:center;gap:3px;padding:4px 7px;font-size:.68rem;font-weight:700;display:inline-flex}.trend.positive{color:var(--green);background:var(--green-soft)}.kpi-card p{color:var(--muted);margin-bottom:4px;font-size:.76rem}.kpi-card>strong{letter-spacing:-.06em;font-family:JetBrains Mono,monospace;font-size:1.35rem;display:block}.chart-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:18px;display:grid}.chart-card{min-width:0;padding:18px 19px 11px}.chart-card.wide{grid-column:1/-1}.card-header{justify-content:space-between;align-items:start;gap:16px;display:flex}.chart-heading{gap:10px}.chart-icon{flex:none;width:30px;height:30px}.chart-icon svg{width:15px}.card-header h3{letter-spacing:-.015em;margin-bottom:3px;font-size:.94rem}.card-header p{color:var(--muted);margin-bottom:0;font-size:.74rem}.lower-grid{grid-template-columns:minmax(0,1.55fr) minmax(280px,.45fr);gap:14px;display:grid}.table-card,.insight-card{min-width:0;overflow:hidden}.table-card .card-header,.insight-card .card-header{padding:18px 19px}.export-button{border:1px solid var(--line);border-radius:7px;padding:8px 9px}.export-button:hover{background:var(--blue-soft)}.table-scroll{overflow-x:auto}table{border-collapse:collapse;text-align:left;width:100%;font-size:.75rem}th{color:var(--muted);background:var(--surface-soft);border-top:1px solid var(--line);border-bottom:1px solid var(--line);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;padding:10px 19px;font-size:.66rem}td{color:#52525b;white-space:nowrap;cursor:pointer;border-bottom:1px solid #f0f0f2;padding:12px 19px;transition:background .18s}tbody tr:hover td{background:#fafafa}tbody tr.selected-row td{background:#eff6ff}td strong{color:var(--ink);font-weight:600;display:block}td small{color:var(--muted);margin-top:2px;font-size:.68rem;display:block}.operation-id{color:var(--blue);font-family:JetBrains Mono,monospace;font-size:.67rem;font-weight:600}.category-dot{background:#60a5fa;border-radius:50%;width:6px;height:6px;margin-right:7px;display:inline-block}.align-right{text-align:right}.table-footer{color:var(--muted);justify-content:space-between;gap:12px;padding:13px 19px;font-size:.68rem;display:flex}.insight-card{padding-bottom:20px}.insight-card.has-selection{border-color:#bfdbfe}.close-detail{font-size:1.45rem;line-height:1}.empty-insight{text-align:center;place-items:center;min-height:230px;padding:25px;display:grid}.empty-icon{width:40px;height:40px;color:var(--blue);background:var(--blue-soft);border-radius:50%;place-items:center;margin-bottom:14px;display:grid}.empty-insight h3{margin-bottom:5px;font-size:.97rem}.empty-insight p{max-width:210px;color:var(--muted);margin-bottom:0;font-size:.78rem;line-height:1.55}.detail-amount{color:#fff;background:#18181b;border-radius:9px;margin:0 19px 20px;padding:18px}.detail-amount span,.detail-amount small{color:#a1a1aa;font-size:.72rem;display:block}.detail-amount strong{letter-spacing:-.07em;margin:7px 0;font-family:JetBrains Mono,monospace;font-size:1.55rem;display:block}.detail-list{margin:0 19px}.detail-list div{border-bottom:1px solid var(--line);justify-content:space-between;gap:10px;padding:11px 0;font-size:.76rem;display:flex}.detail-list dt{color:var(--muted)}.detail-list dd{color:var(--ink);text-align:right;margin:0;font-weight:600}.dashboard-footer{color:var(--muted);justify-content:space-between;gap:12px;padding:24px 2px 0;font-size:.68rem;display:flex}html.dark{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--page:#09090b;--surface:#0c0c0f;--surface-soft:#111114;--ink:#fafafa;--muted:#a1a1aa;--line:#27272a;--blue-soft:#172554;--green-soft:#052e16;--shadow:0 12px 32px #0003}html.dark .app-mark{color:#18181b;background:#fafafa}html.dark .demo-badge{color:#86efac;background:#052e16;border-color:#166534}html.dark tbody tr:hover td{background:#18181b}html.dark tbody tr.selected-row td{background:#172554}html.dark th{background:#111114}html.dark td{border-color:#1f1f23}html.dark .detail-amount{background:#18181b}@media (width<=1050px){.dashboard-header,.dashboard-main{padding-left:24px;padding-right:24px}.lower-grid{grid-template-columns:1fr}.insight-card{min-height:auto}}@media (width<=760px){.dashboard-header{flex-direction:column;align-items:start}.header-actions{justify-content:space-between;width:100%}.intro-row{flex-direction:column;align-items:start}.source-note{width:100%}.kpi-grid{grid-template-columns:repeat(2,1fr)}.chart-grid{grid-template-columns:1fr}.chart-card.wide{grid-column:auto}.dashboard-footer{flex-direction:column}}@media (width<=500px){.dashboard-header,.dashboard-main{padding-left:16px;padding-right:16px}.back-link{font-size:.75rem}.demo-badge{font-size:.68rem}.kpi-grid{gap:9px}.kpi-card{padding:14px}.kpi-card>strong{font-size:1.05rem}.kpi-top{margin-bottom:14px}.filter-select{width:100%}.reset-button{margin-top:7px}.table-footer{flex-direction:column;align-items:start}}