:root{--pa-red: #c8321e;--pa-red-strong: #a8291a;--pa-red-soft: #f3d9d2;--pa-ink: #1a1714;--pa-ink-soft: #3a342e;--pa-cream: #f4efe6;--pa-cream-deep: #e6dccb;--pa-paper: #fbf8f2;--pa-muted: #6e655b;--pa-status-pending: var(--pa-red);--pa-status-payment: #b7791f;--pa-status-preparing: var(--pa-ink);--pa-status-route: #2f6f4f;--pa-status-done: var(--pa-muted);--pa-font-display: "Oswald", "Archivo Narrow", "Arial Narrow", sans-serif;--pa-font-body: "Archivo", system-ui, sans-serif;--pa-border: 2px solid var(--pa-ink);--pa-skew: -10deg}*{box-sizing:border-box}html,body{margin:0;height:100%}body{background:var(--pa-cream);color:var(--pa-ink);font-family:var(--pa-font-body);font-size:15px;line-height:1.45;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit;color:inherit}a{color:inherit}h1,h2,h3{font-family:var(--pa-font-display);font-weight:600;text-transform:uppercase;letter-spacing:.02em;margin:0;line-height:1}h2{font-size:20px}h3{font-size:17px}.muted{color:var(--pa-muted)}.num{font-family:var(--pa-font-display);font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:.01em}.page-head{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;flex-wrap:wrap;margin-bottom:26px}.page-title{isolation:isolate}.kicker{display:flex;width:fit-content;align-items:center;gap:8px;margin-bottom:10px;font-family:var(--pa-font-display);font-size:13px;font-weight:500;letter-spacing:.24em;text-transform:uppercase;color:var(--pa-red)}.kicker:before{content:"";width:10px;height:10px;background:var(--pa-red);transform:rotate(45deg)}.page-title h1{position:relative;display:inline-block;z-index:0;font-size:clamp(38px,4.2vw,58px);font-weight:700;letter-spacing:.01em;padding-right:10px}.page-title h1:before{content:"";position:absolute;z-index:-1;left:-6px;right:-18px;bottom:.08em;height:.32em;background:var(--pa-red);transform:rotate(-2.2deg);transform-origin:left}.page-title p{margin:10px 0 0;max-width:62ch;color:var(--pa-muted)}.page-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.pa-tag{display:inline-block;padding:3px 14px 3px 12px;background:var(--pa-red);color:var(--pa-cream);font-family:var(--pa-font-display);font-weight:500;text-transform:uppercase;letter-spacing:.08em;font-size:12px;white-space:nowrap;line-height:1.4;clip-path:polygon(7px 0,100% 0,calc(100% - 7px) 100%,0 100%)}.pa-tag.ink{background:var(--pa-ink)}.pa-tag.payment{background:var(--pa-status-payment)}.pa-tag.route{background:var(--pa-status-route)}.pa-tag.done{background:var(--pa-status-done)}.band{display:flex;align-items:center;gap:12px;background:var(--pa-ink);color:var(--pa-cream);padding:9px 16px;font-family:var(--pa-font-display);font-size:17px;font-weight:500;text-transform:uppercase;letter-spacing:.06em}.band:before{content:"";flex:none;width:11px;height:11px;background:var(--pa-red);transform:rotate(45deg)}.band .grow{flex:1}.band.red{background:var(--pa-red)}.band.red:before{background:var(--pa-cream)}.btn{--btn-bg: var(--pa-red);--btn-fg: var(--pa-cream);--btn-hover: var(--pa-ink);position:relative;isolation:isolate;display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:38px;padding:7px 18px;border:0;background:none;color:var(--btn-fg);cursor:pointer;font-family:var(--pa-font-display);font-weight:500;font-size:14px;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}.btn:before{content:"";position:absolute;inset:0;z-index:-1;background:var(--btn-bg);border:var(--pa-border);transform:skew(var(--pa-skew));transition:background .12s}.btn:hover:before{background:var(--btn-hover)}.btn:active{transform:translateY(1px)}.btn.ink{--btn-bg: var(--pa-ink);--btn-hover: var(--pa-red)}.btn.ghost{--btn-bg: var(--pa-paper);--btn-fg: var(--pa-ink);--btn-hover: var(--pa-cream-deep)}.btn.small{min-height:32px;padding:4px 14px;font-size:13px}.btn:disabled{opacity:.45;cursor:default;transform:none}.btn:disabled:hover:before{background:var(--btn-bg)}.btn:focus-visible{outline:none}.btn:focus-visible:before{border-color:var(--pa-red);box-shadow:inset 0 0 0 2px var(--pa-red)}lucide-icon{display:inline-flex;flex:none}lucide-icon svg{display:block;width:100%;height:100%}.btn lucide-icon,.icon-btn lucide-icon{width:17px;height:17px}.icon-btn{display:inline-flex;align-items:center;justify-content:center;flex:none;width:34px;height:34px;border:var(--pa-border);background:var(--pa-paper);cursor:pointer;transition:background .12s,color .12s}.icon-btn:hover{background:var(--pa-ink);color:var(--pa-cream)}.icon-btn.danger:hover{background:var(--pa-red);color:var(--pa-cream)}.icon-btn:focus-visible{outline:none;border-color:var(--pa-red);box-shadow:inset 0 0 0 2px var(--pa-red)}.tabs{display:flex;flex-wrap:wrap;gap:0;border-bottom:3px solid var(--pa-ink);margin-bottom:22px}.tabs a,.tabs button{display:inline-flex;align-items:center;gap:10px;padding:10px 22px 8px;border:0;background:none;cursor:pointer;text-decoration:none;font-family:var(--pa-font-display);font-size:19px;font-weight:500;text-transform:uppercase;letter-spacing:.06em;color:var(--pa-ink-soft);position:relative}.tabs a:hover,.tabs button:hover{color:var(--pa-red)}.tabs .active{background:var(--pa-ink);color:var(--pa-cream)}.tabs .active:after{content:"";position:absolute;left:0;right:0;bottom:-3px;height:6px;background:var(--pa-red)}.tabs .count{font-size:13px;background:var(--pa-red);color:var(--pa-cream);padding:0 7px;line-height:1.5}@media(max-width:640px){.hide-sm{display:none}.band{flex-wrap:wrap;row-gap:2px}.tabs{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin-bottom:18px}.tabs::-webkit-scrollbar{display:none}.tabs a,.tabs button{flex:none;padding:9px 14px 7px;font-size:16px;white-space:nowrap}.tabs .active:after{bottom:0;height:4px}}.field{display:flex;flex-direction:column;gap:5px}.field>label,.label{font-family:var(--pa-font-display);font-size:13px;font-weight:500;text-transform:uppercase;letter-spacing:.1em;color:var(--pa-ink-soft)}.input{border:var(--pa-border);border-radius:0;background:var(--pa-paper);padding:8px 10px;min-height:40px;width:100%}.input:focus{outline:none;border-color:var(--pa-red);box-shadow:inset 0 -4px 0 var(--pa-red)}.input:disabled{background:var(--pa-cream-deep);color:var(--pa-muted)}textarea.input{min-height:76px;resize:vertical}.check{display:inline-flex;align-items:center;gap:8px;cursor:pointer}.check input{width:18px;height:18px;accent-color:var(--pa-red);margin:0}.form-error{margin:0;background:var(--pa-red-soft);color:var(--pa-red-strong);border-left:6px solid var(--pa-red);padding:9px 12px;font-size:14px}.card{background:var(--pa-paper);border:var(--pa-border)}.switch{position:relative;display:inline-flex;align-items:center;gap:8px;cursor:pointer;font-size:13px}.switch input{position:absolute;opacity:0;width:0;height:0}.switch .track{width:44px;height:22px;border:var(--pa-border);background:var(--pa-cream-deep);position:relative;transition:background .12s;flex:none}.switch .track:after{content:"";position:absolute;top:2px;left:2px;width:14px;height:14px;background:var(--pa-ink);transition:transform .12s}.switch input:checked+.track{background:var(--pa-status-route)}.switch input:checked+.track:after{transform:translate(22px);background:var(--pa-cream)}.switch input:focus-visible+.track{outline:3px solid var(--pa-red);outline-offset:2px}.empty-state{border:2px dashed var(--pa-ink-soft);padding:26px;text-align:center;color:var(--pa-muted);background:#fbf8f299}.backdrop{position:fixed;inset:0;background:#1a171499;display:flex;align-items:flex-start;justify-content:center;padding:6vh 16px;z-index:50;overflow-y:auto}.modal{width:100%;max-width:600px;background:var(--pa-paper);border:var(--pa-border);border-top:10px solid var(--pa-red)}.modal-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px;border-bottom:var(--pa-border)}.modal-head h2{font-size:24px}.modal-body{padding:18px;display:flex;flex-direction:column;gap:16px}.modal-foot{padding:14px 18px;border-top:var(--pa-border);display:flex;justify-content:flex-end;gap:14px;background:var(--pa-cream)}.table{width:100%;border-collapse:collapse;font-size:14px}.table th{text-align:left;padding:8px 10px;background:var(--pa-cream-deep);border-bottom:var(--pa-border);font-family:var(--pa-font-display);font-weight:500;text-transform:uppercase;letter-spacing:.08em;font-size:13px}.table td{padding:9px 10px;border-top:1px solid var(--pa-cream-deep);vertical-align:middle}.table .right{text-align:right}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}