*{box-sizing:border-box}html,body{min-height:100%;margin:0;padding:0}body{color:#172033;background:radial-gradient(circle at 0 0,#315efb14,#0000 35%),#f4f6fa;min-height:100vh;font-family:Arial,Helvetica,sans-serif}button,input,textarea{font:inherit}button{cursor:pointer}.app{width:100%;min-height:100vh}.topbar{background:#fff;border-bottom:1px solid #e2e7ef;justify-content:space-between;align-items:center;width:100%;height:82px;padding:0 6%;display:flex}.brand{align-items:center;gap:14px;display:flex}.logo{color:#fff;background:#315efb;border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;font-size:22px;font-weight:800;display:flex;box-shadow:0 7px 18px #315efb40}.brand h1{margin:0;font-size:22px;font-weight:800}.brand span{color:#8490a5;margin-top:3px;font-size:12px;display:block}.new-quote-button{color:#fff;background:#172033;border:none;border-radius:10px;padding:11px 17px;font-weight:700;transition:transform .15s,background .15s}.new-quote-button:hover{background:#080d17;transform:translateY(-1px)}.hero{justify-content:space-between;align-items:flex-end;gap:30px;width:min(1180px,90%);margin:42px auto 28px;display:flex}.eyebrow{color:#315efb;letter-spacing:1.4px;font-size:12px;font-weight:800}.hero h2{letter-spacing:-1.5px;max-width:620px;margin:9px 0 10px;font-size:40px;line-height:1.08}.hero p{color:#6f7b90;max-width:620px;margin:0;line-height:1.6}.hero-stat{color:#fff;background:#172033;border-radius:16px;min-width:220px;padding:20px 22px;box-shadow:0 14px 30px #17203329}.hero-stat span{color:#aeb7c8;letter-spacing:1px;font-size:11px;font-weight:800;display:block}.hero-stat strong{margin:7px 0 5px;font-size:29px;display:block}.hero-stat small{color:#aeb7c8;display:block}.ai-assistant{color:#fff;background:linear-gradient(135deg,#10182b,#17264a);border:1px solid #27375e;border-radius:20px;width:min(1180px,90%);margin:0 auto 24px;padding:26px 28px;box-shadow:0 14px 40px #1720331f}.ai-header{align-items:flex-start;gap:15px;display:flex}.ai-icon{color:#fff;background:#315efb;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:22px;display:flex;box-shadow:0 7px 18px #315efb40}.ai-header .eyebrow{color:#8da8ff}.ai-header h3{margin:6px 0;font-size:20px}.ai-header p{color:#aeb8cc;margin:0;font-size:13px;line-height:1.5}.ai-input-area{grid-template-columns:1fr auto;gap:12px;margin-top:20px;display:grid}.ai-textarea{color:#172033;resize:vertical;background:#fff;border:1px solid #34466d;border-radius:12px;outline:none;width:100%;min-height:90px;padding:14px}.ai-textarea:focus{border-color:#6e8cff;box-shadow:0 0 0 3px #6e8cff26}.ai-textarea::placeholder{color:#9ca7b8}.ai-button{color:#fff;background:#315efb;border:none;border-radius:12px;min-width:175px;padding:0 20px;font-weight:800;transition:background .15s,transform .15s}.ai-button:hover{background:#244bd7;transform:translateY(-1px)}.ai-message{color:#b9c7e8;margin:12px 0 0;font-size:12px;font-weight:700}.ai-examples{margin-top:16px}.ai-examples>span{color:#8290aa;letter-spacing:1px;font-size:9px;font-weight:800}.ai-examples>div{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.ai-examples button{color:#c4cde0;background:0 0;border:1px solid #34466d;border-radius:20px;padding:8px 11px;font-size:11px;transition:background .15s,border-color .15s}.ai-examples button:hover{background:#243250;border-color:#52698f}.workspace{grid-template-columns:minmax(0,1.08fr) minmax(380px,.92fr);align-items:start;gap:24px;width:min(1180px,90%);margin:0 auto 60px;display:grid}.builder-panel,.preview-panel{background:#fff;border:1px solid #e3e8ef;border-radius:20px;box-shadow:0 14px 40px #1c273c12}.builder-panel{padding:30px}.preview-panel{padding:32px;position:sticky;top:24px}.section-heading{align-items:center;gap:13px;margin-bottom:22px;display:flex}.section-icon{color:#315efb;background:#eef2ff;border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:12px;font-weight:800;display:flex}.section-heading h3{margin:0;font-size:18px}.section-heading p{color:#8a95a7;margin:4px 0 0;font-size:13px}.field-group{margin-bottom:16px}.field-group label{color:#536075;margin-bottom:7px;font-size:13px;font-weight:700;display:block}input{color:#172033;background:#fff;border:1px solid #d9e0ea;border-radius:10px;outline:none;width:100%;height:46px;padding:0 13px;transition:border .15s,box-shadow .15s}input::placeholder{color:#a3adbd}input:focus{border-color:#315efb;box-shadow:0 0 0 3px #315efb1a}textarea{color:#172033;resize:vertical;background:#fff;border:1px solid #d9e0ea;border-radius:10px;outline:none;width:100%;min-height:110px;padding:13px;transition:border .15s,box-shadow .15s}textarea:focus{border-color:#315efb;box-shadow:0 0 0 3px #315efb1a}textarea::placeholder{color:#a3adbd}.divider{background:#edf0f4;width:100%;height:1px;margin:28px 0}.quote-detail-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.notes-group{margin-top:22px}.item-labels{color:#8792a6;grid-template-columns:minmax(0,1.9fr) 70px 120px 38px;gap:10px;padding:0 3px 7px;font-size:11px;font-weight:800;display:grid}.items-list{gap:10px;display:grid}.item-row{grid-template-columns:minmax(0,1.9fr) 70px 120px 38px;align-items:center;gap:10px;display:grid}.money-input{position:relative}.money-input span{color:#768197;pointer-events:none;position:absolute;top:14px;left:11px}.money-input input{padding-left:27px}.remove-button{color:#d64b55;background:#fff0f1;border:none;border-radius:9px;width:38px;height:38px;padding:0;font-size:20px;font-weight:700}.remove-button:hover{background:#ffe1e4}.add-button{color:#315efb;background:#f8faff;border:1px dashed #b8c5dd;border-radius:10px;width:100%;margin-top:14px;padding:13px;font-weight:800}.add-button:hover{background:#f0f4ff}.save-button{color:#fff;background:#172033;border:none;border-radius:11px;width:100%;margin-top:16px;padding:15px;font-weight:800;transition:background .15s,transform .15s}.save-button:hover{background:#080d17;transform:translateY(-1px)}.save-message{color:#247856;text-align:center;margin:10px 0 0;font-size:13px;font-weight:700}.create-button{color:#fff;background:#315efb;border:none;border-radius:11px;width:100%;margin-top:16px;padding:15px;font-weight:800;transition:background .15s,transform .15s;box-shadow:0 9px 18px #315efb33}.create-button:hover{background:#244bd7;transform:translateY(-1px)}.preview-header{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.preview-brand{align-items:flex-start;gap:10px;display:flex}.preview-logo{color:#fff;background:#315efb;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-weight:800;display:flex}.preview-header h3{letter-spacing:1px;margin:0;font-size:14px}.business-contact{color:#7d8899;flex-direction:column;gap:2px;margin-top:4px;font-size:10px;display:flex}.quote-number{text-align:right;flex-shrink:0}.quote-number span{color:#9aa4b4;letter-spacing:1px;font-size:10px;font-weight:800;display:block}.quote-number strong{font-size:13px}.preview-divider{background:#172033;width:100%;height:2px;margin:24px 0}.quote-meta{grid-template-columns:1fr 1fr;gap:18px;margin-bottom:28px;display:grid}.quote-meta div{background:#f7f9fc;border-radius:10px;padding:12px}.quote-meta span{color:#98a2b2;letter-spacing:1px;margin-bottom:5px;font-size:9px;font-weight:800;display:block}.quote-meta strong{font-size:12px}.bill-to span{color:#98a2b2;letter-spacing:1px;font-size:10px;font-weight:800}.bill-to strong{margin-top:8px;font-size:18px;display:block}.bill-to p{color:#7d8899;margin:4px 0 0;font-size:13px}.preview-table{margin-top:30px}.preview-table-header,.preview-item{grid-template-columns:minmax(0,1fr) 45px 90px;align-items:center;gap:10px;display:grid}.preview-table-header{color:#9aa4b4;border-bottom:1px solid #dfe4eb;padding-bottom:9px;font-size:10px;font-weight:800}.preview-item{border-bottom:1px solid #edf0f4;padding:15px 0;font-size:13px}.preview-item span:first-child{overflow-wrap:anywhere}.preview-item span:nth-child(2),.preview-table-header span:nth-child(2){text-align:center}.preview-item strong,.preview-table-header span:last-child{text-align:right}.totals{width:65%;margin:25px 0 0 auto}.totals>div{justify-content:space-between;gap:20px;padding:7px 0;font-size:13px;display:flex}.totals span{color:#768196}.grand-total{border-top:2px solid #172033;margin-top:8px;padding-top:14px!important}.grand-total span,.grand-total strong{color:#172033;font-size:18px;font-weight:800}.quote-notes{border-top:1px solid #e7ebf0;margin-top:28px;padding-top:20px}.quote-notes span{color:#98a2b2;letter-spacing:1px;font-size:10px;font-weight:800}.quote-notes p{color:#69758a;white-space:pre-wrap;margin:8px 0 0;font-size:12px;line-height:1.6}.preview-footer{background:#f0f7f4;border-radius:12px;align-items:center;gap:12px;margin-top:32px;padding:15px;display:flex}.checkmark{color:#247856;background:#d5eee2;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-weight:900;display:flex}.preview-footer strong{font-size:12px}.preview-footer p{color:#6e8079;margin:3px 0 0;font-size:11px}.saved-quotes-section{width:min(1180px,90%);margin:0 auto 70px}.saved-quotes-heading{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:20px;display:flex}.saved-quotes-heading h2{margin:6px 0 0;font-size:28px}.quote-count{color:#7d8899;font-size:13px}.empty-quotes{text-align:center;background:#fff9;border:1px dashed #cbd4e1;border-radius:16px;padding:30px}.empty-quotes p{color:#7d8899;margin:6px 0 0}.saved-quotes-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.saved-quote-card{background:#fff;border:1px solid #e3e8ef;border-radius:16px;padding:20px;box-shadow:0 10px 30px #1c273c0d}.saved-label,.saved-total span{color:#98a2b2;letter-spacing:1px;font-size:9px;font-weight:800;display:block}.saved-quote-card h3{margin:7px 0 3px}.saved-quote-card p{color:#7d8899;margin:0;font-size:12px}.saved-total{margin-top:20px}.saved-total strong{margin-top:5px;font-size:22px;display:block}.saved-actions{gap:8px;margin-top:20px;display:flex}.load-button,.delete-button{border:none;border-radius:9px;flex:1;padding:10px;font-weight:700}.load-button{color:#fff;background:#315efb}.load-button:hover{background:#244bd7}.delete-button{color:#d64b55;background:#fff0f1}.delete-button:hover{background:#ffe1e4}@media (max-width:900px){.saved-quotes-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:800px){.hero{flex-direction:column;align-items:stretch}.hero-stat{width:100%}.workspace{grid-template-columns:1fr}.preview-panel{position:static}}@media (max-width:700px){.ai-input-area{grid-template-columns:1fr}.ai-button{min-height:48px}}@media (max-width:600px){.topbar{height:auto;padding:16px 20px}.brand span{display:none}.new-quote-button{padding:10px 12px;font-size:12px}.hero{width:calc(100% - 32px);margin-top:28px}.hero h2{font-size:32px}.ai-assistant{width:calc(100% - 32px);padding:20px}.ai-header{align-items:flex-start}.workspace{width:calc(100% - 32px)}.builder-panel,.preview-panel{padding:20px}.quote-detail-grid{grid-template-columns:1fr}.item-labels{display:none}.item-row{grid-template-columns:1fr 1fr}.item-row>input:first-child{grid-column:1/-1}.remove-button{width:100%}.quote-meta{grid-template-columns:1fr}.totals{width:100%}.saved-quotes-section{width:calc(100% - 32px)}.saved-quotes-grid{grid-template-columns:1fr}.saved-quotes-heading{flex-direction:column;align-items:flex-start}}@page{size:Letter;margin:.45in}@media print{html,body{background:#fff!important;min-height:auto!important;margin:0!important;padding:0!important}body{-webkit-print-color-adjust:exact;print-color-adjust:exact;color:#172033!important}.topbar,.hero,.ai-assistant,.builder-panel,.saved-quotes-section{display:none!important}.app{width:100%!important;min-height:auto!important}.workspace{width:100%!important;margin:0!important;padding:0!important;display:block!important}.preview-panel{width:100%!important;max-width:none!important;box-shadow:none!important;background:#fff!important;border:none!important;border-radius:0!important;margin:0!important;padding:.18in .22in!important;display:block!important;position:static!important;overflow:visible!important}.preview-header{break-inside:avoid;page-break-inside:avoid}.preview-logo{color:#fff!important;background:#315efb!important}.preview-divider{background:#172033!important;margin:18px 0!important}.quote-meta{break-inside:avoid;page-break-inside:avoid;margin-bottom:20px!important}.quote-meta div{background:#f7f9fc!important}.bill-to{break-inside:avoid;page-break-inside:avoid}.preview-table{margin-top:22px!important}.preview-table-header{break-after:avoid;page-break-after:avoid}.preview-item{break-inside:avoid;page-break-inside:avoid;padding:11px 0!important}.totals{break-inside:avoid;page-break-inside:avoid;width:58%!important;margin-top:18px!important}.grand-total{border-top:2px solid #172033!important}.quote-notes{break-inside:avoid;page-break-inside:avoid;margin-top:20px!important;padding-top:16px!important}.preview-footer{break-inside:avoid;page-break-inside:avoid;background:#f0f7f4!important;margin-top:22px!important;padding:12px!important}.checkmark{color:#247856!important;background:#d5eee2!important}.preview-panel,.preview-panel *{visibility:visible!important}a{color:inherit!important;text-decoration:none!important}}