@import "https://fonts.googleapis.com/css2?family=Playfair+Display:wght@500;600&family=Work+Sans:wght@300;400;500;600&display=swap";:root{--ink:#201d18;--ink-soft:#6b6459;--ink-muted:#a39a8b;--cream:#faf6ef;--card:#fffdfa;--line:#e7ddcc;--gold:#a9834f;--gold-deep:#8a6a3c;--gold-soft:#f1e6d4;--blush:#e7cdb8;--success:#5b7455;--success-bg:#eef2ea;--warning:#8a6a3c;--warning-bg:#f1e6d4;--danger:#a3423d;--danger-bg:#f7e6e4;--info:#4a6d8a;--info-bg:#e8eef3}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--cream);color:var(--ink);padding-bottom:70px;font-family:Work Sans,-apple-system,Helvetica,Arial,sans-serif}.topbar{border-bottom:1px solid var(--line);background:var(--card);justify-content:space-between;align-items:center;padding:22px 40px;display:flex}.brand{align-items:baseline;gap:12px;display:flex}.mark{letter-spacing:.18em;font-family:Playfair Display,serif;font-size:17px;font-weight:600}.tag{color:var(--ink-muted);letter-spacing:.04em;font-size:11px}.back{color:var(--ink-soft);font-size:12px;text-decoration:none}.back:hover{color:var(--gold-deep)}.wrap{max-width:1080px;margin:0 auto;padding:36px 40px 0}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:26px;display:flex}.page-title{font-family:Playfair Display,serif;font-size:26px;font-weight:600}.page-sub{color:var(--ink-soft);margin-top:4px;font-size:13px}.controls{gap:10px;display:flex}input[type=text],select{border:1px solid var(--line);background:var(--card);height:38px;color:var(--ink);border-radius:8px;padding:0 14px;font-family:Work Sans,sans-serif;font-size:13px}input[type=text]{width:260px}input::placeholder{color:var(--ink-muted)}.metrics{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:28px;display:grid}.metric{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:18px 20px}.metric .label{color:var(--ink-soft);font-size:12px}.metric .value{margin-top:6px;font-family:Playfair Display,serif;font-size:26px;font-weight:600}.metric.alert .value{color:var(--danger)}@media (width<=760px){.metrics{grid-template-columns:repeat(2,1fr)}}.card{background:var(--card);border:1px solid var(--line);border-radius:14px;overflow:hidden}table{border-collapse:collapse;width:100%;font-size:13px}th{text-align:left;color:var(--ink-soft);background:var(--gold-soft);letter-spacing:.04em;text-transform:uppercase;padding:13px 16px;font-size:11px;font-weight:600}td{border-bottom:1px solid var(--line);vertical-align:middle;padding:14px 16px}tr:last-child td{border-bottom:none}tr.clickable{cursor:pointer}tr.clickable:hover{background:var(--gold-soft)}.sub{color:var(--ink-muted);margin-top:2px;font-size:11px}.mono{color:var(--ink-soft);font-family:ui-monospace,Menlo,Consolas,monospace;font-size:12px}.badge{white-space:nowrap;border-radius:999px;padding:5px 12px;font-size:11px;font-weight:600;display:inline-block}.badge.transito{background:var(--warning-bg);color:var(--warning)}.badge.reparto{background:var(--info-bg);color:var(--info)}.badge.entregado{background:var(--success-bg);color:var(--success)}.badge.incidencia{background:var(--danger-bg);color:var(--danger)}.badge.preparando{background:var(--line);color:var(--ink-soft)}.btn{border:1px solid var(--line);background:var(--card);cursor:pointer;color:var(--ink);border-radius:7px;padding:7px 12px;font-family:Work Sans,sans-serif;font-size:12px;font-weight:500}.btn:hover{border-color:var(--gold);color:var(--gold-deep)}.note{color:var(--ink-muted);text-align:center;margin-top:16px;font-size:12px}.phase-note{background:var(--gold-soft);border:1px solid var(--blush);color:var(--ink-soft);border-radius:12px;margin-top:24px;padding:16px 20px;font-size:12.5px;line-height:1.6}.phase-note b{color:var(--ink)}.loading{text-align:center;color:var(--ink-muted);padding:60px;font-size:13px}.error-banner{background:var(--danger-bg);color:var(--danger);border-radius:12px;margin-bottom:20px;padding:14px 20px;font-size:13px}.overlay{z-index:50;background:#201d1873;justify-content:center;align-items:flex-start;padding:60px 20px;display:flex;position:fixed;inset:0;overflow-y:auto}.detail-panel{background:var(--card);border:1px solid var(--line);border-radius:16px;width:100%;max-width:560px;padding:28px 30px}.detail-header{justify-content:space-between;align-items:flex-start;margin-bottom:20px;display:flex}.detail-title{font-family:Playfair Display,serif;font-size:20px;font-weight:600}.detail-close{color:var(--ink-muted);cursor:pointer;background:0 0;border:none;font-size:20px;line-height:1}.detail-close:hover{color:var(--ink)}.detail-grid{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:20px;display:grid}.detail-field{background:var(--cream);border-radius:8px;padding:10px 14px}.detail-field .flabel{letter-spacing:.06em;text-transform:uppercase;color:var(--ink-muted);margin-bottom:3px;font-size:10px}.detail-field .fval{font-size:13px;font-weight:500}.timeline{margin-top:6px;list-style:none}.timeline li{border-left:1.5px solid var(--line);padding:0 0 18px 22px;position:relative}.timeline li:last-child{border-left-color:#0000;padding-bottom:0}.timeline li:before{content:"";background:var(--gold);border:2px solid var(--card);border-radius:50%;width:9px;height:9px;position:absolute;top:2px;left:-5px}.timeline .tl-event{font-size:13px;font-weight:500}.timeline .tl-date{color:var(--ink-muted);margin-top:2px;font-size:11px}