:root{--bg:#f7f8fc;--surface:#fff;--ink:#202235;--muted:#9295a8;--line:#e8e9f1;--purple:#6e63e8;--purple-soft:#efedff;--orange:#eba044;--teal:#27ad9f;--shadow:0 8px 24px rgba(26,31,62,.035)}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);font-family:'DM Sans',sans-serif;font-size:18px;margin:0}.quotation-page{min-height:100vh}.list-topbar{align-items:center;background:#fff;border-bottom:1px solid var(--line);display:flex;height:74px;justify-content:space-between;padding:0 6.2%}.back-link{color:#777b90;font-size:16px;font-weight:600;text-decoration:none}.back-link:first-letter{color:var(--purple);font-size:23px}.top-actions{align-items:center;display:flex;gap:12px}.topbar-divider{background:var(--line);height:26px;width:1px}.date-label{text-align:right}.date-label span{color:#a7a9b7;display:block;font-size:14px;margin-bottom:3px}.date-label strong{font-size:16px}.draft-state{color:#9da0b0;font-size:15px}.draft-state i{background:#52bb91;border-radius:50%;display:inline-block;height:6px;margin-right:5px;width:6px}.ghost-button,.primary-button{border-radius:7px;cursor:pointer;font:600 15px 'DM Sans';padding:11px 14px}.ghost-button{background:#fff;border:1px solid var(--line);color:#777b90}.primary-button{background:var(--purple);border:1px solid var(--purple);box-shadow:0 5px 12px #7065e833;color:#fff}.quotation-content{margin:0 auto;max-width:1180px;padding:36px 28px 24px}.page-intro{align-items:flex-end;display:flex;justify-content:space-between;margin-bottom:26px}.eyebrow{color:#9a9cac;font-size:14px;font-weight:700;letter-spacing:1.3px;margin:0 0 8px}.page-intro h1{font-family:'Plus Jakarta Sans';font-size:30px;letter-spacing:-.8px;margin:0}.subtitle{color:var(--muted);font-size:16px;margin:8px 0 0}.quotation-number{text-align:right}.quotation-number span{color:#a8aab8;display:block;font-size:14px;margin-bottom:6px}.quotation-number strong{color:#6057cf;font-family:'Plus Jakarta Sans';font-size:18px}.form-card{background:var(--surface);border:1px solid #eeeff4;border-radius:12px;box-shadow:var(--shadow);margin-bottom:18px;padding:22px}.section-heading{align-items:center;display:flex;gap:11px;margin-bottom:21px}.section-heading-row{align-items:flex-start;display:flex;justify-content:space-between}.section-heading-row>.section-heading{margin-bottom:0}.section-icon{border-radius:8px;font-size:23px;height:32px;line-height:32px;text-align:center;width:32px}.section-icon.purple{background:var(--purple-soft);color:var(--purple)}.section-icon.orange{background:#fff3df;color:var(--orange)}.section-icon.teal{background:#e5f8f5;color:var(--teal)}.section-heading h2{font-family:'Plus Jakarta Sans';font-size:18px;margin:0}.section-heading p{color:#a1a4b4;font-size:15px;margin:5px 0 0}.field-grid{display:grid;gap:18px 15px;grid-template-columns:repeat(4,1fr)}.field{display:flex;flex-direction:column;gap:8px}.field.wide{grid-column:span 2}.field>span{color:#797d91;font-size:15px;font-weight:600}.field b{color:#e26d75}.field input,.field select,.field textarea{background:#fff;border:1px solid #e3e4ec;border-radius:7px;color:#4e5369;font:400 16px 'DM Sans';outline:none;padding:10px 11px;width:100%}.field input:focus,.field select:focus,.field textarea:focus{border-color:#a9a3f2;box-shadow:0 0 0 3px #efedff}.field textarea{resize:vertical}.tax-switch{background:#f7f7fb;border-radius:7px;display:flex;padding:3px}.tax-option{background:transparent;border:0;border-radius:5px;color:#9799aa;cursor:pointer;font:700 14px 'DM Sans';padding:8px 10px}.tax-option.active{background:#fff;box-shadow:0 2px 6px #2d2f4c10;color:var(--purple)}.items-table-wrap{overflow:auto}.items-table{border-collapse:collapse;min-width:650px;width:100%}.items-table th{border-bottom:1px solid var(--line);color:#a8aab8;font-size:13px;padding:0 8px 11px;text-align:left}.items-table td{border-bottom:1px solid #f0f0f4;color:#73778b;font-size:15px;padding:11px 8px}.items-table th:first-child,.items-table td:first-child{padding-left:0;width:23%}.items-table th:last-child,.items-table td:last-child{padding-right:0;width:25px}.items-table input{border:1px solid #e5e6ed;border-radius:5px;color:#4f5367;font:15px 'DM Sans';padding:8px;width:100%}.items-table input:focus{border-color:#aaa4ef;outline:0}.number-cell{text-align:right}.item-total{color:#555a70;font-weight:700;text-align:right}.remove-item{background:none;border:0;color:#bcbdc8;cursor:pointer;font-size:21px}.remove-item:hover{color:#e56f77}.add-item{background:none;border:0;color:var(--purple);cursor:pointer;font:700 15px 'DM Sans';margin-top:16px;padding:0}.bottom-grid{display:grid;gap:18px;grid-template-columns:minmax(0,1.7fr) minmax(280px,1fr)}.notes-card .section-heading{margin-bottom:18px}.checkbox-row{align-items:center;color:#85899c;display:flex;font-size:15px;gap:3px;margin-top:15px}.checkbox-row input{accent-color:var(--purple)}.summary-card{margin-bottom:18px;padding:24px}.summary-row{align-items:center;color:#888b9b;display:flex;font-size:15px;justify-content:space-between;margin-bottom:14px}.summary-row strong{color:#575b70;font-size:16px}.summary-row small{color:#b1b2bd;font-size:14px}.summary-divider{border-top:1px dashed var(--line);margin:18px 0}.grand-total{color:#4e5268;font-weight:700;margin-bottom:20px}.grand-total strong{color:var(--purple);font-family:'Plus Jakarta Sans';font-size:23px}.full-button{display:block;text-align:center;width:100%}.text-button{background:none;border:0;color:var(--purple);cursor:pointer;font:700 15px 'DM Sans';margin-top:16px;text-align:center;width:100%}.text-button span{font-size:19px;font-weight:400;margin-left:4px}.quotation-content>footer{color:#a7a9b6;font-size:14px;padding:3px 2px}.quotation-content>footer span{padding:0 5px}.toast{background:#25273c;border-radius:7px;bottom:22px;color:#fff;display:none;font-size:15px;padding:11px 15px;position:fixed;right:22px}.toast.show{display:block}@media(max-width:800px){.quotation-topbar{padding:0 20px}.draft-state{display:none}.quotation-content{padding:26px 16px}.page-intro{align-items:flex-start;flex-direction:column;gap:15px}.quotation-number{text-align:left}.field-grid{grid-template-columns:1fr 1fr}.bottom-grid{grid-template-columns:1fr}}@media(max-width:520px){.quotation-topbar{height:64px}.back-link span{display:none}.page-actions{gap:6px}.page-actions .ghost-button{display:none}.page-intro h1{font-size:26px}.form-card{padding:16px}.field-grid{display:flex;flex-direction:column}.field.wide{grid-column:auto}.section-heading-row{align-items:flex-start;flex-direction:column;gap:14px}.tax-switch{align-self:stretch}.tax-option{flex:1}.items-card{overflow:hidden}.quotation-content>footer{padding-bottom:8px}}