:root{--bg:#fffef9;--surface:#fff;--accent:#d48a8a;--accent-dark:#b56b6b;--ink:#3e2f28;--muted:#8a7a6f;--border:#ecd9d0;--peach:#fdf0e6;--danger:#b3402e;--ok:#3f7d4e;--warn:#a8791f;--radius:10px;--shadow:0 1px 3px #3e2f2814, 0 4px 14px #3e2f280f}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font-family:Nunito,-apple-system,Segoe UI,Roboto,sans-serif}h1,h2,h3{margin:0 0 12px;font-family:Lora,Georgia,serif}a{color:var(--accent-dark)}code,.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.88em}.app-shell{min-height:100vh;display:flex}.sidebar{background:var(--peach);border-right:1px solid var(--border);flex-direction:column;flex-shrink:0;gap:4px;width:220px;padding:20px 14px;display:flex}.brand{color:var(--ink);margin:4px 8px 16px;font-family:Lora,Georgia,serif;font-size:1.25rem}.brand small{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-family:Nunito,sans-serif;font-size:.7rem;display:block}.nav-btn{text-align:left;width:100%;color:var(--ink);cursor:pointer;background:0 0;border:0;border-radius:8px;padding:10px 12px;font-size:.95rem;display:block}.nav-btn:hover{background:#d48a8a26}.nav-btn.active{background:var(--accent);color:#fff;font-weight:700}.sidebar .spacer{flex:1}.user-chip{color:var(--muted);border-top:1px solid var(--border);padding:10px 12px;font-size:.82rem}.user-chip strong{color:var(--ink);font-size:.9rem;display:block}.main{flex:1;max-width:1200px;padding:28px 32px}@media (width<=760px){.app-shell{flex-direction:column}.sidebar{flex-flow:wrap;align-items:center;width:100%}.brand{margin:0 8px 0 0}.nav-btn{width:auto}.sidebar .spacer{display:none}.user-chip{border:0;margin-left:auto}.main{padding:18px 14px}}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:18px;padding:20px}.stat-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:14px;margin-bottom:18px;display:grid}.stat{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:14px 16px}.stat .n{color:var(--ink);font-size:1.7rem;font-weight:800}.stat .l{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-size:.78rem}table.tbl{border-collapse:collapse;width:100%;font-size:.92rem}.tbl th{text-align:left;border-bottom:2px solid var(--border);color:var(--muted);text-transform:uppercase;letter-spacing:.05em;padding:10px 12px;font-size:.78rem}.tbl td{border-bottom:1px solid var(--border);padding:10px 12px}.tbl tr:last-child td{border-bottom:0}.tbl tr.clickable{cursor:pointer}.tbl tr.clickable:hover td{background:var(--peach)}.pill{white-space:nowrap;color:var(--ink);background:#eee3da;border-radius:999px;padding:3px 10px;font-size:.78rem;font-weight:700;display:inline-block}.pill.payment_confirmed{color:#2c5f8a;background:#dbeaf7}.pill.sent_for_printing,.pill.printing{color:#8a6d1c;background:#fdf3d8}.pill.printed{color:#2f6b3a;background:#e6f2e4}.pill.qc_check{color:#9a5b1e;background:#ffe9d6}.pill.ready_for_shipping{color:#247a93;background:#d8ecf2}.pill.shipped{color:#2b4f9e;background:#dbe7f7}.pill.delivered{color:#27632f;background:#d9eddc}.pill.payment_failed,.pill.cancelled,.pill.refunded{color:var(--danger);background:#f6dcd8}.pill.reprint_needed{color:#96600f;background:#f8e4c8}.pill.new{color:#4a3f7a;background:#e8e2f4}.pill.in_progress{color:#2c5f8a;background:#dbeaf7}.pill.waiting_on_customer{color:#8a6d1c;background:#fdf3d8}.pill.resolved{color:#27632f;background:#d9eddc}.pill.closed{color:var(--muted);background:#eee3da}.pill.escalated{color:#5f3a8a;background:#e9d9f2}.pill.order_issue{color:#9a5b1e;background:#ffe9d6}.pill.app_bug{color:var(--danger);background:#f6dcd8}.pill.feature_request{color:#4a3f7a;background:#e8e2f4}.thread{flex-direction:column;gap:12px;display:flex}.msg{max-width:82%}.msg .msg-body{white-space:pre-wrap;word-break:break-word;border-radius:12px;padding:10px 14px;font-size:.93rem}.msg .msg-meta{color:var(--muted);margin-bottom:4px;font-size:.75rem}.msg.left{align-self:flex-start}.msg.left .msg-body{background:var(--peach);border:1px solid var(--border);border-top-left-radius:3px}.msg.right{align-self:flex-end}.msg.right .msg-meta{text-align:right}.msg.right .msg-body{background:var(--accent);color:#fff;border-top-right-radius:3px}.stepper{margin:8px 0 4px;display:flex}.step{text-align:center;flex:1;position:relative}.step .dot{border:2px solid var(--border);z-index:1;background:#fff;border-radius:50%;width:18px;height:18px;margin:0 auto 6px;position:relative}.step .lbl{color:var(--muted);font-size:.8rem}.step.done .dot{background:var(--ok);border-color:var(--ok)}.step.done .lbl{color:var(--ink);font-weight:700}.step.current .dot{border-color:var(--accent);box-shadow:0 0 0 4px #d48a8a4d}.step:before{content:"";background:var(--border);width:100%;height:2px;position:absolute;top:8px;left:-50%}.step:first-child:before{display:none}.step.done:before{background:var(--ok)}.field{margin-bottom:14px}.field label{color:var(--ink);margin-bottom:5px;font-size:.82rem;font-weight:700;display:block}input,select,textarea{border:1px solid var(--border);width:100%;color:var(--ink);background:#fff;border-radius:8px;padding:10px 12px;font-family:inherit;font-size:.95rem}input:focus,select:focus,textarea:focus{outline:2px solid var(--accent);border-color:var(--accent)}.btn{background:var(--accent);color:#fff;cursor:pointer;border:0;border-radius:8px;padding:10px 18px;font-size:.95rem;font-weight:700;display:inline-block}.btn:hover{background:var(--accent-dark)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.ghost{color:var(--accent-dark);border:1px solid var(--accent);background:0 0}.btn.ghost:hover{background:#d48a8a1f}.btn.danger{background:var(--danger)}.btn.small{padding:6px 12px;font-size:.85rem}.btn-row{flex-wrap:wrap;gap:10px;margin-top:12px;display:flex}.filters{flex-wrap:wrap;gap:12px;margin-bottom:16px;display:flex}.filters .field{flex:150px;min-width:150px;margin:0}.alert{border-radius:8px;margin-bottom:16px;padding:12px 16px;font-size:.92rem}.alert.error{color:var(--danger);background:#fbe9e6;border:1px solid #eec5bf}.alert.info{color:#2c5f8a;background:#e9f3fb;border:1px solid #c6ddf0}.alert.ok{color:#2f6b3a;background:#e7f3ea;border:1px solid #c4e0cb}.login-wrap{justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.login-card{background:var(--surface);border:1px solid var(--border);width:100%;max-width:400px;box-shadow:var(--shadow);border-radius:14px;padding:32px}.login-card h1{text-align:center;font-size:1.5rem}.login-card .sub{text-align:center;color:var(--muted);margin-bottom:22px;font-size:.85rem}.qr-box{justify-content:center;margin:16px 0;display:flex}.qr-box canvas{border:1px solid var(--border);border-radius:8px}.secret-box{background:var(--peach);border:1px dashed var(--accent);text-align:center;word-break:break-all;border-radius:8px;margin:12px 0;padding:10px}.detail-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px;display:grid}.timeline{margin:0;padding:0;list-style:none}.timeline li{border-left:2px solid var(--border);margin-left:6px;padding:0 0 18px 26px;position:relative}.timeline li:last-child{padding-bottom:0}.timeline li:before{content:"";background:var(--accent);width:12px;height:12px;box-shadow:0 0 0 2px var(--accent);border:2px solid #fff;border-radius:50%;position:absolute;top:2px;left:-7px}.timeline .t{font-weight:700}.timeline .m{color:var(--muted);font-size:.82rem}.timeline .note{background:var(--peach);border-radius:6px;margin-top:4px;padding:6px 10px;font-size:.9rem}.kv{grid-template-columns:130px 1fr;gap:6px 12px;font-size:.92rem;display:grid}.kv dt{color:var(--muted);font-weight:700}.kv dd{margin:0}.empty{color:var(--muted);text-align:center;padding:20px;font-style:italic}.toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:16px;display:flex}.sub{color:var(--muted);font-size:.88rem}.no-data{color:var(--muted);font-size:1rem;font-style:italic;font-weight:600}.tabs{border-bottom:1px solid var(--border);gap:4px;margin-bottom:18px;display:flex}.tab{font:inherit;color:var(--muted);cursor:pointer;background:0 0;border:none;border-bottom:3px solid #0000;flex:1;margin-bottom:-1px;padding:10px 12px;font-weight:700}.tab:hover{color:var(--ink)}.tab.active{color:var(--accent-dark);border-bottom-color:var(--accent)}.bar{background:var(--border);border-radius:4px;height:8px;overflow:hidden}.bar-fill{background:var(--accent);border-radius:4px;height:100%}.pill.assigned{color:#4a3f7a;background:#e8e2f4}.pill.received{color:#2c5f8a;background:#dbeaf7}.pill.handed_to_shipper{color:#247a93;background:#d8ecf2}