:root{font-family:"Microsoft YaHei",system-ui,sans-serif;color:#20352d;background:#f3f6f4;font-size:14px;--green:#176348;--border:#dce5df}*{box-sizing:border-box}body{margin:0}header{background:#fff;border-bottom:1px solid var(--border);padding:24px max(24px,calc((100vw - 1280px)/2));display:flex;align-items:center;justify-content:space-between;gap:20px}h1{margin:4px 0 0;font-size:26px}h2{margin:0;font-size:20px}h3{margin:0;font-size:16px}.eyebrow{margin:0;color:var(--green);font-size:12px;letter-spacing:1px}.header-actions{display:flex;align-items:center;gap:20px}a{color:var(--green)}main{max-width:1328px;margin:auto;padding:20px 24px 50px}.intro,.muted{color:#687970;line-height:1.7}.toolbar{display:flex;gap:12px;align-items:end;padding:18px;background:#fff;border:1px solid var(--border);border-radius:12px}.search{flex:1}.search input{margin-top:6px}input,textarea{display:block;width:100%;border:1px solid #cbd8cf;border-radius:6px;padding:10px;font:inherit;color:inherit;background:#fff}textarea{resize:vertical;min-height:66px}input:focus,textarea:focus{outline:2px solid #89b69d;outline-offset:1px}button{border:1px solid #cad7ce;background:white;color:var(--green);border-radius:7px;padding:10px 14px;font:inherit;cursor:pointer;white-space:nowrap}button:hover{background:#edf4ef}button:disabled{opacity:.5;cursor:wait}.primary{background:var(--green);border-color:var(--green);color:#fff}.primary:hover{background:#124d39}.customer-card{border:1px solid var(--border);background:white;border-radius:12px;margin:14px 0;overflow:hidden}.card-head{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:16px 18px;background:#fafcfb}.card-head h2{font-size:17px;overflow-wrap:anywhere}.card-head p{font-size:12px;margin:5px 0 0;color:#77877d}.card-actions{display:flex;gap:8px}table{border-collapse:collapse;table-layout:fixed;width:100%}th,td{text-align:left;padding:13px 18px;border-top:1px solid #e6ede8;line-height:1.7;overflow-wrap:anywhere;white-space:pre-wrap}th{font-size:12px;font-weight:500;color:#708176;background:#fff}th:nth-child(4){width:15%}th:nth-child(5){width:28%}.price{color:#be3936;font-variant-numeric:tabular-nums;font-weight:600}.empty{padding:40px;text-align:center;color:#74857a;background:#fff;border-radius:12px}.error{color:#b53a35}dialog{width:min(920px,calc(100vw - 32px));max-height:90dvh;padding:0;border:0;border-radius:14px;box-shadow:0 16px 60px #152c3550}dialog::backdrop{background:#122c2966}dialog form{margin:0}.dialog-head{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border);padding:18px 22px}.dialog-body{padding:20px 22px;max-height:65dvh;overflow:auto}.customer-name{display:block;max-width:520px}.customer-name input{margin-top:8px}.section-heading{display:flex;align-items:center;justify-content:space-between;margin:22px 0 14px}.edit-item{padding:16px;border:1px solid var(--border);border-radius:10px;margin-bottom:14px;display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.edit-item label{font-size:13px}.edit-item input,.edit-item textarea{margin-top:6px}.edit-item .note{grid-column:span 2}.item-title{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center}.remove{font-size:12px;color:#a34840;padding:5px 9px}footer{padding:16px 22px;display:flex;gap:10px;align-items:center;border-top:1px solid var(--border)}footer span{margin-right:auto;font-size:12px}.history-entry{padding:15px 0;border-bottom:1px solid var(--border)}.history-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.history-entry h3{margin:0}.history-entry p{line-height:1.7;white-space:pre-wrap;overflow-wrap:anywhere}.history-entry del{color:#9a4f47}.history-entry ins{color:var(--green)}
@media(max-width:640px){header{padding:18px;align-items:start}h1{font-size:22px}.header-actions{flex-direction:column;align-items:end;gap:8px;font-size:12px}main{padding:14px 12px 30px}.intro{font-size:12px}.toolbar{padding:14px;flex-wrap:wrap;gap:8px}.search{flex-basis:100%}.toolbar button{flex:1}.card-head{padding:14px;align-items:start}.card-actions{flex-direction:column;gap:5px}.card-actions button{font-size:12px;padding:7px 9px}table,tbody,tr,td{display:block}thead{display:none}tr{border-top:1px solid var(--border);padding:10px 14px}td{display:grid;grid-template-columns:70px 1fr;gap:8px;border:0;padding:5px 0}td:before{content:attr(data-label);color:#77877d;font-weight:400}.dialog-head,.dialog-body{padding:16px}.edit-item{grid-template-columns:1fr}.edit-item .note{grid-column:auto}footer{padding:14px;flex-wrap:wrap}footer span{flex-basis:100%}.section-heading h3{font-size:14px}dialog{width:calc(100vw - 16px)}.dialog-body{max-height:62dvh}}
select{display:block;width:100%;border:1px solid #cbd8cf;border-radius:6px;padding:10px;font:inherit;color:inherit;background:#fff}.edit-item select{margin-top:6px}select:focus{outline:2px solid #89b69d;outline-offset:1px}
.quote-filters{display:flex;align-items:end;gap:12px;flex-wrap:wrap;padding:16px 18px;background:#fafcfb;border-top:1px solid var(--border)}.quote-filters label{flex:1;min-width:150px}.quote-filters select{margin-top:6px}@media(max-width:640px){.quote-filters{padding:14px;gap:10px}.quote-filters label{flex-basis:100%;min-width:0}.quote-filters button{width:100%}}
.quote-price output{display:flex;align-items:center;min-height:43px;margin-top:6px;padding:10px 12px;border:1px solid var(--border);border-radius:6px;background:#fff;overflow-wrap:anywhere}
.customer-names{display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding:14px 18px;margin-top:10px;background:#fff;border:1px solid var(--border);border-radius:12px}.customer-names[hidden]{display:none}.customer-names button{padding:6px 10px;font-size:12px;white-space:normal;text-align:left;overflow-wrap:anywhere}.customer-names button[aria-pressed="true"]{background:var(--green);border-color:var(--green);color:white}