:root{--bg:#f5f4f0;--card:#fff;--ink:#1f2328;--muted:#6b7078;--line:#e2e0d9;--brand:#2f5d50;--brand-ink:#fff;--danger:#b3261e;--warn:#9a6700;--ok:#1a7f4b;--warn-bg:#fff6e0;--ok-bg:#e8f5ee;--radius:10px;color:var(--ink);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}@media (prefers-color-scheme:dark){:root{--bg:#16181a;--card:#1f2326;--ink:#e8e8e6;--muted:#9aa0a6;--line:#343a3f;--brand:#5fa58f;--brand-ink:#0d1512;--danger:#f2877f;--warn:#e3b341;--ok:#56d364;--warn-bg:#3a2f10;--ok-bg:#12301f}}*{box-sizing:border-box}body{background:var(--bg);margin:0;line-height:1.45}h1{margin:0 0 .25rem;font-size:1.6rem}h2{margin:0 0 .6rem;font-size:1.1rem}h3{margin:.8rem 0 .3rem;font-size:1rem}a{color:var(--brand)}p{margin:.4rem 0}.muted{color:var(--muted)}.small{font-size:.85rem}.error,.error-text{color:var(--danger)}.ok-text{color:var(--ok)}.error{font-weight:500}.topbar{background:var(--card);border-bottom:1px solid var(--line);z-index:5;position:sticky;top:0}.topbar-inner{flex-wrap:wrap;align-items:center;gap:.5rem 1.2rem;max-width:1000px;margin:0 auto;padding:.6rem 1rem;display:flex}.brand{color:var(--brand)}nav{flex-wrap:wrap;flex:1;gap:.2rem;display:flex}nav a{color:var(--ink);border-radius:999px;padding:.35rem .7rem;font-size:.92rem;text-decoration:none}nav a.active{background:var(--brand);color:var(--brand-ink)}.who{align-items:center;gap:.6rem;display:flex}.page{gap:1rem;max-width:1000px;margin:0 auto;padding:1.2rem 1rem 4rem;display:grid}.page>*{margin:0}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:1rem}.callout{color:var(--ink);text-decoration:none;display:block}.ok-box{background:var(--ok-bg);border-color:var(--ok)}.warn-box{background:var(--warn-bg);border-color:var(--warn)}.center-screen{place-items:center;min-height:100vh;padding:1rem;display:grid}.center-screen .card{width:min(420px,100%)}.login,.form{gap:.8rem;display:grid}label,.label{gap:.25rem;font-size:.9rem;font-weight:500;display:grid}.label{margin:0}label.check{align-items:flex-start;gap:.5rem;font-weight:400;display:flex}input,select{font:inherit;border:1px solid var(--line);background:var(--card);color:var(--ink);border-radius:8px;width:100%;padding:.5rem .6rem}input[type=checkbox]{width:auto;margin-top:.25rem}.dims{grid-template-columns:repeat(3,1fr);gap:.6rem;display:grid}.btn{font:inherit;border:1px solid var(--line);background:var(--card);color:var(--ink);cursor:pointer;text-align:center;border-radius:8px;padding:.5rem .9rem;text-decoration:none;display:inline-block}.btn.primary{background:var(--brand);color:var(--brand-ink);border-color:var(--brand)}.btn.danger{color:var(--danger);border-color:var(--danger)}.btn.danger:not(:disabled):hover{background:var(--danger);color:#fff}.btn.small{padding:.25rem .6rem;font-size:.85rem}.btn:disabled{opacity:.5;cursor:not-allowed}.row{align-items:center;gap:.6rem;display:flex}.row>label{flex:1}.row.between{justify-content:space-between}.row.end{justify-content:flex-end}.row.wrap{flex-wrap:wrap}.filters>*{flex:1;min-width:180px}.stack{gap:.6rem;display:grid}ul.plain{gap:.6rem;margin:0;padding:0;list-style:none;display:grid}.space h2{margin-bottom:.4rem}.space-numbers{text-align:center;grid-template-columns:repeat(3,1fr);gap:.6rem;margin-bottom:.6rem;display:grid}.space-numbers span{font-size:.8rem;display:block}.space-numbers strong{font-size:1.3rem}.bar{background:var(--line);border-radius:999px;height:12px;overflow:hidden}.bar>div{background:var(--ok);height:100%}.bar.warn>div{background:var(--warn)}.bar.over>div{background:var(--danger)}.tabs{gap:.3rem;display:flex}.tabs button{font:inherit;border:1px solid var(--line);background:var(--card);color:var(--ink);cursor:pointer;border-radius:999px;padding:.4rem .9rem}.tabs button[aria-selected=true]{background:var(--brand);color:var(--brand-ink);border-color:var(--brand)}.piece-list{gap:.5rem;margin:0;padding:0;list-style:none;display:grid}.piece-row{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);color:var(--ink);align-items:center;gap:.8rem;padding:.6rem;text-decoration:none;display:flex}.piece-row:hover{border-color:var(--brand)}.piece-row img,.img-placeholder{object-fit:cover;background:var(--line);border-radius:8px;flex:none;width:64px;height:64px}.piece-main{flex:1;min-width:0;display:grid}.piece-side{text-align:right;justify-items:end;gap:.2rem;display:grid}.badge{border:1px solid var(--line);background:var(--bg);border-radius:999px;padding:.1rem .55rem;font-size:.75rem;display:inline-block}.badge.activa,.badge.req-recibida{color:var(--ok);border-color:var(--ok)}.badge.en_espera,.badge.req-pendiente{color:var(--warn);border-color:var(--warn)}.badge.espera_liberada,.badge.retirada,.badge.req-cancelada{color:var(--muted)}.photo-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.6rem;margin:.6rem 0;display:grid}.photo-grid figure{gap:.3rem;margin:0;display:grid}.photo-grid img,.photo-grid .img-placeholder{object-fit:cover;cursor:zoom-in;border-radius:8px;width:100%;height:130px}.facts{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.6rem;margin:0;display:grid}.facts dt{color:var(--muted);font-size:.8rem}.facts dd{margin:0;font-weight:600}.timeline{border-left:2px solid var(--line);gap:.7rem;margin:0;padding:0 0 0 .8rem;list-style:none;display:grid}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-bottom:1px solid var(--line);white-space:nowrap;padding:.5rem .6rem}th{color:var(--muted);font-size:.8rem;font-weight:600}.num{text-align:right}.row-over td{background:var(--warn-bg)}.modal-backdrop{z-index:20;background:#00000080;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.modal{background:var(--card);border-radius:var(--radius);gap:.8rem;width:min(480px,100%);max-height:90vh;padding:1.2rem;display:grid;overflow:auto}.lightbox{border-radius:8px;max-width:95vw;max-height:90vh}@media (width<=640px){.dims{grid-template-columns:1fr}.piece-side{display:none}.row:not(.wrap):not(.between):not(.end),.row.between{flex-wrap:wrap}}