:root{--bg:#faf9f7;--surface:#fff;--sunk:#f1efec;--ink:#16191b;--ink-soft:#4a5054;--muted:#767c80;--rule:#e2dfda;--accent:#0e5055;--accent-ink:#0a3d41;--accent-soft:#d9e7e7;--warn:#a94e38;--warn-soft:#f0ded8;--ok:#3d6b4a;--ok-soft:#dbe8de;--aviso:#3b2c00;--aviso-soft:#f5cf3b;--dia-0:#16646f;--dia-0-soft:#d2eaed;--dia-1:#2b5ea0;--dia-1-soft:#d8e5f6;--dia-2:#7a5c0f;--dia-2-soft:#f2e6c0;--dia-3:#64409a;--dia-3-soft:#e7dcf5;--dia-4:#3f7038;--dia-4-soft:#d9ecd5;--dia-5:#97386a;--dia-5-soft:#f7dae9;--dia-6:#55606b;--dia-6-soft:#e3e7ea;--radius:8px;--nav-h:60px}@media (prefers-color-scheme:dark){:root{--bg:#0f1214;--surface:#171b1e;--sunk:#1e2327;--ink:#e9eae8;--ink-soft:#c2c7c9;--muted:#8e9599;--rule:#272d31;--accent:#4fb2b8;--accent-ink:#7fcfd4;--accent-soft:#16383b;--warn:#de8465;--warn-soft:#3a211a;--ok:#74ae83;--ok-soft:#26523a;--aviso:#1d1600;--aviso-soft:#e6c65c;--dia-0:#6ec8d5;--dia-0-soft:#0e363c;--dia-1:#85b5ef;--dia-1-soft:#16304f;--dia-2:#dcbd5e;--dia-2-soft:#3b2f0c;--dia-3:#bfa2ec;--dia-3-soft:#2e2148;--dia-4:#92ca86;--dia-4-soft:#1f3a1c;--dia-5:#ef95c0;--dia-5-soft:#431a31;--dia-6:#a8b2ba;--dia-6-soft:#262b30}}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;padding-bottom:calc(var(--nav-h) + env(safe-area-inset-bottom));margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:16px;line-height:1.5}a{color:var(--accent);text-decoration:none}.wrap{max-width:760px;margin:0 auto;padding:16px}h1{letter-spacing:-.02em;margin:0 0 4px;font-size:22px}h2{letter-spacing:.02em;text-transform:uppercase;color:var(--muted);margin:28px 0 10px;font-size:15px;font-weight:600}p.sub{color:var(--muted);margin:0 0 20px;font-size:14px}.card{background:var(--surface);border:1px solid var(--rule);border-radius:var(--radius);margin-bottom:12px;padding:16px}.grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;display:grid}.stat{background:var(--surface);border:1px solid var(--rule);border-radius:var(--radius);padding:14px}.stat .n{letter-spacing:-.03em;font-variant-numeric:tabular-nums;font-size:26px;font-weight:600;line-height:1.1;display:block}.stat .k{color:var(--muted);margin-top:4px;font-size:12.5px;display:block}.stat .n.warn{color:var(--warn)}.stat .n.ok{color:var(--ok)}.bar{background:var(--sunk);border-radius:3px;height:6px;margin-top:8px;overflow:hidden}.bar>span{background:var(--accent);height:100%;display:block}.bar>span.warn{background:var(--warn)}label{color:var(--ink-soft);margin:12px 0 4px;font-size:13px;font-weight:500;display:block}input[type=text],input[type=email],input[type=password],input[type=number],textarea,select{width:100%;font:inherit;color:var(--ink);background:var(--surface);border:1px solid var(--rule);border-radius:var(--radius);padding:11px 12px;font-size:16px}textarea{resize:vertical;min-height:90px}button,.btn{font:inherit;color:#fff;background:var(--accent);border-radius:var(--radius);cursor:pointer;border:1px solid #0000;margin-top:14px;padding:11px 16px;font-weight:600;display:inline-block}a.btn{text-decoration:none}button.ghost,a.btn.ghost{color:var(--accent);border:1px solid var(--rule);background:0 0}button.danger{background:var(--warn)}button:disabled{opacity:.5;cursor:default}.acciones{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.acciones form{display:contents}@media (max-width:620px){.row.con-acciones{flex-wrap:wrap;align-items:flex-start}.row.con-acciones .main{flex:1 0 100%}.row.con-acciones .acciones{flex:1 0 100%;margin-top:8px}}.row{border-bottom:1px solid var(--rule);justify-content:space-between;align-items:baseline;gap:12px;padding:12px 0;display:flex}.row:last-child{border-bottom:0}.row .main{flex:1;min-width:0}.row .name{font-size:15px;font-weight:600}.row .meta{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.row .num{font-variant-numeric:tabular-nums;white-space:nowrap}.tag{text-transform:uppercase;letter-spacing:.06em;background:var(--accent-soft);color:var(--accent-ink);border-radius:4px;padding:2px 7px;font-size:11px;font-weight:600;display:inline-block}.tag.warn{background:var(--warn-soft);color:var(--warn)}.tag.ok{background:var(--ok-soft);color:var(--ok)}.tag.aviso{background:var(--aviso-soft);color:var(--aviso)}.tag.dia-0{background:var(--dia-0-soft);color:var(--dia-0)}.tag.dia-1{background:var(--dia-1-soft);color:var(--dia-1)}.tag.dia-2{background:var(--dia-2-soft);color:var(--dia-2)}.tag.dia-3{background:var(--dia-3-soft);color:var(--dia-3)}.tag.dia-4{background:var(--dia-4-soft);color:var(--dia-4)}.tag.dia-5{background:var(--dia-5-soft);color:var(--dia-5)}.tag.dia-6{background:var(--dia-6-soft);color:var(--dia-6)}.row[class*=dia-],.card[class*=dia-]{border-left-style:solid;border-left-width:3px}.row[class*=dia-]{padding-left:10px}.dia-0{border-left-color:var(--dia-0)}.dia-1{border-left-color:var(--dia-1)}.dia-2{border-left-color:var(--dia-2)}.dia-3{border-left-color:var(--dia-3)}.dia-4{border-left-color:var(--dia-4)}.dia-5{border-left-color:var(--dia-5)}.dia-6{border-left-color:var(--dia-6)}.note{background:var(--warn-soft);border-left:3px solid var(--warn);border-radius:0 var(--radius) var(--radius) 0;margin:12px 0;padding:12px 14px;font-size:14px}.note.info{background:var(--accent-soft);border-left-color:var(--accent);color:var(--accent-ink)}.msg{white-space:pre-wrap;word-break:break-word;border-radius:12px;max-width:82%;margin-bottom:8px;padding:9px 12px;font-size:14.5px}.msg.in{background:var(--sunk);border-bottom-left-radius:3px}.msg.out{background:var(--accent-soft);color:var(--accent-ink);border-bottom-right-radius:3px;margin-left:auto}.msg .who{text-transform:uppercase;letter-spacing:.05em;opacity:.65;margin-bottom:2px;font-size:11px;display:block}nav.bottom{height:calc(var(--nav-h) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:var(--surface);border-top:1px solid var(--rule);z-index:10;scrollbar-width:none;display:flex;position:fixed;bottom:0;left:0;right:0;overflow-x:auto}nav.bottom::-webkit-scrollbar{display:none}nav.bottom a{min-width:56px;color:var(--muted);text-transform:uppercase;letter-spacing:.04em;flex-direction:column;flex:1 0 auto;justify-content:center;align-items:center;gap:3px;font-size:10.5px;display:flex}nav.bottom a .ico{font-size:19px;line-height:1}nav.bottom a[data-active=true]{color:var(--accent)}@media (min-width:760px){nav.bottom{border-top:0;border-bottom:1px solid var(--rule);height:auto;position:static}body{padding-bottom:0}}nav.bottom .nav-salir{min-width:56px;color:var(--muted);text-transform:uppercase;letter-spacing:.04em;cursor:pointer;background:0 0;border:0;flex-direction:column;flex:1 0 auto;justify-content:center;align-items:center;gap:3px;margin:0;padding:0;font-size:10.5px;font-weight:400;display:flex}nav.bottom .nav-salir .ico{font-size:19px;line-height:1}.periodo{max-width:420px;margin:4px 0 16px}.periodo label{margin-top:0}.periodo-fechas{flex-wrap:wrap;align-items:flex-end;gap:8px;margin-top:8px;display:flex}.periodo-fechas>div{flex:140px}.periodo-fechas button{margin-top:0}.periodo input[type=date]{width:100%;font:inherit;color:var(--ink);background:var(--surface);border:1px solid var(--rule);border-radius:var(--radius);padding:10px 12px;font-size:16px}.stat .d{color:var(--ink-soft);margin-top:4px;font-size:12px;display:block}