:root{--bg:#f6f5f1;--surface:#fff;--text:#1d1f1c;--muted:#6b6f68;--line:#e2e0d8;--accent:#2f6b3a;--accent-text:#fff;--warn:#9a4b00;--danger:#a12a2a;color:var(--text);background:var(--bg);font-family:system-ui,-apple-system,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif}*{box-sizing:border-box}body{margin:0}a{color:var(--accent)}main{max-width:1100px;margin:0 auto;padding:16px}header.bar{background:var(--surface);border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:16px;padding:12px 16px;display:flex}header.bar .brand{margin-right:auto;font-weight:700}header.bar a{text-decoration:none}h1{margin:8px 0 16px;font-size:1.4rem}h2{margin:24px 0 8px;font-size:1.1rem}.card{background:var(--surface);border:1px solid var(--line);border-radius:10px;margin-bottom:16px;padding:16px}.muted{color:var(--muted)}.warn{color:var(--warn)}.error{color:var(--danger);background:#fbeaea;border-radius:8px;padding:8px 12px}.ok{color:var(--accent);background:#e9f3ea;border-radius:8px;padding:8px 12px}table{border-collapse:collapse;background:var(--surface);width:100%}th,td{text-align:left;border-bottom:1px solid var(--line);vertical-align:middle;padding:8px}th{color:var(--muted);font-size:.85rem;font-weight:600}td.num,th.num{text-align:right;font-variant-numeric:tabular-nums}input,select,textarea,button{font:inherit}input[type=text],input[type=email],input[type=password],input[type=search],input:not([type]),select,textarea{border:1px solid var(--line);background:#fff;border-radius:8px;width:100%;padding:8px 10px}input.qty{text-align:right;width:6.5em}input.price{text-align:right;width:7em}button,.button{border:1px solid var(--accent);background:var(--accent);color:var(--accent-text);cursor:pointer;border-radius:8px;padding:9px 16px;font-weight:600;text-decoration:none;display:inline-block}button.secondary,.button.secondary{color:var(--accent);background:#fff}button.danger{color:var(--danger);border-color:var(--danger);background:#fff}.row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.stack>*+*{margin-top:12px}.tabs{flex-wrap:wrap;gap:8px;margin-bottom:12px;display:flex}.tabs a{border:1px solid var(--line);color:var(--text);background:#fff;border-radius:999px;padding:6px 12px;text-decoration:none}.tabs a[aria-current=true]{background:var(--accent);border-color:var(--accent);color:#fff}.sticky-submit{background:var(--surface);border-top:1px solid var(--line);justify-content:flex-end;align-items:center;gap:12px;padding:12px 16px;display:flex;position:sticky;bottom:0}.badge{background:#eee;border-radius:999px;padding:2px 8px;font-size:.8rem;display:inline-block}.badge.submitted{color:var(--warn);background:#fff4e0}.badge.invoiced{color:var(--accent);background:#e9f3ea}.badge.cancelled{color:var(--muted);background:#eee}@media (max-width:640px){.hide-narrow{display:none}th,td{padding:6px 4px}}@media print{header.bar,.no-print{display:none!important}body,:root{background:#fff}main{max-width:none;padding:0}.card{border:none;padding:0}.page{page-break-after:always}}.show-narrow{display:none}@media (max-width:640px){.show-narrow{display:inline}header.bar{gap:10px;padding:10px 16px}header.bar .brand{flex-basis:100%}header.bar button{padding:4px 10px}}