:root{--bg: #f6f7fb;--panel: #ffffff;--panel2: #f2f4f8;--text: #0f172a;--muted: #475569;--border: #e2e8f0;--shadow: 0 6px 14px rgba(15, 23, 42, .06);--radius: 8px;--accent: #2563eb;--accent2: #16a34a;--warn: #f59e0b;--danger: #ef4444;--card-a: #eff6ff;--card-a-b: #bfdbfe;--card-a-t: #1e40af;--card-b: #f0fdf4;--card-b-b: #bbf7d0;--card-b-t: #166534;--card-c: #fff7ed;--card-c-b: #fed7aa;--card-c-t: #9a3412;--card-d: #fdf2f8;--card-d-b: #fbcfe8;--card-d-t: #9d174d;--font: Inter, ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji","Segoe UI Emoji";--mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--fw-regular: 400;--fw-medium: 500;--fw-semibold: 600;--fw-bold: 700}*{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:var(--font);font-weight:var(--fw-regular);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--text);background:var(--bg)}a{color:inherit}strong{font-weight:var(--fw-semibold)}.muted{color:var(--muted)}.mono{font-family:var(--mono)}.t-right{text-align:right}.strong{font-weight:var(--fw-semibold)}.container{width:min(1150px,calc(100% - 32px));margin:18px auto 40px}.mt-2{margin-top:12px}.mt-3{margin-top:18px}.topbar{position:sticky;top:0;z-index:10;background:#fff;border-bottom:1px solid var(--border)}.topbar__inner{width:min(1150px,calc(100% - 32px));margin:0 auto;padding:14px 0;display:flex;align-items:center;justify-content:space-between;gap:14px}.brand{display:flex;align-items:center;gap:12px;min-width:240px}.brand__logo{width:44px;height:44px;border-radius:var(--radius);display:grid;place-items:center;background:var(--accent);box-shadow:var(--shadow);color:#fff}.brand__title{font-size:1.06rem;letter-spacing:.1px;font-weight:var(--fw-bold)}.brand__subtitle{font-size:.92rem;color:var(--muted)}.btn{border:1px solid var(--border);background:#fff;color:var(--text);padding:10px 14px;border-radius:var(--radius);cursor:pointer;font-weight:var(--fw-semibold);transition:transform .08s ease,box-shadow .2s ease,background .2s ease,border .2s ease;box-shadow:0 2px #0f172a08}.btn:hover{background:#f8fafc;box-shadow:var(--shadow)}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.55;cursor:not-allowed;box-shadow:none}.btn--primary{border-color:transparent;background:var(--accent);color:#fff;box-shadow:0 10px 18px #2563eb38}.btn--primary:hover{background:#1d4ed8}.card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.hero{display:grid;grid-template-columns:1.2fr .8fr;gap:18px;align-items:start;margin-top:18px}.hero h1{font-size:clamp(1.3rem,2.2vw,2rem);margin:0 0 8px;line-height:1.12;letter-spacing:-.2px;font-weight:var(--fw-semibold)}.hero p{margin:0;font-size:1.02rem;color:var(--muted);font-weight:var(--fw-regular)}.meta{margin-top:14px;display:flex;flex-wrap:wrap;gap:8px}.pill{padding:8px 10px;border-radius:var(--radius);border:1px solid var(--border);background:var(--panel2);font-size:.92rem;color:#0f172a;font-weight:var(--fw-medium)}.dropzone{border:1px dashed #cbd5e1;background:#fff;border-radius:var(--radius);padding:16px;transition:transform .08s ease,background .2s ease,border .2s ease,box-shadow .2s ease}.dropzone:hover{box-shadow:var(--shadow)}.dropzone--drag{transform:scale(1.01);border-color:var(--accent2);background:#f0fdf4}.dropzone--disabled{opacity:.6;pointer-events:none}.dropzone__input{display:none}.dropzone__content{display:flex;align-items:center;gap:12px;justify-content:space-between}.dropzone__icon{font-size:2rem;width:52px;height:52px;border-radius:var(--radius);display:grid;place-items:center;background:#eff6ff;border:1px solid #bfdbfe;color:var(--accent)}.dropzone__text strong{font-size:1.05rem;font-weight:var(--fw-semibold)}.dropzone__text .muted{font-size:.92rem;margin-top:2px}.alert{margin-top:10px;padding:10px 12px;border-radius:var(--radius);border:1px solid #fecaca;background:#fef2f2;color:#991b1b;font-weight:var(--fw-semibold)}.filters{margin-top:18px;padding:12px}.filters__row{display:flex;flex-wrap:wrap;gap:14px;align-items:end;justify-content:space-between}.field{display:flex;flex-direction:column;gap:6px;min-width:180px}label{font-weight:var(--fw-semibold);font-size:.92rem;color:#0f172a}select{padding:10px 12px;border-radius:var(--radius);border:1px solid var(--border);background:#fff;color:var(--text);outline:none;font-weight:var(--fw-medium);font-size:1rem}select:focus{border-color:#93c5fd;box-shadow:0 0 0 4px #2563eb1f}.filters__hint{font-size:.98rem;padding:10px 12px;border-radius:var(--radius);border:1px solid var(--border);background:var(--panel2);color:var(--muted);font-weight:var(--fw-regular)}.kpis{margin-top:18px;display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.kpi{padding:14px 14px 12px}.kpis>.kpi:nth-child(1){background:var(--card-a);border-color:var(--card-a-b)}.kpis>.kpi:nth-child(2){background:var(--card-b);border-color:var(--card-b-b)}.kpis>.kpi:nth-child(3){background:var(--card-c);border-color:var(--card-c-b)}.kpis>.kpi:nth-child(4){background:var(--card-d);border-color:var(--card-d-b)}.kpis>.kpi:nth-child(4n+1){background:var(--card-a);border-color:var(--card-a-b)}.kpis>.kpi:nth-child(4n+2){background:var(--card-b);border-color:var(--card-b-b)}.kpis>.kpi:nth-child(4n+3){background:var(--card-c);border-color:var(--card-c-b)}.kpis>.kpi:nth-child(4n+4){background:var(--card-d);border-color:var(--card-d-b)}.kpi__top{display:flex;flex-direction:column;gap:8px}.kpi__title{font-size:1rem;font-weight:var(--fw-semibold);display:flex;align-items:center;gap:8px}.kpi__icon{width:28px;height:28px;display:grid;place-items:center;border-radius:var(--radius);border:1px solid rgba(15,23,42,.08);background:#fff9;color:var(--accent)}.kpi__value{font-size:1.6rem;font-weight:var(--fw-semibold);letter-spacing:-.3px}.kpi__hint{margin-top:6px;font-size:.92rem;color:#0f172aa6;font-weight:var(--fw-regular)}.grid{margin-top:18px;display:grid;grid-template-columns:1fr;gap:14px}.chart{padding:14px;min-height:320px;background:linear-gradient(0deg,#fff,#fff) padding-box,linear-gradient(90deg,#2563eb2e,#16a34a1f) border-box;border:1px solid transparent}.table{padding:14px;background:linear-gradient(0deg,#fff,#fff) padding-box,linear-gradient(90deg,#f59e0b29,#ef44441a) border-box;border:1px solid transparent}.chart__header{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:6px}.chart__title{margin:0;font-size:1.05rem;font-weight:var(--fw-semibold)}.chart__canvas{height:260px}.table__header{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}.table__title{margin:0;font-size:1.05rem;font-weight:var(--fw-semibold)}.table__wrap{width:100%;overflow:auto;border-radius:var(--radius);border:1px solid var(--border);background:#fff}table{width:100%;border-collapse:collapse;min-width:900px;background:#fff}thead th{position:sticky;top:0;background:#f1f5f9;text-align:left;font-size:.92rem;padding:10px;border-bottom:1px solid var(--border);white-space:nowrap;color:#0f172a;font-weight:var(--fw-semibold)}tbody td{padding:10px;border-bottom:1px solid #eef2f7;font-size:.98rem;white-space:nowrap;color:#0f172a;font-weight:var(--fw-regular)}tbody tr:hover{background:#f8fafc}.clickable{cursor:pointer}.status{padding:6px 10px;border-radius:var(--radius);font-weight:var(--fw-semibold);font-size:10px;border:1px solid var(--border);text-transform:uppercase}.status--ok{background:#dcfce7;border-color:#86efac;color:#166534}.status--warn{background:#ffedd5;border-color:#fdba74;color:#9a3412}.empty{margin-top:18px;padding:22px;text-align:center;color:var(--muted);font-weight:var(--fw-regular)}.empty__icon{font-size:2.2rem;margin-bottom:10px}.footer{margin-top:18px;padding:12px 0;font-size:.95rem;text-align:center;color:var(--muted);font-weight:var(--fw-regular)}@media(max-width:980px){.hero{grid-template-columns:1fr}.kpis{grid-template-columns:repeat(2,1fr)}.grid{grid-template-columns:1fr}}@media(max-width:520px){.topbar__inner{padding:12px 0;gap:10px}.brand__subtitle{display:none}.kpis{grid-template-columns:1fr}.dropzone__content{flex-direction:column;align-items:stretch}.dropzone__icon{width:44px;height:44px;border-radius:var(--radius)}}.small{font-size:.82rem!important}