:root{--bg:#f3f5f9;--surface:#ffffff;--sunk:#e9edf4;--line:#d5dbe6;--fg:#18213a;--muted:#5b6680;--accent:#24408e;--accent-fg:#ffffff;--stamp:#b3261e;--s-pending:#6b7385;--s-packed:#a86400;--s-dispatched:#1f5fbf;--s-delivered:#1d7a46;--s-returned:#b3261e;--f-display:"Archivo",system-ui,sans-serif;--f-body:"Source Sans 3",system-ui,sans-serif;--f-mono:"JetBrains Mono",ui-monospace,monospace;--r:6px;color-scheme:light}@media (prefers-color-scheme:dark){:root{--bg:#0f1422;--surface:#161d2f;--sunk:#1c2439;--line:#2b3550;--fg:#e4e8f2;--muted:#98a2bb;--accent:#8fa8f0;--accent-fg:#0f1422;--stamp:#f08a80;--s-pending:#a3abbd;--s-packed:#f0b351;--s-dispatched:#7fb0ff;--s-delivered:#6fd19a;--s-returned:#f08a80;color-scheme:dark}}*{box-sizing:border-box}html,body{margin:0}body{background:var(--bg);color:var(--fg);font-family:var(--f-body);font-size:15px;line-height:1.45}.wrap{max-width:1320px;margin:0 auto;padding-left:16px;padding-right:16px}header.top{position:sticky;top:0;z-index:5;background:var(--surface);border-bottom:1px solid var(--line)}header.top .wrap{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding-block:12px}.brand{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;margin-right:auto}h1{font-family:var(--f-display);font-weight:800;font-size:22px;letter-spacing:-.01em;margin:0}.brand small{font-family:var(--f-mono);font-size:12px;color:var(--muted)}.who{font-size:13px;color:var(--muted)}.btn{font:600 14px var(--f-body);border:1px solid var(--line);background:var(--surface);color:var(--fg);border-radius:var(--r);padding:8px 14px;cursor:pointer;white-space:nowrap;text-decoration:none;display:inline-flex;align-items:center}.btn:hover{border-color:var(--accent)}.btn.primary{background:var(--accent);color:var(--accent-fg);border-color:var(--accent)}.btn.danger{color:var(--stamp)}.btn:disabled{opacity:.5;cursor:not-allowed}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}main{display:flex;flex-direction:column;gap:16px;padding-block:18px 40px}.notice{background:var(--sunk);border:1px solid var(--line);border-radius:var(--r);padding:10px 14px;color:var(--muted);font-size:14px}.notice.err{color:var(--stamp)}.stats{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}.stat{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:10px 12px;text-align:left;cursor:pointer;font:inherit;color:inherit;display:flex;flex-direction:column;gap:2px}.stat .n{font-family:var(--f-display);font-weight:700;font-size:26px;font-variant-numeric:tabular-nums;line-height:1.1}.stat .l{font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);display:flex;align-items:center;gap:6px}.stat .dot{width:8px;height:8px;border-radius:50%;background:currentColor}.stat[aria-pressed=true]{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}@media (max-width:760px){.stats{grid-template-columns:repeat(3,minmax(0,1fr))}}.toolbar{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.toolbar input,.toolbar select{font:inherit;background:var(--surface);color:var(--fg);border:1px solid var(--line);border-radius:var(--r);padding:8px 10px;min-width:0}.toolbar .q{flex:1 1 260px}.tablebox{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:980px}th,td{padding:9px 12px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}th{font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-weight:600;background:var(--sunk)}tbody tr:hover{background:var(--sunk)}tbody tr{cursor:pointer}.mono{font-family:var(--f-mono);font-size:13px;font-variant-numeric:tabular-nums}.sub{color:var(--muted);font-size:13px}.st-Pending{color:var(--s-pending)}.st-Packed{color:var(--s-packed)}.st-Dispatched{color:var(--s-dispatched)}.st-Delivered{color:var(--s-delivered)}.st-Returned{color:var(--s-returned)}select.st{font:600 12px var(--f-body);border:1px solid var(--line);border-radius:99px;padding:3px 6px;background:var(--surface);color:inherit}.empty{padding:40px 16px;text-align:center;color:var(--muted)}.empty strong{display:block;color:var(--fg);font-family:var(--f-display);font-size:18px;margin-bottom:4px}.foot{display:flex;gap:10px;align-items:center;flex-wrap:wrap;color:var(--muted);font-size:13px}.foot .sp{flex:1}.scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a0e1973;z-index:20}.sheet{position:fixed;top:0;right:0;bottom:0;width:min(640px,100%);background:var(--surface);z-index:21;display:flex;flex-direction:column;border-left:1px solid var(--line)}.sheet-h{display:flex;align-items:center;gap:10px;padding:14px 18px;border-bottom:1px solid var(--line)}.sheet-h h2{font-family:var(--f-display);font-size:18px;margin:0 auto 0 0}.sheet-b{overflow-y:auto;padding:16px 18px;display:flex;flex-direction:column;gap:18px;flex:1}.sheet-f{display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap;padding:12px 18px;border-top:1px solid var(--line)}fieldset{border:0;padding:0;margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 12px}legend{font-family:var(--f-display);font-weight:700;font-size:13px;text-transform:uppercase;letter-spacing:.08em;color:var(--accent);margin-bottom:8px;padding:0}.f{display:flex;flex-direction:column;gap:4px;min-width:0}.f.full{grid-column:1/-1}.f label{font-size:13px;font-weight:600;color:var(--muted)}.f input,.f select,.f textarea{font:inherit;background:var(--bg);color:var(--fg);border:1px solid var(--line);border-radius:var(--r);padding:8px 10px;width:100%}.f textarea{min-height:64px;resize:vertical}.req:after{content:" *";color:var(--stamp)}@media (max-width:520px){fieldset{grid-template-columns:1fr}}.hist{font-size:13px;color:var(--muted);display:flex;flex-direction:column;gap:4px;border-top:1px solid var(--line);padding-top:10px}.hist b{color:var(--fg);font-weight:600}.proof img{max-height:140px;border-radius:var(--r);border:1px solid var(--line)}.toast{position:fixed;left:50%;transform:translate(-50%);bottom:84px;background:var(--fg);color:var(--bg);padding:10px 16px;border-radius:var(--r);z-index:30;font-weight:600;max-width:calc(100% - 32px)}.dlg{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;z-index:25;padding:16px}.dlg .box{position:relative;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);width:min(620px,100%);max-height:90vh;overflow:auto;padding:18px;display:flex;flex-direction:column;gap:12px}.dlg h3{margin:0;font-family:var(--f-display)}.dlg textarea{font:13px var(--f-mono);min-height:160px;width:100%;background:var(--bg);color:var(--fg);border:1px solid var(--line);border-radius:var(--r);padding:8px}.row{display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap}.login{max-width:400px;margin:12vh auto;padding:0 16px;display:flex;flex-direction:column;gap:14px}.login .card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:20px;display:flex;flex-direction:column;gap:12px}.labels{display:none}@media print{body{background:#fff;color:#000}.app{display:none!important}.labels{display:grid;grid-template-columns:1fr 1fr;gap:6mm;font:11pt Arial,sans-serif}.labels .from{grid-column:1/-1;font-size:9pt;border-bottom:1px solid #ccc;padding-bottom:3mm}.labels .l{border:1px dashed #888;padding:5mm;break-inside:avoid;min-height:45mm}.labels .no{margin-top:3mm;font:9pt monospace;color:#555}@page{size:A4;margin:10mm}}