:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#182236;background:#f3f5f9;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer}.app-shell{display:flex;min-height:100vh}.sidebar{width:245px;flex-shrink:0;background:#0b1526;color:#eaf0f8;padding:28px 18px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:10px;padding:6px 8px 42px}.brand-icon{background:#24c8a3;color:#082218;font-size:15px;font-weight:900;letter-spacing:-1px;width:40px;height:40px;border-radius:12px;display:grid;place-items:center}.brand strong{display:block;font-size:17px;letter-spacing:-.5px}.brand strong span{color:#24c8a3}.brand small{display:block;font-size:9px;letter-spacing:1.7px;color:#74839c;margin-top:4px}.side-heading{font-size:10px;color:#7989a3;font-weight:800;letter-spacing:1.6px;padding:0 14px 14px}.side-link{display:flex;align-items:center;gap:12px;padding:13px 12px;border-radius:10px;font-size:13px;font-weight:650;margin-bottom:6px}.side-link>span{font-size:11px;color:#879bb2}.side-link.active{background:#173044;color:#e8fffb}.side-link.active>span{color:#24c8a3}.side-link.muted{color:#74839b}.side-link em{font-style:normal;font-size:9px;font-weight:700;letter-spacing:.3px;color:#8290a6;margin-left:auto}.sidebar-foot{margin-top:auto;background:#14243a;border:1px solid #253850;border-radius:14px;padding:16px}.foot-icon{color:#22c9a4;margin-bottom:10px}.sidebar-foot strong{font-size:13px}.sidebar-foot p{font-size:11px;line-height:1.65;color:#97a7bb;margin:9px 0 0}.main-area{min-width:0;flex:1}.topbar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:32px 42px 25px;border-bottom:1px solid #e5e9f0;background:#fff}.eyebrow,.section-label{color:#099579;font-size:10px;font-weight:800;letter-spacing:1.5px}.topbar h1{font-size:27px;margin:7px 0 3px;letter-spacing:-.8px}.topbar p{font-size:13px;color:#818b9b;margin:0}.primary{border:0;border-radius:10px;background:#14ad8e;color:#fff;padding:14px 18px;font-size:13px;font-weight:700;box-shadow:0 8px 16px #14ad8e25}.primary:hover{background:#0d977c}.workspace{max-width:1600px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(320px,.85fr);gap:28px;align-items:start;padding:30px 42px 60px}.form-column{min-width:0}.panel{background:#fff;border:1px solid #e3e8ef;border-radius:16px;margin-bottom:19px;padding:24px;box-shadow:0 5px 20px #22304a06}.section-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:21px}.section-head h2{font-size:17px;letter-spacing:-.4px;margin:6px 0 0}.hint{font-size:11px;color:#8293a6;white-space:nowrap}.input-grid,.two-up{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.input-grid>.field:last-child{grid-column:1 / -1;max-width:200px}.two-up h3{font-size:13px;margin:0 0 15px}.two-up>div{min-width:0}.field{display:flex;flex-direction:column;gap:7px;margin-bottom:13px;min-width:0}.field span,.item-total>span{font-size:11px;font-weight:650;color:#677488}.field input,.field textarea,.field select{outline:none;border:1px solid #dce3ec;border-radius:8px;min-width:0;width:100%;padding:11px 12px;background:#fff;color:#1b2941;font-size:13px;transition:border-color .15s,box-shadow .15s}.field input:focus,.field textarea:focus,.field select:focus{border-color:#13aa8a;box-shadow:0 0 0 3px #12b4941a}.field textarea{resize:vertical}.field input::placeholder,.field textarea::placeholder{color:#adb5c1}.line-item{padding:14px 0 17px;border-bottom:1px solid #edf0f4}.line-item:first-child{padding-top:0}.item-title{display:flex;align-items:center;justify-content:space-between;font-size:12px;margin-bottom:12px}.text-button{border:none;background:none;color:#c36f75;font-size:11px;padding:3px 0}.item-inputs{display:grid;grid-template-columns:100px minmax(115px,1fr) 74px 87px 80px;gap:10px;align-items:end}.item-inputs .field{margin-bottom:0}.item-total{display:flex;flex-direction:column;gap:12px;padding-bottom:12px;text-align:right}.item-total strong{font-size:12px}.add-button{width:100%;border:1px dashed #9ccfc5;background:#effbf8;color:#098f77;border-radius:9px;padding:13px;font-size:13px;font-weight:750;margin-top:17px}.add-button:hover{background:#dff6f0}.toggle-row{display:flex;align-items:center;gap:10px;padding-top:20px;font-size:13px;font-weight:650}.toggle-row input{accent-color:#0ea988;width:17px;height:17px}.toggle-row small{font-size:10px;font-weight:400;color:#8b95a2;margin-left:auto}.preview-column{min-width:0;position:sticky;top:22px}.preview-header{display:flex;align-items:center;justify-content:space-between;margin:7px 0 15px}.preview-header strong{font-size:13px}.preview-header span{color:#138e75;font-size:10px;font-weight:800;letter-spacing:.7px}.quote-paper{background:#fff;border:1px solid #e0e4eb;box-shadow:0 15px 45px #22324a12;padding:35px;min-height:600px;overflow-wrap:anywhere}.quote-header{display:flex;justify-content:space-between;gap:12px;border-bottom:2px solid #1e293b;padding-bottom:22px}.quote-brand{font-size:18px;font-weight:850;letter-spacing:-.6px}.quote-fine{color:#7a8798;font-size:10px;margin-top:5px}.quote-word{color:#0ba485;font-size:27px;font-weight:900;letter-spacing:-.5px}.quote-meta{display:grid;grid-template-columns:1fr 135px;gap:18px;padding:24px 0 30px}.quote-meta>div{display:flex;flex-direction:column;align-items:start}.quote-meta small,.quote-scope small,.quote-notes small{font-size:9px;font-weight:800;letter-spacing:1px;color:#8892a2;margin-bottom:8px}.quote-meta strong{font-size:13px;color:#1f2c40}.quote-meta p,.quote-meta span{font-size:10px;color:#617188;margin:3px 0}.quote-meta>div:last-child small:not(:first-child){margin-top:10px}.quote-scope{padding-bottom:25px}.quote-scope p,.quote-notes p{color:#637184;font-size:10px;line-height:1.6;white-space:pre-wrap;margin:4px 0}.quote-table{width:100%;border-collapse:collapse;text-align:right}.quote-table th{background:#f1f5f8;padding:12px 8px;color:#64748b;font-size:8px;letter-spacing:.7px}.quote-table th:first-child,.quote-table td:first-child{text-align:left}.quote-table td{border-bottom:1px solid #e7ecf1;padding:13px 8px;font-size:10px;vertical-align:top}.quote-table td strong{display:block;font-size:10px}.quote-table td small{display:block;color:#92a0af;font-size:9px;margin-top:5px}.quote-summary{margin:24px 0 0 auto;width:220px;max-width:100%;font-size:11px}.quote-summary>div{display:flex;justify-content:space-between;margin-bottom:12px}.quote-summary>div>span{color:#708096}.quote-summary .grand-total{border-top:2px solid #1e293b;margin-top:17px;padding-top:15px}.quote-summary .grand-total span{color:#1f2937;font-weight:800}.quote-summary .grand-total strong{font-size:17px;color:#07977c}.quote-notes{border-top:1px solid #e8edf2;padding-top:21px;margin-top:34px}.quote-footer{margin-top:54px;border-top:1px solid #e8edf2;padding-top:15px;font-size:10px;color:#97a1ad}.preview-note{font-size:11px;color:#82909f;line-height:1.65;text-align:center;padding:8px}.last-panel{margin-bottom:0}@media(max-width:1300px){.workspace{padding:26px;gap:20px}.topbar{padding:26px}.item-inputs{grid-template-columns:repeat(4,minmax(0,1fr))}.item-inputs>.field:nth-child(2){grid-column:span 3}.item-total{align-items:flex-start;text-align:left;padding-top:8px;gap:6px}.sidebar{width:215px}}@media(max-width:1050px){.workspace{grid-template-columns:1fr}.preview-column{position:static}.quote-paper{max-width:760px}.sidebar{width:205px}}@media(max-width:700px){.sidebar{display:none}.topbar{padding:20px;align-items:flex-start;flex-direction:column}.topbar h1{font-size:23px}.top-action{width:100%}.workspace{padding:16px;gap:10px}.panel{padding:18px}.two-up,.input-grid{grid-template-columns:1fr}.input-grid>.field:last-child{grid-column:auto}.quote-paper{padding:20px}.toggle-row{flex-wrap:wrap}.toggle-row small{margin-left:0;width:100%}.item-inputs{grid-template-columns:repeat(2,minmax(0,1fr))}.item-inputs>.field:nth-child(2){grid-column:span 2}.item-total{padding:8px 0}}@media print{@page{size:A4;margin:14mm}body{background:#fff!important}.sidebar,.topbar,.form-column,.preview-header,.preview-note{display:none!important}.app-shell,.main-area,.workspace,.preview-column{display:block!important;width:100%!important;max-width:none!important;margin:0!important;padding:0!important}.preview-column{position:static!important}.quote-paper{border:0!important;box-shadow:none!important;padding:0!important;min-height:0!important}.quote-table tr,.quote-summary,.quote-header,.quote-notes{break-inside:avoid}.quote-word{color:#0a9278!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}}
