:root{--primary-color:#00c896;--primary-dark:#009e75;--secondary-color:#f4f4f4;--text-dark:#333;--text-light:#fff;--border-color:#ccc;--bg-color:#f0f2f5;--danger-color:#e74c3c;--table-border:#000}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-dark);font-family:Inter,Roboto,Arial,sans-serif}.app-container{height:100vh;display:flex;overflow:hidden}.sidebar{z-index:10;background-color:#fff;flex-direction:column;gap:20px;width:450px;padding:20px;display:flex;overflow-y:auto;box-shadow:2px 0 5px #0000001a}.preview-area{background-color:#525659;flex:1;justify-content:center;align-items:flex-start;padding:40px;display:flex;overflow-y:auto}@media (width<=1024px){.app-container{flex-direction:column;overflow-y:auto}.sidebar{width:100%;height:auto;overflow-y:visible}.preview-area{width:100%;padding:20px;overflow-y:visible}}.printable-page{background-color:#fff;width:215.9mm;min-height:279.4mm;margin:0 auto;padding:15mm;font-size:11px;position:relative;box-shadow:0 0 10px #00000080}@media print{@page{size:letter portrait;margin:0}body{background-color:#fff;margin:0;padding:0;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}.app-container{height:auto;display:block;overflow:visible}.sidebar{display:none!important}.preview-area{background-color:#fff;justify-content:center;align-items:flex-start;width:100%;height:auto;margin:0;padding:0;display:flex;overflow:visible}#quote-preview-content{width:215.9mm;box-shadow:none;zoom:.8;margin:0 auto;padding:5mm}tr{page-break-inside:avoid}}.form-group{flex-direction:column;gap:5px;margin-bottom:10px;display:flex}.form-group label{font-size:12px;font-weight:600}.form-control{border:1px solid var(--border-color);border-radius:4px;padding:8px;font-size:14px}.btn{cursor:pointer;border:none;border-radius:4px;padding:10px 15px;font-weight:700;transition:background-color .3s}.btn-primary{background-color:var(--primary-color);color:#fff}.btn-primary:hover{background-color:var(--primary-dark)}.btn-danger{background-color:var(--danger-color);color:#fff}.header-controls{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.quote-table{border-collapse:collapse;border:1px solid var(--table-border);width:100%;margin-bottom:20px}.quote-table th,.quote-table td{border:1px solid var(--table-border);text-align:center;padding:4px}.quote-table th{background-color:var(--primary-color);color:#fff;padding:2px 4px;font-weight:700}.quote-table .text-left{text-align:left}.quote-table .text-right{text-align:right}.category-header{background-color:var(--primary-color);color:#fff;text-transform:uppercase;font-weight:700;text-align:center!important;padding:2px 4px!important}.subtotal-row td{padding:2px 4px!important}.subtotal-row{background-color:var(--primary-color);color:#fff;font-weight:700}.total-row{color:#fff;background-color:#27ae60;font-size:14px;font-weight:700}.top-info{justify-content:space-between;margin-bottom:20px;display:flex}.logo-area{width:40%}.info-table{border-collapse:collapse;width:50%}.info-table td{border:1px solid var(--table-border);padding:4px}.info-table td:first-child{background-color:#f9f9f9;width:40%;font-weight:700}.footer-notes{text-align:center;margin-top:30px}.footer-notes h4{margin-bottom:5px}.footer-notes p{margin:2px 0}.chart-container{text-align:center;background-color:#e0e0e0;margin-top:30px;padding:20px}.chart-title{margin-bottom:10px;font-size:16px;font-weight:700}.section-editor{background-color:#fafafa;border:1px solid #eee;border-radius:5px;margin-bottom:15px;padding:10px}.section-editor h3{justify-content:space-between;margin-bottom:10px;font-size:14px;display:flex}.item-row{gap:5px;margin-bottom:5px;display:flex}.item-row input{border:1px solid #ccc;border-radius:3px;padding:5px}.col-qty{width:60px}.col-desc{flex:1}.col-val{width:100px}