:root{--bg: #f5f7f6;--surface: #fff;--ink: #15211f;--muted: #5b6b68;--line: #d9e1df;--soft: #eaf0ee;--accent: #0d5c55;--accent-ink: #fff;--accent-soft: #dcecea;--ok: #1f7a3f;--ok-soft: #e1f2e6;--warn: #9a5b00;--warn-soft: #fbefd9;--bad: #b0342a;--bad-soft: #f8e2df;--f-body: "Segoe UI", system-ui, -apple-system, sans-serif;--f-mono: ui-monospace, Consolas, Menlo, monospace;color-scheme:light}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:14px/1.45 var(--f-body)}a{color:var(--accent)}code,.mono{font-family:var(--f-mono);font-size:12px}.small{font-size:11px}h1{font-size:24px;margin:0}h2{font-size:18px;margin:0}h3{font-size:13px;margin:0;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}p{margin:0;max-width:80ch}.app{min-height:100vh}header.top{background:var(--surface);border-bottom:1px solid var(--line);padding:10px 20px;display:flex;flex-wrap:wrap;gap:12px 24px;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:2}.marca{display:flex;flex-direction:column}.marca span{font-size:12px;color:var(--muted)}.menu{display:flex;flex-wrap:wrap;gap:2px}.menu a{padding:7px 11px;border-radius:4px;text-decoration:none;color:var(--muted);font-weight:500}.menu a.active{background:var(--accent-soft);color:var(--accent)}.quien{font-size:12px;color:var(--muted);display:flex;gap:8px;align-items:center}.contenido{max-width:1400px;margin:0 auto;padding:20px}.panel{display:flex;flex-direction:column;gap:16px}.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.kpi{background:var(--surface);border:1px solid var(--line);border-radius:6px;padding:12px 14px;display:flex;flex-direction:column;gap:4px}.kpi .l{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}.kpi .v{font:500 20px var(--f-mono);font-variant-numeric:tabular-nums}.kpi .n{font-size:12px;color:var(--muted)}.card{background:var(--surface);border:1px solid var(--line);border-radius:6px;padding:16px;display:flex;flex-direction:column;gap:12px}.row{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-end}.row.tight{gap:4px;align-items:center}.row.between{justify-content:space-between;align-items:center}.nowrap{flex-wrap:nowrap}.field{display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--muted)}.field.grow{flex:1;min-width:200px}input,select{font:14px var(--f-body);color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:4px;padding:6px 8px;min-width:0}input:disabled,select:disabled{background:var(--soft)}input:focus-visible,select:focus-visible,button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.btn{font:500 13px var(--f-body);border-radius:4px;padding:7px 12px;border:1px solid var(--line);background:var(--surface);color:var(--ink);cursor:pointer;white-space:nowrap}.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.btn.danger{color:var(--bad);border-color:var(--bad)}.btn.small{padding:3px 8px;font-size:12px}.btn:disabled{opacity:.5;cursor:not-allowed}.tablewrap{overflow-x:auto;border:1px solid var(--line);border-radius:6px;background:var(--surface)}table{border-collapse:collapse;width:100%;font-size:13px}th,td{padding:7px 10px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top;white-space:nowrap}th{font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);font-weight:600;background:var(--soft)}td.num,th.num{text-align:right;font-family:var(--f-mono);font-variant-numeric:tabular-nums}td.wrap{white-space:normal;min-width:220px;max-width:420px}tbody tr:last-child td{border-bottom:0}tr.click{cursor:pointer}tr.click:hover td{background:var(--soft)}tr.tachado td{color:var(--muted);text-decoration:line-through}tfoot td{font-weight:600;background:var(--soft)}.pill{display:inline-block;padding:1px 8px;border-radius:10px;font-size:11px;font-weight:600;margin:1px 2px 1px 0;white-space:normal}.pill.ok{background:var(--ok-soft);color:var(--ok)}.pill.warn{background:var(--warn-soft);color:var(--warn)}.pill.bad{background:var(--bad-soft);color:var(--bad)}.pill.mut{background:var(--soft);color:var(--muted)}.pill.acc{background:var(--accent-soft);color:var(--accent)}.bad-text{color:var(--bad)}.note{font-size:12px;color:var(--muted)}.msg{padding:10px 12px;border-radius:6px;font-size:13px;background:var(--accent-soft);color:var(--accent)}.msg.warn{background:var(--warn-soft);color:var(--warn)}.msg.bad{background:var(--bad-soft);color:var(--bad)}.msg.ok{background:var(--ok-soft);color:var(--ok)}.empty{padding:28px;text-align:center;color:var(--muted)}.kv{display:grid;grid-template-columns:max-content 1fr;gap:4px 16px;margin:0}.kv dt{color:var(--muted)}.kv dd{margin:0}.login{min-height:100vh;display:grid;place-items:center;padding:16px}.login .card{width:min(420px,100%)}.qr{width:200px;height:200px;align-self:center}@media(max-width:700px){.contenido{padding:12px}header.top{padding:10px 12px}}