:root{--green:#164a3c;--green-hover:#103a30;--light-green:#edf5ef;--ink:#203a31;--muted:#6b7871;--line:#dde5de;--paper:#fff;--canvas:#f5f6f2;--red:#ad3435;--amber:#80551c;--radius:14px;--shadow:0 6px 24px #183e2b05;font-family:"Microsoft YaHei","PingFang SC",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--canvas);font-size:14px;line-height:1.6}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.48}a{color:var(--green);text-decoration:none}a:hover{text-decoration:underline}[hidden]{display:none!important}h1,h2,h3,p{margin:0}h1{font-size:30px;line-height:1.35;letter-spacing:-.6px;font-weight:650}h2{font-size:17px;font-weight:650}h3{font-size:16px}p{overflow-wrap:anywhere}label{display:flex;flex-direction:column;gap:7px;font-size:13px;color:#40574b;font-weight:500}input:not([type="checkbox"]):not([type="radio"]),select,textarea{min-width:0;width:100%;border:1px solid #d9e2da;border-radius:8px;background:#fff;padding:10px 12px;color:var(--ink);outline:none;transition:border-color .15s,box-shadow .15s;min-height:43px}input::placeholder,textarea::placeholder{color:#98a39b;font-weight:400}input:focus,select:focus,textarea:focus{border-color:#689f80;box-shadow:0 0 0 3px #164a3c0e}input[type="checkbox"],input[type="radio"]{accent-color:var(--green);width:17px;height:17px;flex-shrink:0;margin:3px 0}textarea{resize:vertical}button:focus-visible,a:focus-visible{outline:3px solid #8fbba1;outline-offset:3px}.muted{color:var(--muted);font-size:13px}.eyebrow{font-size:11px;letter-spacing:1.5px;color:#789284;font-weight:600;margin-bottom:8px}.topbar{height:84px;display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100% - 1320px)/2));background:#fff;border-bottom:1px solid var(--line)}.brand{display:flex;gap:12px;align-items:center;font-size:17px;font-weight:650;color:var(--ink)}.brand:hover{text-decoration:none}.brand small{display:block;font-size:10px;letter-spacing:1.2px;font-weight:400;color:var(--muted);margin-top:2px}.brand-mark{width:42px;height:42px;background:var(--green);color:#fff;border-radius:11px;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:750;letter-spacing:-1px}.account-actions{display:flex;align-items:center;gap:16px}.account-name{font-size:12px;color:var(--muted)}.text-button{background:none;border:0;padding:6px 0;color:var(--green);font-size:12px}.workspace{max-width:1320px;margin:auto;padding:34px 24px 64px}.page-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}.page-heading .muted{margin-top:9px}.workspace-label{padding:6px 12px;border:1px solid var(--line);border-radius:999px;color:var(--muted);font-size:11px}.tabs{display:flex;gap:6px;border-bottom:1px solid var(--line);margin-bottom:25px}.tab{border:0;background:none;color:var(--muted);padding:12px 20px;position:relative;font-size:14px;font-weight:500}.tab.active{color:var(--green)}.tab.active::after{content:"";position:absolute;left:20px;right:20px;bottom:-1px;height:3px;background:var(--green);border-radius:2px}.count-badge{font-size:10px;margin-left:6px;background:#e8eeea;padding:1px 6px;border-radius:5px}.editor-layout{display:grid;grid-template-columns:minmax(0,1fr) 350px;gap:24px;align-items:start}.form-column{display:flex;flex-direction:column;gap:18px;min-width:0}.card{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:24px;box-shadow:var(--shadow);min-width:0}.card-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px}.card-heading h2{display:flex;align-items:center;gap:10px}.step{font-size:11px;border:1px solid #d4dfd6;border-radius:5px;color:#6b8a77;font-weight:600;padding:1px 5px}.tag{font-size:10px;font-weight:500;white-space:nowrap;color:#6b8474;background:#f0f5f0;padding:4px 8px;border-radius:6px}.tag.ready{background:#e6f3e9;color:#31774e}.tag.blocked{color:var(--amber);background:#fff4db}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px 20px}.span-2{grid-column:span 2}.optional{color:#8a978e;font-weight:400;font-size:11px}.buyer-toolbar{display:flex;gap:12px;align-items:end;background:#f7f9f5;border-radius:9px;padding:14px;margin-bottom:20px}.saved-buyer-label{flex:1}.button{border:1px solid transparent;border-radius:8px;padding:10px 17px;min-height:43px;white-space:nowrap;transition:background .15s,color .15s;font-size:13px;font-weight:500;display:inline-flex;align-items:center;justify-content:center;gap:8px}.button:hover{text-decoration:none}.primary{background:var(--green);color:#fff}.primary:hover:not(:disabled){background:var(--green-hover)}.secondary{background:#fff;border-color:#cfdcd1;color:var(--green)}.secondary:hover:not(:disabled){background:var(--light-green)}.compact{padding:9px 13px;font-size:12px}.full-width{width:100%}.section-note{color:var(--muted);font-size:12px;line-height:1.7;margin-bottom:15px}.vehicle-controls{display:grid;grid-template-columns:minmax(150px,1.6fr) minmax(120px,1fr) 78px auto;gap:10px;align-items:end;margin-bottom:12px}.vehicle-controls .button{padding:10px 13px}.vehicle-list{margin-top:8px}.vehicle-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:10px;padding:13px 0;border-bottom:1px solid #edf1ed}.vehicle-row strong{font-size:13px;font-weight:600}.vehicle-row small{display:block;color:var(--muted);font-size:11px;margin-top:3px}.vehicle-row .line-amount{font-size:13px;text-align:right;font-variant-numeric:tabular-nums}.remove-vehicle{border:0;background:#f4f6f2;color:#7c8a7f;width:28px;height:28px;border-radius:6px;font-size:19px;line-height:1}.remove-vehicle:hover{background:#fff0ed;color:var(--red)}.empty-inline{color:#96a098;font-size:12px;padding:13px 0}.vehicle-total{display:flex;justify-content:space-between;padding-top:16px;font-size:12px;color:var(--muted)}.vehicle-total strong{font-size:21px;color:var(--green);font-variant-numeric:tabular-nums;font-weight:600}.check-line{display:flex;flex-direction:row;gap:9px;align-items:flex-start;font-size:12px;font-weight:400;line-height:1.7}.attention{margin-top:14px;color:var(--amber);background:#fff8e9;padding:12px;border-radius:8px}.payment-options{border-top:1px solid #edf1ed;margin-top:22px;padding-top:20px}.field-caption{font-size:13px;color:#40574b}.segmented{display:flex;gap:10px;margin:10px 0 14px}.segmented label{position:relative;flex:1}.segmented input{position:absolute;opacity:0}.segmented span{border:1px solid var(--line);border-radius:8px;text-align:center;padding:10px;color:var(--muted);font-weight:500}.segmented input:checked+span{background:var(--light-green);color:var(--green);border-color:#83ac91}.segmented input:focus-visible+span{outline:3px solid #8fbba1}.payment-options .section-note{margin-top:12px;margin-bottom:0}.delivery-note{padding:14px 16px;background:#f5f8f4;border-left:3px solid #90ad92;border-radius:5px;margin-top:18px;font-size:12px}.delivery-note strong{font-size:12px;font-weight:600}.delivery-note p{margin-top:5px;color:#617669;line-height:1.9}.delivery-note b{font-weight:600;color:var(--green)}#seller-note{margin-top:16px;margin-bottom:0}.benefits-list{display:flex;flex-direction:column;gap:10px}.benefit-item{border:1px solid var(--line);border-radius:9px;overflow:hidden}.benefit-toggle{padding:13px 14px;display:flex;flex-direction:row;align-items:center;gap:10px;font-size:13px;background:#fafbf9}.benefit-item.selected{border-color:#a1bda8}.benefit-item.selected .benefit-toggle{background:var(--light-green);color:var(--green)}.benefit-fields{padding:16px;display:grid;grid-template-columns:1fr 1fr;gap:14px}.benefit-fields label{font-size:12px}.extra-terms{margin-top:20px}.form-footer{display:flex;gap:14px;align-items:center;padding:0 2px}.preview-column{position:sticky;top:20px;min-width:0}.preview-card{padding:22px}.preview-card .card-heading{margin-bottom:18px}.preview-content{font-size:12px;line-height:1.7}.preview-empty{text-align:center;padding:37px 4px 44px}.preview-symbol{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:#eef4ed;color:#84a58b;font-size:22px;border-radius:50%;margin:0 auto 19px}.preview-empty h3{font-size:14px;font-weight:600;margin-bottom:9px}.preview-empty p{font-size:12px;color:#8b988e;line-height:1.8}.preview-section{padding:17px 0;border-top:1px solid #edf1ed}.preview-section:first-child{border-top:0;padding-top:0}.preview-section h3{font-size:12px;color:#6c8574;font-weight:500;margin-bottom:10px}.preview-pair{margin:8px 0}.preview-pair .caption{display:block;color:#7f8c82;font-size:11px;margin-bottom:2px}.preview-pair strong{display:block;font-size:14px;font-weight:550;font-variant-numeric:tabular-nums}.preview-pair small{color:#7a897d;font-size:11px}.preview-total{background:#f1f6ee;padding:14px;border-radius:8px}.preview-total strong{color:var(--green);font-size:24px;font-weight:600}.preview-item{margin:10px 0}.preview-item strong{font-size:12px;font-weight:600}.preview-item small{display:block;color:var(--muted);font-size:11px;overflow-wrap:anywhere}.preview-terms{display:flex;flex-direction:column;gap:12px;color:#53695a}.preview-terms p{line-height:1.8}.blockers{padding:12px;background:#fff6e7;color:var(--amber);border:1px solid #f0dfb7;border-radius:8px;margin-top:15px}.blockers p+p{margin-top:7px}.review-line{padding:16px 0;border-top:1px solid #edf1ed;margin-top:14px}.generated-document{background:#edf6ec;border:1px solid #c5dcc7;padding:14px;margin-top:17px;border-radius:8px;font-size:12px}.generated-document p{margin-bottom:10px}.notice{border:1px solid #c8dec9;background:#edf6ec;color:#326340;border-radius:8px;padding:12px 16px;margin:0 0 20px;font-size:13px}.notice.error{background:#fff2ef;border-color:#edd0c6;color:var(--red)}.notice.warn{background:#fff8ea;border-color:#eddfc0;color:var(--amber)}.inline-error{color:var(--red);font-size:12px;margin-bottom:12px}.history-heading{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:23px}.history-heading .muted{margin-top:4px}.history-tools{display:flex;gap:10px;align-items:center}.history-tools input{width:260px!important}.history-list{display:flex;flex-direction:column;gap:12px}.history-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:20px;background:#fff;border:1px solid var(--line);border-radius:11px;padding:19px 22px}.history-row h3{font-size:14px;font-weight:550;overflow-wrap:anywhere}.history-row p{font-size:12px;color:var(--muted);margin-top:5px}.history-type{color:var(--green);background:var(--light-green);font-size:10px;padding:3px 6px;border-radius:4px;margin-right:7px;font-weight:500}.history-date{font-size:11px;color:#8b978d;white-space:nowrap}.history-actions{display:flex;gap:9px}.empty-history{padding:60px 20px;text-align:center;border:1px dashed var(--line);border-radius:12px;color:var(--muted)}.modal{max-width:420px;width:calc(100% - 36px);border:1px solid var(--line);border-radius:16px;padding:25px;box-shadow:0 20px 100px #153f2e33}.modal::backdrop{background:#122d2459}.modal form>label{margin-bottom:16px}.modal .card-heading{margin-bottom:20px}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:30px;background:radial-gradient(ellipse at 15% 0%,#e3ede2 0%,transparent 60%),var(--canvas)}.login-card{width:100%;max-width:420px;background:#fff;border:1px solid var(--line);border-radius:20px;padding:36px;box-shadow:0 14px 60px #17422d08}.login-card>.brand-mark{margin-bottom:25px}.login-card h1{font-size:26px}.login-card>.muted{margin-top:10px;line-height:1.8}.login-card form{margin-top:27px}.login-card label{margin-bottom:18px}.login-foot{color:#9ca69e;font-size:11px;margin-top:22px;text-align:center}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:1120px){.editor-layout{grid-template-columns:minmax(0,1fr) 315px;gap:18px}.card{padding:20px}.vehicle-controls{grid-template-columns:minmax(150px,1fr) 120px 80px}.vehicle-controls .button{grid-column:span 3}.workspace{padding-top:28px}}@media(max-width:900px){.editor-layout{grid-template-columns:minmax(0,1fr)}.preview-column{position:static}.preview-card{padding:24px}.preview-empty{padding:25px 8px}.preview-content{display:grid;grid-template-columns:1fr 1fr;gap:0 24px}.preview-empty,.blockers,.preview-terms{grid-column:1/-1}.preview-section:first-child{border-top:1px solid #edf1ed;padding-top:17px}.preview-section.wide{grid-column:1/-1}.history-row{grid-template-columns:minmax(0,1fr) auto}.history-date{grid-column:1;grid-row:2}.history-actions{grid-column:2;grid-row:1/3}}@media(max-width:600px){h1{font-size:23px}.topbar{height:74px;padding:0 16px}.brand{font-size:15px;gap:9px}.brand-mark{width:35px;height:35px;font-size:17px;border-radius:9px}.brand small{font-size:9px;letter-spacing:.6px}.account-actions{gap:11px}.account-name{display:none}.text-button{font-size:11px}.workspace{padding:25px 14px 40px}.page-heading{margin-bottom:19px}.page-heading .muted{font-size:12px}.workspace-label{display:none}.tabs{margin-bottom:19px}.tab{padding:11px 17px;font-size:13px}.tab.active::after{left:17px;right:17px}.card{padding:18px;border-radius:12px}.card-heading{margin-bottom:18px}.card-heading h2{font-size:16px}.card-heading .tag{font-size:9px}.field-grid{gap:14px;grid-template-columns:1fr}.span-2{grid-column:auto}.buyer-toolbar{padding:11px;align-items:stretch;flex-direction:column}.buyer-toolbar .button{align-self:flex-end;min-height:36px;padding:6px 11px}.vehicle-controls{grid-template-columns:1fr 90px;gap:11px}.vehicle-controls label:first-child{grid-column:span 2}.vehicle-controls .button{grid-column:span 2}.vehicle-row{gap:9px}.vehicle-row .line-amount{font-size:12px}.vehicle-row strong{font-size:12px}.form-footer{flex-direction:column;align-items:stretch;gap:9px}.form-footer .muted{text-align:center;font-size:11px}.preview-content{display:block}.preview-section:first-child{border-top:0;padding-top:0}.benefit-fields{padding:14px;grid-template-columns:1fr}.preview-card{padding:20px}.history-heading{flex-direction:column;align-items:stretch;gap:15px}.history-tools input{width:100%!important}.history-row{padding:16px;grid-template-columns:minmax(0,1fr)}.history-date{grid-row:auto}.history-actions{grid-column:1;grid-row:auto}.history-actions .button{flex:1}.history-row p{font-size:11px}.history-tools{width:100%}.login-page{padding:20px}.login-card{padding:29px 24px}.segmented{gap:9px}.delivery-note{padding:12px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}
:root{--radius:8px}*{letter-spacing:0!important}.card,.modal,.login-card,.history-row,.benefit-item,.buyer-toolbar,.workspace-label{border-radius:8px}.form-column>.card{border:0;border-radius:0;box-shadow:none;border-bottom:1px solid var(--line);padding:22px 0;background:transparent}.form-column>.card:first-child{padding-top:0}.preview-card{box-shadow:none}.brand-mark{border-radius:8px}.login-page{background:var(--canvas)}.preview-empty{padding:25px 4px}.preview-empty h3{font-size:14px}.form-column .card-heading{margin-bottom:18px}@media(max-width:600px){.form-column>.card{padding:18px 0}.preview-card{border-radius:8px}.login-card{border-radius:8px}}