*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--ink: #000;--surface: #fff;--muted: #666;--hairline: #e0e0e0;--brand-blue: #0062e2;--danger: #c00}.on-dark{--ink: #fff;--surface: #000;--muted: #aaa;--hairline: #333;--danger: #ff4d4d;background:var(--surface);color:var(--ink)}html{font-family:system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{min-height:100dvh;background:#fff;color:#000;line-height:1.4}h1{font-size:1.5rem;font-weight:700;margin-bottom:1rem}h2{font-size:1.125rem;font-weight:700}img,canvas,video{display:block;max-width:100%}a{color:#0056b3}input,select,textarea{font-family:inherit;font-size:16px;color:#000;background:#fff;border:1px solid #6c6c6c;padding:0 12px;border-radius:6px;height:44px}input:focus,select:focus,textarea:focus{outline:2px solid #000;outline-offset:-2px}button,.button,.btn{font-family:inherit;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;height:48px;padding:0 1.25rem;font-weight:600;font-size:1rem;line-height:1;border-radius:8px;text-decoration:none;white-space:nowrap;background:var(--ink);color:var(--surface);border:1px solid var(--surface)}.btn-primary{background:var(--ink);color:var(--surface);border-color:var(--surface)}.btn-secondary,.action-btn,.pagination-btn{background:var(--surface);color:var(--ink);border:1px solid var(--ink)}.btn-sm,.action-btn,.pagination-btn{height:36px;padding:0 .75rem;border-radius:6px;font-size:.8rem}.btn-block{width:100%}.btn-danger,.action-btn.delete{background:var(--surface);color:var(--danger);border-color:var(--danger)}.btn-accent,.action-btn.deliver{background:var(--surface);color:var(--brand-blue);border-color:var(--brand-blue)}button:disabled,.button:disabled,.button.disabled,.btn:disabled{opacity:.4;cursor:not-allowed}form{display:flex;flex-direction:column;gap:1rem}section{display:flex;flex-direction:column;gap:1rem}.card{background:transparent;width:100%;padding:2.5rem;margin:0 auto;display:flex;flex-direction:column;gap:1.5rem;align-items:center}.page-center{min-height:100dvh;display:flex;justify-content:center;padding:1.5rem;padding-top:max(1.5rem,env(safe-area-inset-top));padding-bottom:max(1.5rem,env(safe-area-inset-bottom))}.panel{width:100%;max-width:600px}.panel-header{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:1rem}.search{width:100%;margin-bottom:1rem}.back-link{font-size:.875rem}.pagination{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:1rem;margin-top:1.5rem}.page-info{color:var(--muted);font-size:.9rem}.row-actions{display:flex;flex-direction:row;gap:.75rem;flex-wrap:wrap}.created{color:#888;font-size:.8rem;font-variant-numeric:tabular-nums;margin:0}.raw-note,.trim-info{color:#666;font-size:.8rem;margin:0}.empty{color:var(--muted)}.status{--accent: #555;flex-shrink:0;padding:.25rem .5rem;border-radius:4px;font-size:.7rem;letter-spacing:.03em;text-transform:uppercase;font-weight:700;white-space:nowrap;background:color-mix(in srgb,var(--accent) 12%,#fff);color:var(--accent);border:1px solid color-mix(in srgb,var(--accent) 35%,transparent)}.status.pending{--accent: #b7791f}.status.processing{--accent: #2563eb}.status.processed{--accent: #475569}.status.delivered{--accent: #15803d}.status.failed{--accent: #c0243c}.status.delivery-failed{--accent: #ea580c}