:root{--bg:#f6f7f9;--card:#fff;--text:#1a1d21;--muted:#6b7280;--border:#e5e7eb;--brand:#2f6f4f;--brand-ink:#fff;--accent:#b45309;--danger:#b42318;--ok-bg:#e7f4ed;--ok-text:#1f6a45;--shadow:0 1px 2px #1018280d, 0 1px 3px #1018281a;--radius:14px}@media (prefers-color-scheme:dark){:root{--bg:#0f1215;--card:#171b1f;--text:#e8eaed;--muted:#9aa3ad;--border:#2a3036;--brand:#4c9a74;--brand-ink:#0f1215;--accent:#d08a3e;--danger:#e5675a;--ok-bg:#16281f;--ok-text:#7fd0a4;--shadow:none}}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans TC,PingFang TC,Microsoft JhengHei,sans-serif;line-height:1.55}.wrap{max-width:560px;margin:0 auto;padding:24px 16px 48px}.topbar{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:20px;display:flex}h1{letter-spacing:-.01em;margin:0 0 4px;font-size:22px}.sub{color:var(--muted);margin:0;font-size:14px}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:20px 18px}label{margin:0 0 6px;font-size:14px;font-weight:600;display:block}.field{margin-bottom:16px}input[type=text],input[type=number],input[type=password],input[type=date],textarea{border:1px solid var(--border);background:var(--bg);width:100%;color:var(--text);border-radius:10px;padding:12px 14px;font-family:inherit;font-size:16px}input:focus,textarea:focus{outline:2px solid var(--brand);outline-offset:1px;border-color:#0000}textarea{resize:vertical;min-height:64px}.stepper{align-items:stretch;gap:8px;display:flex}.stepper input{text-align:center}.stepper button{border:1px solid var(--border);background:var(--bg);width:48px;color:var(--text);cursor:pointer;border-radius:10px;font-size:22px}.row2{grid-template-columns:1fr 1fr;gap:12px;display:grid}.btn{background:var(--brand);width:100%;color:var(--brand-ink);cursor:pointer;border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;padding:14px 16px;font-family:inherit;font-size:16px;font-weight:700;display:inline-flex}.btn:disabled{opacity:.6;cursor:not-allowed}.btn.secondary{color:var(--text);border-color:var(--border);background:0 0}.btn.small{width:auto;padding:8px 12px;font-size:14px}.hint{color:var(--muted);margin:6px 0 0;font-size:13px}.total-line{justify-content:space-between;align-items:baseline;padding:14px 0 4px;font-size:15px;display:flex}.total-line strong{font-size:22px}.error{background:color-mix(in srgb, var(--danger) 12%, transparent);color:var(--danger);border:1px solid color-mix(in srgb, var(--danger) 35%, transparent);border-radius:10px;margin-bottom:14px;padding:10px 12px;font-size:14px}.success{text-align:center;padding:24px 8px}.success .mark{background:var(--ok-bg);width:64px;height:64px;color:var(--ok-text);border-radius:50%;place-items:center;margin:0 auto 14px;font-size:34px;display:grid}.stats{grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:18px;display:grid}.stat{background:var(--card);border:1px solid var(--border);text-align:center;border-radius:12px;padding:12px}.stat .n{font-size:20px;font-weight:800}.stat .l{color:var(--muted);font-size:12px}.date-form{gap:8px;margin-bottom:16px;display:flex}.date-form input{flex:1}.order{background:var(--card);border:1px solid var(--border);border-radius:12px;margin-bottom:10px;padding:12px 14px}.order.paid{opacity:.72}.order-head{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.order-name{font-size:16px;font-weight:700}.order-amt{white-space:nowrap;font-size:16px;font-weight:800}.order-meta{color:var(--muted);margin-top:2px;font-size:13px}.order-actions{gap:8px;margin-top:10px;display:flex}.pill{border-radius:999px;padding:3px 9px;font-size:12px;font-weight:700}.pill.unpaid{background:color-mix(in srgb, var(--accent) 16%, transparent);color:var(--accent)}.pill.paid{background:var(--ok-bg);color:var(--ok-text)}.empty{text-align:center;color:var(--muted);padding:40px 0}a{color:var(--brand)}.link-btn{color:var(--muted);cursor:pointer;background:0 0;border:none;padding:0;font-family:inherit;font-size:14px;text-decoration:underline}