:root{--bg:#0f1115;--card:#181b22;--line:#262a33;--tx:#e8eaef;--mu:#8b92a1;--ac:#d4af6a;--pos:#3ecf8e;--neg:#f06a6a}
*{box-sizing:border-box}html,body{margin:0;overflow-x:hidden}
body{background:var(--bg);color:var(--tx);font:15px/1.5 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;padding:16px max(16px,env(safe-area-inset-left)) 40px}
main{max-width:960px;margin:0 auto}
header{margin:4px 0 16px;display:flex;justify-content:space-between;align-items:flex-start;gap:8px}h1{font-size:20px;font-weight:600;margin:0}h2{font-size:16px;margin:0 0 10px}.sub{color:var(--mu);font-size:13px}
.badge{display:inline-block;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--ac);border:1px solid #3a3426;border-radius:99px;padding:2px 10px;margin-bottom:8px}
.card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:16px;margin-bottom:12px;min-width:0}
.lbl{color:var(--mu);font-size:12px;text-transform:uppercase;letter-spacing:.05em}
.small{color:var(--mu);font-size:12px}.pos{color:var(--pos)}.neg{color:var(--neg)}.gold{color:var(--ac)}
input,select,textarea{width:100%;background:#0f1115;color:var(--tx);border:1px solid var(--line);border-radius:10px;padding:12px;font:16px Inter,system-ui,sans-serif;margin:4px 0 10px}
input:focus,select:focus{outline:none;border-color:var(--ac)}
label{font-size:13px;color:var(--mu)}
button,.btn{background:#20242d;color:var(--tx);border:1px solid var(--line);border-radius:10px;padding:11px 14px;font:600 15px Inter,system-ui,sans-serif;cursor:pointer;text-decoration:none;display:inline-block;text-align:center}
button.pri,.btn.pri{background:var(--ac);color:#1a1508;border-color:var(--ac)}button.ok{background:#11281e;border-color:var(--pos);color:#c9f5df}button.mal{background:#2a1416;border-color:var(--neg);color:#ffd0d0}
button:disabled{opacity:.5}button.sm{padding:6px 10px;font-size:13px}
.row2{display:grid;grid-template-columns:1fr 1fr;gap:10px}.row3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px}
.nums{display:flex;gap:10px;margin-top:8px}.n{flex:1;text-align:center;border:1px solid var(--line);border-radius:14px;padding:12px 0;font-size:44px;font-weight:700;font-variant-numeric:tabular-nums}.n.g{border-color:var(--ac);color:var(--ac)}
.big{font-size:56px;font-weight:700;line-height:1;font-variant-numeric:tabular-nums}
.kv{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid var(--line);font-size:15px}.kv:last-child{border:0}.kv b{font-variant-numeric:tabular-nums}
.alert{border-radius:12px;padding:14px;margin-bottom:12px;font-weight:600;border:1px solid}.alert.a{background:#2a1416;border-color:var(--neg);color:#ffd0d0}.alert.i{background:#221d10;border-color:#5a4a22;color:#f3dfae}.alert.k{background:#11281e;border-color:var(--pos);color:#c9f5df}
.tabs{position:sticky;top:0;z-index:5;display:flex;gap:6px;background:var(--bg);padding:8px 0 12px;overflow-x:auto}
.tabs button{flex:1;white-space:nowrap;color:var(--mu)}.tabs button.on{background:var(--ac);color:#1a1508;border-color:var(--ac)}
.tbl{width:100%;overflow-x:auto}.tbl table{border-collapse:collapse;width:100%;font-size:13px;font-variant-numeric:tabular-nums}
.tbl th,.tbl td{padding:7px 6px;border-bottom:1px solid var(--line);text-align:right;white-space:nowrap}.tbl th{color:var(--mu);font-weight:500;position:sticky;top:0;background:var(--card)}
.tbl td:first-child,.tbl th:first-child{text-align:left}.tbl tr.tot td{font-weight:700;color:var(--ac)}
.chips{display:flex;flex-wrap:wrap;gap:6px}.chip{border:1px solid var(--line);border-radius:99px;padding:4px 10px;font-size:13px}
.st-activo{color:var(--pos)}.st-pendiente{color:var(--ac)}.st-suspendido,.st-rechazado{color:var(--neg)}
.msg{min-height:20px;font-size:14px;margin-top:6px}
details summary{cursor:pointer;color:var(--ac);font-weight:600;padding:4px 0}
.dias label{display:inline-flex;align-items:center;gap:3px;margin-right:8px}.dias input{width:auto;margin:0}
@media (max-width:420px){.n{font-size:38px}.big{font-size:48px}}
.tabs button{padding:10px 8px;font-size:14px}
