.orders-list{width:100%}.orders-header{margin-bottom:calc(var(--spacing-unit) * 4);justify-content:space-between;align-items:center;display:flex}.orders-header h2{color:var(--gray-900);font-size:24px;font-weight:700}.orders-grid{gap:calc(var(--spacing-unit) * 3);grid-template-columns:repeat(auto-fill,minmax(400px,1fr));display:grid}.order-card{flex-direction:column;transition:transform .2s,box-shadow .2s;display:flex}.order-card:hover{transform:translateY(-4px);box-shadow:0 10px 25px -5px #0000001a,0 8px 10px -6px #0000001a}.order-card-header{margin-bottom:calc(var(--spacing-unit) * 2);padding-bottom:calc(var(--spacing-unit) * 2);border-bottom:1px solid var(--gray-200);justify-content:space-between;align-items:flex-start;display:flex}.order-number{color:var(--gray-900);margin-bottom:calc(var(--spacing-unit) * 1);font-size:18px;font-weight:700}.status-badge{padding:calc(var(--spacing-unit) * .5) calc(var(--spacing-unit) * 1.5);border-radius:calc(var(--spacing-unit) * 2);text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:600;display:inline-block}.status-draft{color:#92400e;background-color:#fef3c7}.status-confirmed{color:#1e40af;background-color:#dbeafe}.status-production{color:#5b21b6;background-color:#e0e7ff}.status-completed{color:#065f46;background-color:#d1fae5}.status-cancelled{color:#991b1b;background-color:#fee2e2}.order-date{color:var(--gray-600);font-size:13px;font-weight:500}.order-card-body{margin-bottom:calc(var(--spacing-unit) * 2);flex:1}.order-info{margin-bottom:calc(var(--spacing-unit) * 1.5);color:var(--gray-700);font-size:14px;line-height:1.5}.order-info strong{color:var(--gray-900);min-width:120px;font-weight:600;display:inline-block}.order-card-actions{gap:calc(var(--spacing-unit) * 1.5);padding-top:calc(var(--spacing-unit) * 2);border-top:1px solid var(--gray-200);grid-template-columns:repeat(2,1fr);display:grid}.order-card-actions .btn{padding:calc(var(--spacing-unit) * 1.25) calc(var(--spacing-unit) * 2);font-size:13px}@media (width<=768px){.orders-grid{grid-template-columns:1fr}.orders-header{gap:calc(var(--spacing-unit) * 2);flex-direction:column;align-items:flex-start}}.customer-form{margin-top:calc(var(--spacing-unit) * 2)}.form-tabs{gap:calc(var(--spacing-unit) * 1);margin-bottom:calc(var(--spacing-unit) * 3);border-bottom:2px solid var(--gray-200);display:flex}.tab-button{padding:calc(var(--spacing-unit) * 1.5) calc(var(--spacing-unit) * 3);color:var(--gray-600);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-2px;font-weight:600;transition:all .2s}.tab-button:hover{color:var(--primary-color);transform:none}.tab-button.active{color:var(--primary-color);border-bottom-color:var(--primary-color)}.existing-customers{padding:calc(var(--spacing-unit) * 2) 0}.no-customers{padding:calc(var(--spacing-unit) * 4);text-align:center;color:var(--gray-500)}.customers-list{gap:calc(var(--spacing-unit) * 1.5);flex-direction:column;max-height:400px;display:flex;overflow-y:auto}.customer-item{padding:calc(var(--spacing-unit) * 2);border:1px solid var(--gray-200);border-radius:calc(var(--spacing-unit) * 1);cursor:pointer;transition:all .2s}.customer-item:hover{border-color:var(--primary-color);background-color:var(--gray-50);transform:translate(4px)}.customer-name{color:var(--gray-900);margin-bottom:calc(var(--spacing-unit) * .5);font-weight:700}.customer-company{color:var(--gray-600);margin-bottom:calc(var(--spacing-unit) * .5);font-size:14px}.customer-contact{color:var(--gray-500);gap:calc(var(--spacing-unit) * 2);font-size:13px;display:flex}.form-actions{gap:calc(var(--spacing-unit) * 2);margin-top:calc(var(--spacing-unit) * 3);padding-top:calc(var(--spacing-unit) * 3);border-top:1px solid var(--gray-200);justify-content:flex-end;display:flex}.order-item-form-overlay{z-index:1000;padding:calc(var(--spacing-unit) * 2);background-color:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow-y:auto}.order-item-form-container{border-radius:calc(var(--spacing-unit) * 1.5);background:#fff;width:100%;max-width:900px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.form-header{padding:calc(var(--spacing-unit) * 3);border-bottom:2px solid var(--gray-200);z-index:10;background:#fff;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.form-header h3{color:var(--gray-900);margin:0;font-size:22px;font-weight:700}.form-tabs{gap:calc(var(--spacing-unit) * 1);padding:0 calc(var(--spacing-unit) * 3);background:var(--gray-50);border-bottom:2px solid var(--gray-200);display:flex;overflow-x:auto}.tab-button{padding:calc(var(--spacing-unit) * 2) calc(var(--spacing-unit) * 3);color:var(--gray-600);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:3px solid #0000;font-size:14px;font-weight:600;transition:all .2s}.tab-button:hover{color:var(--primary-color);background:var(--gray-100)}.tab-button.active{color:var(--primary-color);border-bottom-color:var(--primary-color);background:#fff}.close-button{background-color:var(--gray-100);width:32px;height:32px;color:var(--gray-600);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;padding:0;font-size:24px;line-height:1;transition:all .2s;display:flex}.close-button:hover{background-color:var(--gray-200);color:var(--gray-900);transform:rotate(90deg)}.order-item-form{padding:calc(var(--spacing-unit) * 4)}.form-section{margin-bottom:calc(var(--spacing-unit) * 4);padding-bottom:calc(var(--spacing-unit) * 3);border-bottom:1px solid var(--gray-200)}.form-section:last-of-type{margin-bottom:calc(var(--spacing-unit) * 3);border-bottom:none}.form-section h4{color:var(--gray-900);margin-bottom:calc(var(--spacing-unit) * 2.5);padding-bottom:calc(var(--spacing-unit) * 1);border-bottom:2px solid var(--primary-color);font-size:16px;font-weight:700;display:inline-block}@media (width<=768px){.order-item-form-overlay{align-items:flex-start;padding:0}.order-item-form-container{border-radius:0;max-height:100vh}.order-item-form{padding:calc(var(--spacing-unit) * 2)}.form-row{grid-template-columns:1fr}}.order-detail{width:100%;max-width:1200px;margin:0 auto}.order-detail-header{margin-bottom:calc(var(--spacing-unit) * 4)}.order-detail-header h2{color:var(--gray-900);font-size:28px;font-weight:700}.order-sections{gap:calc(var(--spacing-unit) * 3);margin-bottom:calc(var(--spacing-unit) * 4);flex-direction:column;display:flex}.section-card{padding:calc(var(--spacing-unit) * 4)}.section-card h3{color:var(--gray-900);margin-bottom:calc(var(--spacing-unit) * 3);font-size:20px;font-weight:700}.section-header{margin-bottom:calc(var(--spacing-unit) * 3);justify-content:space-between;align-items:center;display:flex}.section-header h3{margin-bottom:0}.customer-display{padding:calc(var(--spacing-unit) * 3);background-color:var(--gray-50);border-radius:calc(var(--spacing-unit) * 1);border:1px solid var(--gray-200)}.info-row{padding:calc(var(--spacing-unit) * 1) 0;color:var(--gray-700);font-size:14px}.info-row strong{color:var(--gray-900);min-width:100px;font-weight:600;display:inline-block}.empty-items{padding:calc(var(--spacing-unit) * 6);text-align:center;color:var(--gray-500);background-color:var(--gray-50);border-radius:calc(var(--spacing-unit) * 1);border:2px dashed var(--gray-300)}.item-card{padding:calc(var(--spacing-unit) * 2.5);background-color:var(--gray-50);border:1px solid var(--gray-200);border-radius:calc(var(--spacing-unit) * 1);transition:all .2s}.item-card:hover{border-color:var(--primary-color);background-color:#fff;box-shadow:0 2px 8px #00000014}.item-header{margin-bottom:calc(var(--spacing-unit) * 2);padding-bottom:calc(var(--spacing-unit) * 1.5);border-bottom:1px solid var(--gray-200);justify-content:space-between;align-items:center;display:flex}.item-number{color:var(--primary-color);font-size:14px;font-weight:700}.item-actions{gap:calc(var(--spacing-unit) * 1);display:flex}.btn-icon{padding:calc(var(--spacing-unit) * 1) calc(var(--spacing-unit) * 2);border:1px solid var(--gray-300);border-radius:calc(var(--spacing-unit) * .5);color:var(--gray-700);cursor:pointer;background-color:#fff;font-size:13px;font-weight:600;transition:all .2s}.btn-icon:hover{background-color:var(--gray-50);border-color:var(--primary-color);color:var(--primary-color)}.btn-icon.btn-danger:hover{border-color:var(--danger-color);color:var(--danger-color);background-color:#fef2f2}.item-body{gap:calc(var(--spacing-unit) * 1.5);grid-template-columns:repeat(auto-fill,minmax(200px,1fr));display:grid}.item-info{color:var(--gray-700);font-size:13px}.item-info strong{color:var(--gray-900);margin-bottom:calc(var(--spacing-unit) * .5);font-weight:600;display:block}.order-actions{gap:calc(var(--spacing-unit) * 2);padding-top:calc(var(--spacing-unit) * 4);border-top:2px solid var(--gray-200);justify-content:flex-end;display:flex}.order-actions .btn{min-width:140px}@media (width<=768px){.section-card{padding:calc(var(--spacing-unit) * 2.5)}.section-header{align-items:flex-start;gap:calc(var(--spacing-unit) * 2);flex-direction:column}.item-body{grid-template-columns:1fr}.order-actions{flex-direction:column}.order-actions .btn{width:100%}}.order-confirmation{width:100%}.confirmation-actions{margin-bottom:calc(var(--spacing-unit) * 3);justify-content:flex-end;display:flex}.confirmation-document{padding:calc(var(--spacing-unit) * 6);border-radius:calc(var(--spacing-unit) * 1);background:#fff;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f}.confirmation-header{margin-bottom:calc(var(--spacing-unit) * 5);padding-bottom:calc(var(--spacing-unit) * 4);border-bottom:3px solid var(--primary-color);justify-content:space-between;align-items:flex-start;display:flex}.company-info{flex:1}.company-name{color:var(--primary-color);margin-bottom:calc(var(--spacing-unit) * 1);letter-spacing:-.5px;font-size:32px;font-weight:700}.company-info p{color:var(--gray-600);font-size:14px}.document-title{text-align:right}.document-title h2{color:var(--gray-900);margin-bottom:calc(var(--spacing-unit) * 2);font-size:28px;font-weight:700}.order-meta{color:var(--gray-700);font-size:14px}.order-meta div{margin-bottom:calc(var(--spacing-unit) * .5)}.order-meta strong{color:var(--gray-900);margin-right:calc(var(--spacing-unit) * 1);font-weight:600}.confirmation-body{margin-bottom:calc(var(--spacing-unit) * 5)}.customer-section{margin-bottom:calc(var(--spacing-unit) * 3);padding:calc(var(--spacing-unit) * 3);background-color:var(--gray-50);border-radius:calc(var(--spacing-unit) * 1)}.info-line{margin-bottom:calc(var(--spacing-unit) * .5);color:var(--gray-700);font-size:14px}.project-info{margin-top:calc(var(--spacing-unit) * 2);padding-top:calc(var(--spacing-unit) * 2);border-top:1px solid var(--gray-200)}.project-info strong{color:var(--gray-900);margin-bottom:calc(var(--spacing-unit) * .5);font-weight:600;display:block}.internal-po{color:#991b1b;padding:calc(var(--spacing-unit) * 2);border-radius:calc(var(--spacing-unit) * .75);text-align:center;margin-bottom:calc(var(--spacing-unit) * 3);background-color:#fee2e2;font-size:18px;font-weight:700}.job-reference{color:var(--gray-600);margin-bottom:calc(var(--spacing-unit) * 3);font-size:14px}.items-table-wrapper{margin-bottom:calc(var(--spacing-unit) * 4);overflow-x:auto}.items-table{border-collapse:collapse;width:100%;font-size:13px}.items-table thead{background-color:var(--gray-900);color:#fff}.items-table th{padding:calc(var(--spacing-unit) * 2);text-align:left;border:1px solid var(--gray-700);font-weight:600}.items-table td{padding:calc(var(--spacing-unit) * 2);border:1px solid var(--gray-300);vertical-align:top}.col-line,.col-qty{text-align:center;width:50px}.col-description{min-width:400px}.col-colour{width:100px}.col-area{width:120px}.col-jamb{width:100px}.item-row:nth-child(2n){background-color:var(--gray-50)}.item-details{line-height:1.6}.product-type{color:var(--gray-900);margin-bottom:calc(var(--spacing-unit) * 1.5);font-size:14px;font-weight:700}.detail-line{margin-bottom:calc(var(--spacing-unit) * 1);color:var(--gray-700)}.detail-section{margin-bottom:calc(var(--spacing-unit) * .75);color:var(--gray-700);font-size:12px}.detail-section strong{color:var(--gray-900);font-weight:600}.detail-section.notes{margin-top:calc(var(--spacing-unit) * 1.5);padding-top:calc(var(--spacing-unit) * 1.5);border-top:1px solid var(--gray-300);color:var(--primary-color);font-weight:600}.order-notes{padding:calc(var(--spacing-unit) * 3);border-left:4px solid var(--warning-color);border-radius:calc(var(--spacing-unit) * .75);background-color:#fef3c7;font-size:14px}.order-notes strong{color:var(--gray-900);margin-bottom:calc(var(--spacing-unit) * 1);font-weight:700;display:block}.confirmation-footer{text-align:center;padding-top:calc(var(--spacing-unit) * 4);border-top:2px solid var(--gray-200);color:var(--gray-600);font-style:italic}@media print{.confirmation-document{box-shadow:none;border-radius:0;padding:0}.company-name{color:#000}.items-table{page-break-inside:auto}.item-row{page-break-inside:avoid;page-break-after:auto}}@media (width<=768px){.confirmation-document{padding:calc(var(--spacing-unit) * 3)}.confirmation-header{gap:calc(var(--spacing-unit) * 3);flex-direction:column}.document-title{text-align:left}.items-table{font-size:11px}.items-table th,.items-table td{padding:calc(var(--spacing-unit) * 1)}.col-description{min-width:300px}}.price-quotation{max-width:800px;margin:0 auto}.price-header{margin-bottom:calc(var(--spacing-unit) * 4)}.price-header h2{color:var(--gray-900);margin-bottom:calc(var(--spacing-unit) * 2);font-size:28px;font-weight:700}.customer-info{color:var(--gray-700);font-size:14px}.pricing-form{padding:calc(var(--spacing-unit) * 4)}.pricing-row{align-items:center;gap:calc(var(--spacing-unit) * 3);margin-bottom:calc(var(--spacing-unit) * 3);grid-template-columns:200px 1fr;display:grid}.pricing-row label{color:var(--gray-900);font-size:15px;font-weight:600}.input-group{align-items:center;gap:calc(var(--spacing-unit) * 1);display:flex}.currency{color:var(--gray-700);font-size:16px;font-weight:600}.input-group input{padding:calc(var(--spacing-unit) * 1.5);border:2px solid var(--gray-300);border-radius:calc(var(--spacing-unit) * 1);color:var(--gray-900);flex:1;font-size:16px;font-weight:600;transition:border-color .2s}.input-group input:focus{border-color:var(--primary-color);outline:none}.input-group input.readonly-input{background-color:var(--gray-100);color:var(--gray-700);cursor:not-allowed}.total-row,.balance-row{padding-top:calc(var(--spacing-unit) * 2);border-top:2px solid var(--gray-300)}.total-row label,.balance-row label{font-size:17px;font-weight:700}.total-row .input-group input,.balance-row .input-group input{background-color:var(--gray-50);font-size:18px;font-weight:700}.message{padding:calc(var(--spacing-unit) * 2);border-radius:calc(var(--spacing-unit) * 1);margin-bottom:calc(var(--spacing-unit) * 3);text-align:center;font-weight:600}.message.success{color:#065f46;background-color:#d1fae5}.message.error{color:#991b1b;background-color:#fee2e2}.form-actions{justify-content:flex-end;gap:calc(var(--spacing-unit) * 2);padding-top:calc(var(--spacing-unit) * 3);border-top:1px solid var(--gray-200);display:flex}@media (width<=768px){.pricing-row{gap:calc(var(--spacing-unit) * 1);grid-template-columns:1fr}.pricing-row label{margin-bottom:calc(var(--spacing-unit) * .5)}}.installation{max-width:1000px;margin:0 auto}.installation-header{margin-bottom:calc(var(--spacing-unit) * 4);justify-content:space-between;align-items:flex-start;display:flex}.installation-header h2{color:var(--gray-900);margin-bottom:calc(var(--spacing-unit) * 1);font-size:28px;font-weight:700}.order-info{color:var(--gray-600);margin:0;font-size:14px}.save-message{padding:calc(var(--spacing-unit) * 1.5) calc(var(--spacing-unit) * 2);border-radius:calc(var(--spacing-unit) * 1);font-size:14px;font-weight:600}.save-message.success{color:#065f46;background-color:#d1fae5}.save-message.error{color:#991b1b;background-color:#fee2e2}.installation-content{padding:calc(var(--spacing-unit) * 4)}.checklist-section{margin-bottom:calc(var(--spacing-unit) * 5);padding-bottom:calc(var(--spacing-unit) * 4);border-bottom:2px solid var(--gray-200)}.checklist-section h3,.quantities-section h3{color:var(--gray-900);margin-bottom:calc(var(--spacing-unit) * 3);font-size:20px;font-weight:700}.checklist-items{gap:calc(var(--spacing-unit) * 2);grid-template-columns:repeat(auto-fill,minmax(250px,1fr));display:grid}.checkbox-item{align-items:center;gap:calc(var(--spacing-unit) * 2);padding:calc(var(--spacing-unit) * 2);background-color:var(--gray-50);border:2px solid var(--gray-200);border-radius:calc(var(--spacing-unit) * 1);cursor:pointer;transition:all .2s;display:flex}.checkbox-item:hover{border-color:var(--primary-color);background-color:#fff}.checkbox-item input[type=checkbox]{cursor:pointer;width:24px;height:24px;accent-color:var(--primary-color)}.checkbox-label{color:var(--gray-900);cursor:pointer;-webkit-user-select:none;user-select:none;font-size:15px;font-weight:500}.quantities-section{margin-top:calc(var(--spacing-unit) * 4)}.quantity-inputs{gap:calc(var(--spacing-unit) * 3);grid-template-columns:1fr;max-width:600px;display:grid}.input-group{gap:calc(var(--spacing-unit) * 1);flex-direction:column;display:flex}.input-group label{color:var(--gray-700);text-transform:uppercase;letter-spacing:.5px;font-size:14px;font-weight:600}.input-group input,.input-group textarea{padding:calc(var(--spacing-unit) * 1.5);border:2px solid var(--gray-300);border-radius:calc(var(--spacing-unit) * 1);color:var(--gray-900);font-family:inherit;font-size:15px;transition:border-color .2s}.input-group input:focus,.input-group textarea:focus{border-color:var(--primary-color);outline:none}.input-group textarea{resize:vertical;min-height:80px}@media (width<=768px){.checklist-items{grid-template-columns:1fr}.installation-header{gap:calc(var(--spacing-unit) * 2);flex-direction:column}}.final-report{max-width:1000px;margin:0 auto}.final-header{padding:calc(var(--spacing-unit) * 6) calc(var(--spacing-unit) * 4);margin-bottom:calc(var(--spacing-unit) * 4);justify-content:space-between;align-items:center;gap:calc(var(--spacing-unit) * 4);background:linear-gradient(135deg,#2980b9 0%,#3498db 100%);border-radius:12px;flex-wrap:wrap;display:flex;box-shadow:0 4px 12px #2980b926}.company-header{flex:1;min-width:300px}.company-header h1{color:#fff;margin:0 0 calc(var(--spacing-unit) * 3) 0;letter-spacing:-.5px;font-size:32px;font-weight:700}.company-details{color:#fffffff2;font-size:14px;line-height:1.8}.company-details p{padding:calc(var(--spacing-unit) * .5) 0;margin:0}.customer-info{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:calc(var(--spacing-unit) * 3);color:#fff;background:#ffffff26;border:1px solid #fff3;border-radius:8px;min-width:280px;font-size:14px}.customer-info p{margin-bottom:calc(var(--spacing-unit) * 1)}.customer-info p:last-child{margin-bottom:0}.customer-info strong{color:#fff;font-weight:600}.final-content{padding:calc(var(--spacing-unit) * 4)}.report-section{margin-bottom:calc(var(--spacing-unit) * 4);padding-bottom:calc(var(--spacing-unit) * 4);border-bottom:1px solid var(--gray-200)}.report-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.report-section h3{color:var(--gray-900);margin-bottom:calc(var(--spacing-unit) * 2);font-size:18px;font-weight:700}.summary-grid,.info-grid{gap:calc(var(--spacing-unit) * 2);grid-template-columns:repeat(auto-fit,minmax(250px,1fr));display:grid}.summary-item,.info-item{gap:calc(var(--spacing-unit) * .5);flex-direction:column;display:flex}.info-item.full-width{grid-column:1/-1}.summary-item .label,.info-item .label{color:var(--gray-600);text-transform:uppercase;letter-spacing:.5px;font-size:13px;font-weight:600}.summary-item .value,.info-item .value{color:var(--gray-900);font-size:15px;font-weight:500}.items-list{gap:calc(var(--spacing-unit) * 2);flex-direction:column;display:flex}.item-card{padding:calc(var(--spacing-unit) * 3);background-color:var(--gray-50);border-radius:calc(var(--spacing-unit) * 1);border:1px solid var(--gray-200)}.item-header{margin-bottom:calc(var(--spacing-unit) * 2);justify-content:space-between;align-items:center;display:flex}.item-header h4{color:var(--gray-900);font-size:16px;font-weight:600}.quantity{padding:calc(var(--spacing-unit) * .5) calc(var(--spacing-unit) * 1.5);background-color:var(--primary-color);color:#fff;border-radius:calc(var(--spacing-unit) * .5);font-size:13px;font-weight:600}.item-details{gap:calc(var(--spacing-unit) * 1);flex-direction:column;display:flex}.item-details p{color:var(--gray-700);margin:0;font-size:14px}.item-details strong{color:var(--gray-900);font-weight:600}.pricing-summary{max-width:400px}.pricing-row{padding:calc(var(--spacing-unit) * 1.5) 0;justify-content:space-between;align-items:center;font-size:15px;display:flex}.pricing-row .label{color:var(--gray-700);font-weight:500}.pricing-row .value{color:var(--gray-900);font-weight:600}.pricing-row.total{border-top:2px solid var(--gray-300);border-bottom:2px solid var(--gray-300);padding:calc(var(--spacing-unit) * 2) 0;font-size:17px}.pricing-row.total .label,.pricing-row.total .value{font-weight:700}.pricing-row.balance{padding-top:calc(var(--spacing-unit) * 2);font-size:17px}.pricing-row.balance .label,.pricing-row.balance .value{color:var(--primary-color);font-weight:700}.pricing-divider{background-color:var(--gray-200);height:1px;margin:calc(var(--spacing-unit) * 2) 0}.notes-text{color:var(--gray-700);white-space:pre-wrap;font-size:14px;line-height:1.6}.checklist-display{gap:calc(var(--spacing-unit) * 1);margin-top:calc(var(--spacing-unit) * 1);flex-wrap:wrap;display:flex}.check-item{padding:calc(var(--spacing-unit) * .5) calc(var(--spacing-unit) * 1.5);background-color:var(--primary-color);color:#fff;border-radius:calc(var(--spacing-unit) * .5);align-items:center;font-size:13px;font-weight:500;display:inline-flex}.check-item:before{content:"✓";margin-right:calc(var(--spacing-unit) * .5);font-weight:700}.pdf-actions{padding-top:calc(var(--spacing-unit) * 3);margin-top:calc(var(--spacing-unit) * 3);border-top:2px solid var(--gray-200);justify-content:center;display:flex}.btn-large{padding:calc(var(--spacing-unit) * 2) calc(var(--spacing-unit) * 4);font-size:16px;font-weight:600}@media (width<=768px){.summary-grid,.info-grid{grid-template-columns:1fr}.item-header{align-items:flex-start;gap:calc(var(--spacing-unit) * 1);flex-direction:column}}.app{flex-direction:column;min-height:100vh;display:flex}.app-header{color:#fff;padding:calc(var(--spacing-unit) * 3) calc(var(--spacing-unit) * 4);background:linear-gradient(135deg,#1e3a8a 0%,#3b82f6 100%);box-shadow:0 4px 6px -1px #0000001a}.header-content{justify-content:space-between;align-items:center;max-width:1400px;margin:0 auto;display:flex}.app-header h1{letter-spacing:-.5px;font-size:28px;font-weight:700}.app-main{width:100%;max-width:1400px;padding:calc(var(--spacing-unit) * 4);flex:1;margin:0 auto}.btn{padding:calc(var(--spacing-unit) * 1.5) calc(var(--spacing-unit) * 3);border-radius:calc(var(--spacing-unit) * .75);cursor:pointer;border:none;outline:none;font-size:14px;font-weight:600;transition:all .2s}.btn-primary{background-color:var(--primary-color);color:#fff}.btn-primary:hover{background-color:var(--secondary-color);transform:translateY(-2px);box-shadow:0 4px 12px #2563eb4d}.btn-secondary{color:var(--primary-color);border:1px solid var(--gray-300);background-color:#fff}.btn-secondary:hover{background-color:var(--gray-50);border-color:var(--primary-color)}.btn-success{background-color:var(--success-color);color:#fff}.btn-success:hover{background-color:#15803d;box-shadow:0 4px 12px #16a34a4d}.btn-danger{background-color:var(--danger-color);color:#fff}.btn-danger:hover{background-color:#b91c1c;box-shadow:0 4px 12px #dc26264d}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn:disabled:hover{box-shadow:none;transform:none}.card{border-radius:calc(var(--spacing-unit) * 1.5);padding:calc(var(--spacing-unit) * 3);background:#fff;transition:box-shadow .2s;box-shadow:0 1px 3px #0000001a}.card:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.form-group{margin-bottom:calc(var(--spacing-unit) * 2.5)}.form-group label{color:var(--gray-700);margin-bottom:calc(var(--spacing-unit) * 1);font-size:14px;font-weight:600;display:block}.form-group input,.form-group select,.form-group textarea{width:100%;padding:calc(var(--spacing-unit) * 1.25) calc(var(--spacing-unit) * 1.5);border:1px solid var(--gray-300);border-radius:calc(var(--spacing-unit) * .75);background-color:#fff;font-size:14px;transition:all .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--primary-color);outline:none;box-shadow:0 0 0 3px #2563eb1a}.form-group textarea{resize:vertical;min-height:100px}.form-row{gap:calc(var(--spacing-unit) * 2);grid-template-columns:repeat(auto-fit,minmax(250px,1fr));display:grid}.loading{padding:calc(var(--spacing-unit) * 6);color:var(--gray-500);justify-content:center;align-items:center;font-size:16px;display:flex}.empty-state{text-align:center;padding:calc(var(--spacing-unit) * 8);color:var(--gray-500)}.empty-state h3{margin-bottom:calc(var(--spacing-unit) * 2);color:var(--gray-700);font-size:20px}.empty-state p{margin-bottom:calc(var(--spacing-unit) * 3)}.price-section,.installation-section{text-align:center;padding:calc(var(--spacing-unit) * 8)}.price-section h2,.installation-section h2{color:var(--gray-700);margin-bottom:calc(var(--spacing-unit) * 2);font-size:32px}.price-section p,.installation-section p{color:var(--gray-500);font-size:16px}@media print{.app-header,.btn,.no-print{display:none!important}.app-main{padding:0}}*{box-sizing:border-box;margin:0;padding:0}:root{--primary-color:#2563eb;--secondary-color:#1e40af;--success-color:#16a34a;--danger-color:#dc2626;--warning-color:#ea580c;--gray-50:#f9fafb;--gray-100:#f3f4f6;--gray-200:#e5e7eb;--gray-300:#d1d5db;--gray-400:#9ca3af;--gray-500:#6b7280;--gray-600:#4b5563;--gray-700:#374151;--gray-800:#1f2937;--gray-900:#111827;--spacing-unit:8px}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--gray-50);color:var(--gray-900);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.5}button{cursor:pointer;border:none;outline:none;font-family:inherit;transition:all .2s}button:hover{transform:translateY(-1px)}button:active{transform:translateY(0)}input,select,textarea{font-family:inherit;font-size:inherit}a{color:var(--primary-color);text-decoration:none}a:hover{text-decoration:underline}