:root{--ink: #1a1d21;--paper: #ffffff;--bg: #eef1f5;--muted: #5b6470;--line: #e3e6ea;--accent: #29abe2;--navy: #0b2239;--on-navy: #ffffff;--ok: #1e7f4f;--warn: #9a6a10;--danger: #b3261e;color-scheme:light}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:var(--ink);background:var(--bg)}.center{display:grid;place-items:center;height:100%;padding:2rem}.muted{color:var(--muted)}.small{font-size:.85rem}.strong{font-weight:600}.mono{font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:.85em}.num{text-align:right;font-variant-numeric:tabular-nums}.err{color:var(--danger);font-size:.9rem}.brand{font-size:1.15rem;font-weight:700;letter-spacing:.2px;color:var(--navy)}.brand span{color:var(--accent);font-weight:600}.btn{border:1px solid var(--line);background:var(--paper);color:var(--ink);padding:.55rem .9rem;border-radius:8px;font-size:.9rem;cursor:pointer}.btn:hover{border-color:var(--accent)}.btn:disabled{opacity:.6;cursor:default}.btn.primary{background:var(--navy);color:var(--on-navy);border-color:var(--navy);width:100%}.btn.danger{background:var(--danger);color:#fff;border-color:var(--danger)}.btn.ghost{background:transparent}.login-wrap{min-height:100%;display:grid;place-items:center;background:var(--navy);padding:1.5rem}.login-card{width:340px;background:var(--paper);border-radius:14px;padding:1.8rem;display:flex;flex-direction:column;gap:.5rem;box-shadow:0 20px 60px #00000059}.login-card .brand{font-size:1.4rem}.login-card label,.modal label{display:flex;flex-direction:column;gap:.3rem;font-size:.85rem;color:var(--muted);margin-top:.6rem}.login-card input,.modal input,.modal textarea{padding:.55rem .65rem;border:1px solid var(--line);border-radius:8px;font-size:.95rem;color:var(--ink)}.login-card input:focus,.modal input:focus,.modal textarea:focus{outline:2px solid var(--accent);border-color:var(--accent)}.login-card .btn{margin-top:1rem}.app{min-height:100%}.topbar{display:flex;justify-content:space-between;align-items:center;padding:.8rem 1.5rem;background:var(--paper);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:5}.topbar-right{display:flex;align-items:center;gap:.8rem}.content{max-width:1100px;margin:0 auto;padding:1.5rem;display:flex;flex-direction:column;gap:1.2rem}.page-head{display:flex;justify-content:space-between;align-items:flex-end;gap:1rem;flex-wrap:wrap}.page-head h1{margin:0;font-size:1.4rem;color:var(--navy)}.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:.9rem}.kpi{background:var(--paper);border:1px solid var(--line);border-radius:12px;padding:1rem 1.1rem}.kpi-value{font-size:1.5rem;font-weight:700;color:var(--navy);font-variant-numeric:tabular-nums}.kpi-label{color:var(--muted);font-size:.82rem;margin-top:.2rem}.kpi-big{background:var(--navy);border-color:var(--navy)}.kpi-big .kpi-value{color:var(--on-navy);font-size:1.8rem}.kpi-big .kpi-label{color:#b9c7d6}.card{background:var(--paper);border:1px solid var(--line);border-radius:12px;padding:1.1rem 1.2rem}.card h2{margin:0 0 .8rem;font-size:1rem;color:var(--navy)}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem}table.data{width:100%;border-collapse:collapse;font-size:.9rem}table.data th{text-align:left;color:var(--muted);font-weight:600;padding:.4rem .6rem;border-bottom:2px solid var(--line);font-size:.8rem}table.data td{padding:.5rem .6rem;border-bottom:1px solid var(--line)}table.data tr:last-child td{border-bottom:none}.overflow{overflow-x:auto}.bars{display:flex;flex-direction:column;gap:.5rem}.bar-row{display:grid;grid-template-columns:1fr 2.2fr auto;align-items:center;gap:.6rem;font-size:.85rem}.bar-label{color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bar-track{background:var(--bg);border-radius:6px;height:10px;overflow:hidden}.bar-fill{background:var(--accent);height:100%;border-radius:6px}.bar-value{font-variant-numeric:tabular-nums;font-weight:600;color:var(--navy)}.spark-svg{width:100%;height:120px;display:block}.spark-area{fill:color-mix(in srgb,var(--accent) 18%,transparent)}.spark-line{fill:none;stroke:var(--accent);stroke-width:2;vector-effect:non-scaling-stroke}.spark-axis{display:flex;justify-content:space-between;color:var(--muted);font-size:.75rem;margin-top:.3rem}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0b22398c;display:grid;place-items:center;padding:1rem;z-index:10}.modal{width:420px;max-width:100%;background:var(--paper);border-radius:14px;padding:1.4rem}.modal h2{margin:0 0 .5rem;color:var(--navy)}.modal-actions{display:flex;justify-content:flex-end;gap:.6rem;margin-top:1.1rem}@media (max-width: 780px){.kpis{grid-template-columns:1fr 1fr}.grid2{grid-template-columns:1fr}}