:root{--bg: #f3f2ee;--bg-alt: #eae8e1;--panel: #fbfaf7;--ink: #1a1b18;--ink-muted: #5b5d55;--ink-faint: #8c8d84;--border: #d9d6cc;--border-strong: #c3bfb2;--accent: #c6431f;--accent-ink: #fdede6;--accent-strong: #a53616;--teal: #1f6e68;--teal-tint: #e3efed;--status-good-fg: #1e6b3c;--status-good-bg: #e2f0e5;--status-warn-fg: #93650a;--status-warn-bg: #f5e9d2;--status-bad-fg: #a53616;--status-bad-bg: #fdede6;--font-display: -apple-system, BlinkMacSystemFont, "Segoe UI Semibold", "Segoe UI", sans-serif;--font-body: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: ui-monospace, "SF Mono", "Cascadia Mono", Menlo, Consolas, monospace}@media (prefers-color-scheme: dark){:root{--bg: #15171a;--bg-alt: #1d2023;--panel: #1a1d20;--ink: #ece9e0;--ink-muted: #a3a49a;--ink-faint: #71736a;--border: #2c2f30;--border-strong: #3b3e3e;--accent: #e2683f;--accent-ink: #3a2117;--accent-strong: #f0865f;--teal: #56a89f;--teal-tint: #16302c;--status-good-fg: #6cc98a;--status-good-bg: #1c3226;--status-warn-fg: #e2b95d;--status-warn-bg: #3a2f16;--status-bad-fg: #f0865f;--status-bad-bg: #3a2117}}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font-body);font-size:15px;line-height:1.5}a{color:var(--accent-strong)}button,input,select{font-family:inherit;font-size:inherit}.app-shell{min-height:100%;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;justify-content:space-between;padding:.9rem 1.5rem;border-bottom:2px solid var(--ink);background:var(--panel)}.brand{display:flex;align-items:baseline;gap:.6rem}.brand-mark{font-family:var(--font-display);font-weight:800;letter-spacing:-.01em;font-size:1.15rem}.brand-sub{font-family:var(--font-mono);font-size:.7rem;color:var(--ink-faint);text-transform:uppercase;letter-spacing:.08em}nav.main-nav{display:flex;gap:.25rem}nav.main-nav a{padding:.4rem .8rem;border-radius:5px;color:var(--ink-muted);text-decoration:none;font-size:.88rem;font-weight:550}nav.main-nav a.active,nav.main-nav a:hover{background:var(--bg-alt);color:var(--ink)}.user-menu{display:flex;align-items:center;gap:.75rem;font-size:.85rem;color:var(--ink-muted)}.user-menu button{border:1px solid var(--border-strong);background:var(--panel);color:var(--ink);padding:.35rem .7rem;border-radius:5px;cursor:pointer}.user-menu button:hover{background:var(--bg-alt)}.hamburger-btn{display:none;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:36px;height:36px;padding:0;border:1px solid var(--border-strong);border-radius:6px;background:var(--panel);cursor:pointer;flex-shrink:0}.hamburger-btn:hover{background:var(--bg-alt)}.hamburger-bar{display:block;width:18px;height:2px;background:var(--ink);border-radius:1px}.mobile-nav-panel{display:none}@media (max-width: 760px){.topbar{flex-wrap:nowrap}.brand-sub{display:none}nav.main-nav,.topbar>.user-menu{display:none}.hamburger-btn{display:flex}.mobile-nav-panel{display:flex;flex-direction:column;gap:.15rem;padding:.75rem 1.5rem 1rem;border-bottom:2px solid var(--ink);background:var(--panel)}.mobile-nav-panel nav{display:flex;flex-direction:column;gap:.15rem}.mobile-nav-panel nav a{padding:.6rem .5rem;border-radius:5px;color:var(--ink-muted);text-decoration:none;font-size:.95rem;font-weight:550}.mobile-nav-panel nav a.active,.mobile-nav-panel nav a:hover{background:var(--bg-alt);color:var(--ink)}.mobile-user-info{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-top:.5rem;padding:.75rem .5rem 0;border-top:1px solid var(--border);font-size:.85rem;color:var(--ink-muted)}.mobile-user-info button{border:1px solid var(--border-strong);background:var(--panel);color:var(--ink);padding:.35rem .7rem;border-radius:5px;cursor:pointer}}main.content{flex:1;max-width:1180px;width:100%;margin:0 auto;padding:2rem 1.5rem 4rem}h1.page-title{font-family:var(--font-display);font-weight:800;font-size:1.5rem;margin:0 0 .3rem;letter-spacing:-.01em}p.page-lead{color:var(--ink-muted);margin:0 0 1.75rem;max-width:62ch}.table-wrap{overflow-x:auto;border:1px solid var(--border);border-radius:8px;background:var(--panel)}table{border-collapse:collapse;width:100%;font-size:.88rem;min-width:520px}thead th{text-align:left;font-family:var(--font-mono);font-size:.7rem;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-faint);background:var(--bg-alt);padding:.6rem .9rem;border-bottom:1px solid var(--border-strong);white-space:nowrap}tbody td{padding:.65rem .9rem;border-bottom:1px solid var(--border);vertical-align:middle;font-variant-numeric:tabular-nums}tbody tr:last-child td{border-bottom:none}tbody tr:hover{background:var(--bg-alt)}tr.row-clickable{cursor:pointer}tr.row-clickable:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.pill{display:inline-block;font-family:var(--font-mono);font-size:.7rem;letter-spacing:.03em;text-transform:uppercase;padding:.18em .55em;border-radius:999px;font-weight:600;white-space:nowrap}.pill-good{color:var(--status-good-fg);background:var(--status-good-bg)}.pill-warn{color:var(--status-warn-fg);background:var(--status-warn-bg)}.pill-bad{color:var(--status-bad-fg);background:var(--status-bad-bg)}.pill-neutral{color:var(--ink-muted);background:var(--bg-alt)}.pill-link{text-decoration:none;cursor:pointer;border:1px solid var(--border-strong)}.pill-link:hover{background:var(--accent-ink);color:var(--accent-strong);border-color:var(--accent)}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;gap:.4rem;border:1px solid var(--border-strong);background:var(--panel);color:var(--ink);padding:.5rem .9rem;border-radius:6px;font-weight:600;font-size:.85rem;cursor:pointer;text-decoration:none}.btn:hover{background:var(--bg-alt)}.btn-primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-strong)}.btn:disabled{opacity:.5;cursor:not-allowed}.field{display:flex;flex-direction:column;gap:.35rem;margin-bottom:1rem}.field label{font-size:.8rem;font-weight:600;color:var(--ink-muted)}.field input,.field select{padding:.5rem .7rem;border:1px solid var(--border-strong);border-radius:6px;background:var(--panel);color:var(--ink)}.field input:focus,.field select:focus{outline:2px solid var(--accent);outline-offset:1px}.inline-input{width:5.5rem;padding:.3rem .5rem;border:1px solid var(--border-strong);border-radius:5px;background:var(--panel);color:var(--ink);font-variant-numeric:tabular-nums}.inline-input-dirty{border-color:var(--accent);background:var(--accent-ink)}.save-bar{position:sticky;top:1rem;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:1rem;background:var(--accent-ink);border:1px solid var(--accent);border-radius:8px;padding:.75rem 1rem;margin-bottom:1rem;box-shadow:0 4px 16px #00000014;font-weight:600;color:var(--accent-strong)}.save-bar-actions{display:flex;gap:.5rem}.th-sort-btn{all:unset;cursor:pointer;display:inline-flex;align-items:center;font:inherit;letter-spacing:inherit;text-transform:inherit;color:inherit}.th-sort-btn:hover{color:var(--ink)}.th-sort-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:2px}.blank-expand-btn{all:unset;cursor:pointer;display:inline-flex;align-items:center;gap:.45rem;font:inherit;color:inherit}.blank-expand-btn:hover{color:var(--accent-strong)}.blank-expand-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:2px}.chevron{display:inline-block;font-size:.65em;color:var(--ink-faint);transition:transform .15s ease}.chevron-open{transform:rotate(90deg)}.order-details-table{border-collapse:collapse;width:auto;min-width:360px;font-size:.85rem}.order-details-table th{text-align:left;font-family:var(--font-mono);font-size:.68rem;letter-spacing:.05em;text-transform:uppercase;color:var(--ink-faint);padding:.35rem 1.25rem .35rem 0;white-space:nowrap}.order-details-table td{padding:.3rem 1.25rem .3rem 0;white-space:nowrap}.expand-heading{font-family:var(--font-mono);font-size:.7rem;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-faint);margin:0 0 .4rem}.card{background:var(--panel);border:1px solid var(--border);border-radius:8px;padding:1.25rem}.side-by-side-layout{display:flex;flex-direction:column;gap:1.75rem;align-items:flex-start}.side-by-side-layout .decoration-form{width:100%;max-width:480px;margin:0}@media (min-width: 900px){.side-by-side-layout{flex-direction:row}.side-by-side-layout .decoration-form{flex:0 0 320px;max-width:320px;position:sticky;top:1.5rem}.side-by-side-layout .table-wrap{flex:1;min-width:0}}.empty-state{color:var(--ink-faint);font-size:.9rem;padding:2rem 0;text-align:center}.pagination{display:flex;align-items:center;justify-content:center;gap:1rem;margin-top:1.25rem;font-size:.85rem;color:var(--ink-muted)}.pagination-status{font-variant-numeric:tabular-nums}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.page-spinner{display:flex;align-items:center;justify-content:center;padding:4.5rem 0}.spinner{width:28px;height:28px;border-radius:50%;border:3px solid var(--border-strong);border-top-color:var(--accent);animation:spin .7s linear infinite}@media (prefers-reduced-motion: reduce){.spinner{animation:none;opacity:.6}}@keyframes spin{to{transform:rotate(360deg)}}.login-shell{min-height:100%;display:flex;align-items:center;justify-content:center;padding:2rem}.login-card{width:100%;max-width:380px;background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:2rem}.login-title{font-family:var(--font-display);font-weight:800;font-size:1.3rem;margin:0 0 .3rem}.login-sub{color:var(--ink-muted);font-size:.9rem;margin:0 0 1.5rem}.form-error{color:var(--status-bad-fg);background:var(--status-bad-bg);padding:.6rem .8rem;border-radius:6px;font-size:.85rem;margin-bottom:1rem}.replacement-callout{color:var(--status-warn-fg);background:var(--status-warn-bg);padding:.6rem .8rem;border-radius:6px;font-size:.82rem;margin-bottom:.9rem}.replacement-callout ul{margin:.4rem 0 0;padding-left:1.2rem}.replacement-callout li{margin:.15rem 0}