:root{color-scheme:light;--plane: #f2f2ef;--plane-2: #ececea;--surface: #ffffff;--surface-2: #fafaf8;--surface-3: #f4f4f1;--border: rgba(11, 11, 11, .09);--border-strong: rgba(11, 11, 11, .16);--ink: #0b0b0b;--ink-2: #52514e;--ink-3: #898781;--grid: #e7e6e1;--axis: #c9c8c2;--accent: #2a78d6;--accent-2: #1c5cab;--accent-wash: rgba(42, 120, 214, .1);--accent-ink: #1c5cab;--serie-1: #2a78d6;--serie-ref: #c3c2bb;--serie-3: #1baf7a;--up: #006300;--up-wash: rgba(12, 163, 12, .12);--down: #b4302b;--down-wash: rgba(208, 59, 59, .12);--warn: #8a6116;--warn-wash: rgba(250, 178, 25, .16);--heat-0: #f1f0ec;--heat-1: #cde2fb;--heat-2: #9ec5f4;--heat-3: #6da7ec;--heat-4: #3987e5;--heat-5: #256abf;--heat-6: #104281;--r-sm: 8px;--r-md: 12px;--r-lg: 16px;--shadow-1: 0 1px 2px rgba(11, 11, 11, .04), 0 2px 10px rgba(11, 11, 11, .04);--shadow-2: 0 2px 6px rgba(11, 11, 11, .06), 0 12px 34px rgba(11, 11, 11, .08);--font: system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif}:root[data-theme=dark]{color-scheme:dark;--plane: #0d0d0d;--plane-2: #121213;--surface: #17181a;--surface-2: #1d1e20;--surface-3: #232426;--border: rgba(255, 255, 255, .1);--border-strong: rgba(255, 255, 255, .18);--ink: #ffffff;--ink-2: #c3c2b7;--ink-3: #8e8d86;--grid: #2a2b2d;--axis: #3a3b3d;--accent: #3987e5;--accent-2: #86b6ef;--accent-wash: rgba(57, 135, 229, .16);--accent-ink: #86b6ef;--serie-1: #3987e5;--serie-ref: #56575a;--serie-3: #199e70;--up: #0ca30c;--up-wash: rgba(12, 163, 12, .18);--down: #e66767;--down-wash: rgba(230, 103, 103, .16);--warn: #fab219;--warn-wash: rgba(250, 178, 25, .14);--heat-0: #212224;--heat-1: #104281;--heat-2: #184f95;--heat-3: #1c5cab;--heat-4: #256abf;--heat-5: #2a78d6;--heat-6: #5598e7;--shadow-1: 0 1px 2px rgba(0, 0, 0, .4), 0 2px 10px rgba(0, 0, 0, .3);--shadow-2: 0 2px 6px rgba(0, 0, 0, .45), 0 12px 34px rgba(0, 0, 0, .4)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--plane);color:var(--ink);font-family:var(--font);font-size:14px;line-height:1.45;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit;color:inherit}::selection{background:var(--accent-wash)}.login{min-height:100%;display:grid;place-items:center;padding:24px;background:radial-gradient(1200px 600px at 12% -10%,var(--accent-wash),transparent 60%),radial-gradient(900px 500px at 100% 110%,rgba(27,175,122,.1),transparent 60%),var(--plane)}.login-card{width:100%;max-width:360px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-2);padding:34px 30px;animation:rise .5s cubic-bezier(.22,1,.36,1) both}.login-mark{display:flex;align-items:flex-end;gap:3px;height:26px;margin-bottom:18px}.login-mark i{display:block;width:7px;border-radius:3px 3px 1px 1px;background:var(--ink);animation:grow .7s cubic-bezier(.22,1,.36,1) both}.login-mark i:nth-child(1){height:40%;animation-delay:.04s}.login-mark i:nth-child(2){height:66%;animation-delay:.12s}.login-mark i:nth-child(3){height:100%;background:var(--accent);animation-delay:.2s}.login-card h1{font-size:19px;margin:0 0 4px;letter-spacing:-.02em}.login-card p{margin:0 0 24px;color:var(--ink-2);font-size:13px}.login-card input{width:100%;margin-bottom:12px}.login-error{color:var(--down);font-size:12.5px;margin:0 0 12px}input[type=password],input[type=text],input[type=number],select{background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--r-sm);padding:8px 10px;outline:none;transition:border-color .15s,box-shadow .15s}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:30px;background-image:linear-gradient(45deg,transparent 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,transparent 50%);background-position:calc(100% - 16px) 55%,calc(100% - 11px) 55%;background-size:5px 5px,5px 5px;background-repeat:no-repeat;cursor:pointer}input:focus,select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-wash)}input[type=range]{accent-color:var(--accent)}.btn{border:1px solid var(--border-strong);background:var(--surface);border-radius:var(--r-sm);padding:8px 14px;cursor:pointer;transition:background .15s,border-color .15s,transform .08s;white-space:nowrap}.btn:hover{background:var(--surface-2);border-color:var(--ink-3)}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--ink);border-color:var(--ink);color:var(--plane);width:100%;font-weight:500}.btn-primary:hover{background:var(--ink-2);border-color:var(--ink-2);color:var(--surface)}.btn-ghost{border-color:transparent;background:transparent;color:var(--ink-2)}.btn-ghost:hover{background:var(--surface-2);color:var(--ink)}.btn-sm{padding:5px 10px;font-size:12.5px}.btn:disabled{opacity:.5;cursor:not-allowed}.icon-btn{border:1px solid var(--border);background:var(--surface-2);width:32px;height:32px;border-radius:50%;display:grid;place-items:center;cursor:pointer;color:var(--ink-2);transition:background .15s,color .15s,transform .2s}.icon-btn:hover{color:var(--ink);background:var(--surface-3);transform:rotate(-12deg)}.app{min-height:100%;display:flex;flex-direction:column}.topbar{background:var(--surface);border-bottom:1px solid var(--border);padding:0 22px;display:flex;align-items:center;gap:16px;height:58px;position:sticky;top:0;z-index:30}.brand{display:flex;align-items:center;gap:10px;white-space:nowrap}.brand-mark{display:flex;align-items:flex-end;gap:2px;height:17px}.brand-mark i{display:block;width:4px;border-radius:2px 2px 1px 1px;background:var(--ink)}.brand-mark i:nth-child(1){height:42%}.brand-mark i:nth-child(2){height:70%}.brand-mark i:nth-child(3){height:100%;background:var(--accent)}.brand b{font-weight:600;letter-spacing:-.015em}.brand span{color:var(--ink-3);font-weight:400;font-size:12.5px}.tabs{display:flex;gap:2px;margin-left:10px;background:var(--surface-3);padding:3px;border-radius:10px}.tab{border:none;background:none;padding:6px 14px;border-radius:7px;cursor:pointer;color:var(--ink-2);font-weight:500;transition:color .15s,background .15s}.tab:hover{color:var(--ink)}.tab.active{background:var(--surface);color:var(--ink);box-shadow:var(--shadow-1)}.topbar-right{margin-left:auto;display:flex;align-items:center;gap:8px}.badge{font-size:11.5px;color:var(--ink-2);border:1px solid var(--border);border-radius:999px;padding:4px 11px 4px 9px;background:var(--surface-2);display:inline-flex;align-items:center;gap:6px;cursor:default;white-space:nowrap}.badge:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--ink-3)}.badge.ok{color:var(--up);border-color:#0ca30c4d;background:var(--up-wash)}.badge.ok:before{background:var(--up)}.badge.error{color:var(--down);border-color:#d03b3b4d;background:var(--down-wash)}.badge.error:before{background:var(--down)}.badge.loading:before{animation:pulse 1.1s ease-in-out infinite}.filters{background:var(--surface);border-bottom:1px solid var(--border);padding:12px 22px;display:flex;gap:16px;flex-wrap:wrap;align-items:flex-end;position:sticky;top:58px;z-index:29}.field{display:flex;flex-direction:column;gap:6px}.field>label{font-size:10.5px;text-transform:uppercase;letter-spacing:.07em;color:var(--ink-3);font-weight:600}.field select,.field input[type=text]{min-width:158px}.segmented{display:inline-flex;background:var(--surface-3);padding:3px;border-radius:9px;gap:2px}.segmented button{border:none;background:none;padding:6px 13px;border-radius:6px;cursor:pointer;color:var(--ink-2);transition:background .15s,color .15s}.segmented button:hover{color:var(--ink)}.segmented button.active{background:var(--surface);color:var(--ink);box-shadow:var(--shadow-1);font-weight:500}main{padding:22px;flex:1;max-width:1560px;width:100%;margin:0 auto}.grid{display:grid;gap:16px}.kpis{grid-template-columns:repeat(auto-fit,minmax(232px,1fr));margin-bottom:16px}.cols-2{grid-template-columns:repeat(auto-fit,minmax(430px,1fr))}.cols-3{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);box-shadow:var(--shadow-1);padding:18px 20px;animation:rise .45s cubic-bezier(.22,1,.36,1) both}.card.hero{background:radial-gradient(600px 260px at 100% 0%,var(--accent-wash),transparent 70%),var(--surface)}.card h2{font-size:13.5px;margin:0 0 2px;font-weight:600;letter-spacing:-.01em}.card .card-sub{color:var(--ink-3);font-size:12px;margin:0 0 16px}.kpi-label{font-size:10.5px;text-transform:uppercase;letter-spacing:.07em;color:var(--ink-3);margin-bottom:10px;font-weight:600}.kpi-value{font-size:30px;font-weight:650;letter-spacing:-.03em;line-height:1.05}.kpi-value.hero-figure{font-size:40px}.kpi-foot{margin-top:10px;font-size:12.5px;color:var(--ink-2);display:flex;gap:8px;align-items:center;flex-wrap:wrap}.kpi-spark{margin-top:12px}.pill{border-radius:999px;padding:3px 9px;font-weight:600;font-size:12px;display:inline-flex;align-items:center;gap:4px}.pill.up{background:var(--up-wash);color:var(--up)}.pill.down{background:var(--down-wash);color:var(--down)}.pill.neutral{background:var(--surface-3);color:var(--ink-2)}.txt.up{color:var(--up)}.txt.down{color:var(--down)}.txt.neutral{color:var(--ink-2)}.chip{border:1px solid var(--border);background:var(--surface-2);border-radius:999px;padding:5px 12px;font-size:12.5px;color:var(--ink-2);cursor:pointer;transition:background .15s,color .15s,border-color .15s}.chip:hover{color:var(--ink);border-color:var(--border-strong)}.chip.active{background:var(--ink);border-color:var(--ink);color:var(--plane);font-weight:500}.chips{display:flex;gap:7px;flex-wrap:wrap}.table-wrap{overflow-x:auto;border-radius:var(--r-sm)}table{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}th,td{padding:9px 12px;text-align:right;white-space:nowrap;border-bottom:1px solid var(--border)}th:first-child,td:first-child{text-align:left}thead th{position:sticky;top:0;background:var(--surface);font-size:10.5px;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-3);font-weight:600;cursor:pointer;-webkit-user-select:none;user-select:none;z-index:2}thead th:hover{color:var(--ink)}tbody tr{cursor:pointer;transition:background .12s}tbody tr:hover{background:var(--surface-2)}tbody tr.selected{background:var(--accent-wash)}tbody tr.selected td:first-child{box-shadow:inset 3px 0 0 var(--accent)}tfoot td{font-weight:600;border-top:2px solid var(--border-strong);border-bottom:none}.bar-cell{position:relative}.bar-cell .bar{position:absolute;inset:5px auto 5px 0;background:var(--accent-wash);border-radius:0 4px 4px 0;z-index:0;transition:width .4s cubic-bezier(.22,1,.36,1)}.bar-cell span{position:relative;z-index:1}.heat{width:100%;border-collapse:separate;border-spacing:2px}.heat th,.heat td{border:none;padding:0}.heat thead th{font-size:10.5px;color:var(--ink-3);text-transform:none;letter-spacing:0;padding:0 0 6px;text-align:center;background:transparent;cursor:default}.heat tbody th{text-align:left;font-weight:500;font-size:12.5px;color:var(--ink-2);padding-right:10px;white-space:nowrap;background:transparent;position:sticky;left:0;z-index:1}.heat-cell{height:26px;border-radius:4px;display:block;position:relative;transition:transform .12s}.heat-cell:hover{transform:scale(1.12);outline:2px solid var(--surface);z-index:3}.heat-legend{display:flex;align-items:center;gap:6px;font-size:11.5px;color:var(--ink-3)}.heat-legend i{width:20px;height:10px;border-radius:2px;display:block}.dropzone{border:1.5px dashed var(--border-strong);border-radius:var(--r-md);padding:46px 24px;text-align:center;color:var(--ink-2);background:var(--surface-2);cursor:pointer;transition:border-color .15s,background .15s,color .15s}.dropzone:hover,.dropzone.over{border-color:var(--accent);background:var(--accent-wash);color:var(--ink)}.dropzone strong{display:block;color:var(--ink);margin-bottom:4px;font-size:15px}.msg{border-radius:var(--r-sm);padding:11px 13px;font-size:13px;margin-top:12px}.msg.ok{background:var(--up-wash);color:var(--up)}.msg.err{background:var(--down-wash);color:var(--down)}.msg.warn{background:var(--warn-wash);color:var(--warn)}.msg ul{margin:6px 0 0;padding-left:18px}.months{display:grid;grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:8px}.month-chip{border:1px solid var(--border);border-radius:var(--r-sm);padding:9px 11px;background:var(--surface-2);font-size:12.5px;display:flex;justify-content:space-between;align-items:center;gap:6px;transition:border-color .15s}.month-chip:hover{border-color:var(--border-strong)}.month-chip.missing{color:var(--ink-3);border-style:dashed;background:transparent}.month-chip button{border:none;background:none;cursor:pointer;color:var(--ink-3);padding:0 2px;line-height:1}.month-chip button:hover{color:var(--down)}.row{display:flex;gap:14px;flex-wrap:wrap;align-items:center}.spread{justify-content:space-between}.muted{color:var(--ink-2)}.faint{color:var(--ink-3)}.small{font-size:12.5px}.note{color:var(--ink-3);font-size:12px;margin-top:12px;line-height:1.5}.legend{display:flex;gap:14px;font-size:12px;color:var(--ink-2);align-items:center}.legend i{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:6px;vertical-align:-1px}.recharts-cartesian-axis-tick text{font-size:11px;fill:var(--ink-3)}.recharts-default-legend{font-size:12px}.tooltip{background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--r-sm);padding:10px 12px;box-shadow:var(--shadow-2);font-size:12.5px;min-width:168px}.tooltip .t-title{font-weight:600;margin-bottom:6px}.tooltip .t-row{display:flex;justify-content:space-between;gap:18px;align-items:center}.tooltip .t-row+.t-row{margin-top:3px}.tooltip .t-key{display:inline-flex;align-items:center;gap:6px;color:var(--ink-2)}.tooltip .t-key i{width:9px;height:9px;border-radius:3px;display:inline-block}.tooltip .t-sep{border-top:1px solid var(--border);margin:7px 0 5px}.insight{display:flex;gap:10px;align-items:flex-start;padding:11px 13px;border-radius:var(--r-sm);background:var(--surface-2);border:1px solid var(--border);font-size:13px;line-height:1.5}.insight b{font-weight:600}.insight .dot{width:8px;height:8px;border-radius:50%;margin-top:6px;flex:none}.insights{display:grid;gap:8px}@keyframes rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes grow{0%{transform:scaleY(0);transform-origin:bottom}to{transform:none}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important}}@media (max-width: 900px){.topbar{flex-wrap:wrap;height:auto;padding:10px 14px;position:static}.filters{position:static;padding:12px 14px}main{padding:14px}.cols-2{grid-template-columns:1fr}}