*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f3f4f6;color:#1f2937;line-height:1.5}.app{min-height:100vh;padding:24px}.service-selection{max-width:900px;margin:0 auto;background:#fff;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;overflow:hidden}.service-selection-header{background:linear-gradient(135deg,#1e40af,#3b82f6);color:#fff;padding:48px 32px;text-align:center}.service-selection-header h1{font-size:36px;font-weight:700;margin-bottom:12px}.service-selection-header p{font-size:18px;opacity:.9}.service-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:24px;padding:48px 32px}.service-card{background:#fff;border:3px solid #e5e7eb;border-radius:12px;padding:32px 24px;cursor:pointer;transition:all .3s;position:relative;text-align:center}.service-card:hover{border-color:#3b82f6;transform:translateY(-4px);box-shadow:0 10px 20px #3b82f633}.service-card.selected{border-color:#3b82f6;background:#eff6ff}.service-icon{font-size:64px;margin-bottom:16px}.service-label{font-size:20px;font-weight:600;color:#1f2937}.service-checkbox{position:absolute;top:16px;right:16px;width:28px;height:28px;border:2px solid #d1d5db;border-radius:6px;display:flex;align-items:center;justify-content:center;background:#fff;transition:all .2s}.service-card.selected .service-checkbox{background:#3b82f6;border-color:#3b82f6}.checkmark{color:#fff;font-weight:700;font-size:18px}.service-selection-footer{padding:32px;border-top:1px solid #e5e7eb;display:flex;justify-content:center}.btn-large{padding:16px 48px;font-size:18px}.inspection-form{max-width:1200px;margin:0 auto;background:#fff;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;overflow:hidden}.form-header{background:linear-gradient(135deg,#1e40af,#3b82f6);color:#fff;padding:32px}.header-top{margin-bottom:20px}.back-button{background:#fff3;color:#fff;border:1px solid rgba(255,255,255,.3);padding:8px 16px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.back-button:hover{background:#ffffff4d;border-color:#ffffff80}.form-header h1{font-size:32px;font-weight:700;margin-bottom:16px}.service-types-display{display:flex;gap:12px;margin-bottom:20px;flex-wrap:wrap}.service-badge{background:#fff3;padding:6px 16px;border-radius:20px;font-size:14px;font-weight:500}.progress-bar{background:#fff3;border-radius:9999px;height:32px;position:relative;overflow:hidden}.progress-fill{background:#10b981;height:100%;transition:width .3s ease;border-radius:9999px}.progress-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-weight:600;font-size:14px;text-shadow:0 1px 2px rgba(0,0,0,.3)}.customer-info,.checklist-section,.general-notes-section{padding:32px;border-bottom:1px solid #e5e7eb}.customer-info h2,.checklist-section h2,.general-notes-section h2{font-size:24px;font-weight:600;margin-bottom:24px;color:#111827}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}.form-field{display:flex;flex-direction:column;gap:8px}.form-field label{font-weight:500;font-size:14px;color:#374151}.equipment-info{background:#fff;border-radius:12px;padding:32px;box-shadow:0 2px 8px #00000014;margin-bottom:32px}.equipment-card{background:#f9fafb;border:2px solid #e5e7eb;border-radius:12px;padding:24px;margin-bottom:20px}.equipment-card:last-child{margin-bottom:0}.equipment-type-header{font-size:18px;font-weight:700;color:#1f2937;margin-bottom:20px;padding-bottom:12px;border-bottom:2px solid #3b82f6}.form-field input{padding:12px 16px;border:1px solid #d1d5db;border-radius:8px;font-size:15px;transition:all .2s}.form-field input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.category-section{margin-bottom:32px}.category-section:last-child{margin-bottom:0}.category-title{font-size:20px;font-weight:600;color:#1f2937;margin-bottom:16px;padding-bottom:8px;border-bottom:2px solid #3b82f6}.category-items{display:flex;flex-direction:column;gap:12px}.checklist-item{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:16px;transition:all .2s}.checklist-item:hover{box-shadow:0 2px 4px #0000000d}.item-header{display:flex;justify-content:space-between;align-items:center;gap:16px}.checkbox-label{display:flex;align-items:center;gap:12px;cursor:pointer;flex:1;font-size:15px}.checkbox{width:20px;height:20px;cursor:pointer;accent-color:#3b82f6}.completed-text{text-decoration:line-through;color:#6b7280}.notes-toggle{padding:8px 16px;background:#fff;border:1px solid #d1d5db;border-radius:6px;font-size:13px;font-weight:500;color:#374151;cursor:pointer;transition:all .2s;white-space:nowrap}.notes-toggle:hover{background:#f9fafb;border-color:#3b82f6;color:#3b82f6}.item-details{margin-top:16px;padding-top:16px;border-top:1px solid #e5e7eb;display:flex;flex-direction:column;gap:16px}.severity-section{display:flex;flex-direction:column;gap:8px}.severity-label{font-size:14px;color:#374151}.severity-label strong{color:#111827}.severity-slider{width:100%;height:8px;border-radius:4px;outline:none;-webkit-appearance:none;appearance:none;cursor:pointer}.severity-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:#3b82f6;cursor:pointer;box-shadow:0 2px 4px #0003}.severity-slider::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:#3b82f6;cursor:pointer;border:none;box-shadow:0 2px 4px #0003}.notes-section{display:flex;flex-direction:column;gap:8px}.notes-label{font-size:14px;font-weight:500;color:#374151}.notes-textarea{padding:12px;border:1px solid #d1d5db;border-radius:6px;font-family:inherit;font-size:14px;resize:vertical;transition:all .2s}.notes-textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.general-notes-textarea{width:100%;padding:16px;border:1px solid #d1d5db;border-radius:8px;font-family:inherit;font-size:15px;resize:vertical;transition:all .2s}.general-notes-textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.suggestions-section{padding:32px;border-bottom:1px solid #e5e7eb}.suggestions-section h2{font-size:24px;font-weight:600;margin-bottom:8px;color:#111827}.section-description{color:#6b7280;margin-bottom:20px;font-size:15px}.suggestions-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px}.suggestion-item{display:flex;align-items:center;gap:12px;padding:12px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;transition:all .2s}.suggestion-item:hover{background:#f3f4f6;border-color:#d1d5db}.suggestion-item input[type=checkbox]:checked+span{font-weight:600;color:#1f2937}.summary-report{max-width:1000px;margin:0 auto;background:#fff;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;overflow:hidden}.summary-header{background:linear-gradient(135deg,#1e40af,#3b82f6);color:#fff;padding:32px}.summary-header-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:20px;border-bottom:2px solid rgba(255,255,255,.3)}.summary-logo{height:60px;width:auto}.summary-contact-info{text-align:right;display:flex;flex-direction:column;gap:4px}.contact-item{font-size:14px;color:#fff}.summary-header h1{font-size:32px;font-weight:700;margin-bottom:24px}.summary-info{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;background:#ffffff1a;padding:20px;border-radius:8px}.info-row{display:flex;flex-direction:column;gap:4px}.equipment-summary{background:#f0f9ff}.equipment-summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.equipment-summary-card{background:#fff;border:2px solid #3b82f6;border-radius:12px;padding:24px;transition:all .2s ease}.equipment-summary-card:hover{box-shadow:0 4px 12px #3b82f626;transform:translateY(-2px)}.equipment-summary-title{font-size:18px;font-weight:700;color:#1e40af;margin-bottom:16px;padding-bottom:12px;border-bottom:2px solid #bfdbfe}.equipment-details{display:flex;flex-direction:column;gap:10px}.equipment-detail-row{display:flex;gap:8px}.detail-label{font-weight:600;color:#374151;min-width:60px}.detail-value{color:#1f2937;font-family:monospace;font-size:14px}.no-equipment-info{color:#6b7280;font-style:italic;margin:0}.info-label{font-size:13px;opacity:.8;font-weight:500}.info-value{font-size:16px;font-weight:600}.summary-section{padding:32px;border-bottom:1px solid #e5e7eb}.summary-section h2{font-size:24px;font-weight:600;margin-bottom:20px;color:#111827}.no-issues{background:#d1fae5;border:1px solid #10b981;color:#065f46;padding:20px;border-radius:8px;text-align:center}.issues-list{display:flex;flex-direction:column;gap:16px}.issue-item{background:#fef3c7;border:1px solid #f59e0b;border-radius:8px;padding:20px}.issue-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:12px}.issue-title{font-size:16px;font-weight:600;color:#1f2937;flex:1}.severity-badge{padding:4px 12px;border-radius:12px;font-size:13px;font-weight:600;white-space:nowrap}.issue-notes{color:#374151;font-size:15px;line-height:1.6}.section-header-with-toggle{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:12px}.section-header-with-toggle h2{margin:0}.toggle-report-btn{background:#3b82f6;color:#fff;border:none;padding:10px 20px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.toggle-report-btn:hover{background:#2563eb;transform:translateY(-1px);box-shadow:0 4px 8px #3b82f64d}.completed-section{background:#f0fdf4}.completed-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px}.completed-item{background:#fff;border:1px solid #86efac;border-radius:8px;padding:16px;display:flex;align-items:flex-start;gap:12px}.completed-check{background:#10b981;color:#fff;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:16px;flex-shrink:0}.completed-name{color:#1f2937;font-weight:500;font-size:15px;flex:1}.completed-notes{color:#6b7280;font-size:14px;margin-top:4px;font-style:italic}.general-notes-display{background:#f9fafb;border:1px solid #e5e7eb;padding:20px;border-radius:8px;color:#374151;font-size:15px;line-height:1.6;white-space:pre-wrap}.recommendations-section{background:#fefce8}.section-intro{color:#713f12;font-size:15px;margin-bottom:24px;font-weight:500}.maintenance-plans-section{background:linear-gradient(135deg,#f0f9ff,#e0f2fe)}.maintenance-plans-section h2{color:#0c4a6e}.maintenance-plans-section .section-intro{color:#075985}.maintenance-plans-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(380px,1fr));gap:28px;margin-bottom:28px}@media(max-width:900px){.maintenance-plans-grid{grid-template-columns:1fr}}.maintenance-plan-card{background:#fff;border-radius:16px;padding:32px;box-shadow:0 4px 12px #0000001a;transition:all .3s ease;position:relative;border:3px solid transparent;display:flex;flex-direction:column}.maintenance-plan-card:hover{transform:translateY(-6px);box-shadow:0 12px 28px #0000002e}.basic-plan{border-color:#3b82f6}.premium-plan{border-color:#f59e0b;background:linear-gradient(135deg,#fffbeb,#fff)}.plan-badge{position:absolute;top:-12px;right:20px;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;padding:8px 20px;border-radius:24px;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 4px 12px #f59e0b80}.plan-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px;padding-bottom:20px;border-bottom:2px solid #e5e7eb}.plan-title{font-size:24px;font-weight:700;color:#1f2937}.plan-price{display:flex;align-items:baseline;gap:4px}.price-amount{font-size:36px;font-weight:800;color:#1e40af}.premium-plan .price-amount{color:#d97706}.price-period{font-size:16px;color:#6b7280;font-weight:600}.plan-benefits{display:flex;flex-direction:column;gap:14px;margin-bottom:20px}.benefit-item{display:flex;align-items:flex-start;gap:12px}.benefit-icon{background:#10b981;color:#fff;width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;flex-shrink:0}.benefit-text{color:#374151;font-size:15px;line-height:1.5;font-weight:500}.plan-pitch{color:#4b5563;font-size:14px;line-height:1.6;margin:0;padding-top:16px;border-top:1px solid #e5e7eb}.plans-cta{background:linear-gradient(135deg,#fff,#f0f9ff);border:3px solid #3b82f6;border-radius:16px;padding:24px 32px;text-align:center;box-shadow:0 2px 8px #3b82f626}.cta-text{color:#1e40af;font-size:17px;font-weight:700;margin:0;line-height:1.5}.recommendations-list{display:flex;flex-direction:column;gap:20px}.recommendation-card{background:#fff;border:2px solid #fbbf24;border-radius:12px;padding:24px;transition:all .2s}.recommendation-card:hover{border-color:#f59e0b;box-shadow:0 4px 12px #fbbf2433}.recommendation-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:12px}.recommendation-title{font-size:18px;font-weight:700;color:#1f2937;display:flex;align-items:center;gap:8px;flex:1}.recommendation-title:before{content:"⭐";font-size:20px}.recommendation-price{background:#10b981;color:#fff;padding:6px 16px;border-radius:20px;font-size:16px;font-weight:700;white-space:nowrap}.recommendation-pitch{color:#4b5563;font-size:15px;line-height:1.6;margin:0}.suggestions-list{list-style:none;display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}.suggestions-list li{background:#eff6ff;border:1px solid #3b82f6;padding:12px 16px;border-radius:8px;color:#1e40af;font-weight:500}.summary-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:24px;padding:32px;background:#f9fafb}.stat-card{background:#fff;padding:24px;border-radius:8px;text-align:center;border:1px solid #e5e7eb}.stat-value{font-size:36px;font-weight:700;color:#3b82f6;margin-bottom:8px}.stat-label{font-size:14px;color:#6b7280;font-weight:500}.summary-actions{padding:32px;display:flex;gap:16px;justify-content:flex-end}.btn-success{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none}.btn-success:hover{background:linear-gradient(135deg,#059669,#047857)}.modal-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:#fff;border-radius:16px;max-width:800px;width:90%;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d}.invoice-modal{max-width:900px}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px 32px;border-bottom:2px solid #e5e7eb;background:linear-gradient(135deg,#1e40af,#3b82f6);color:#fff}.modal-header h2{margin:0;font-size:24px;font-weight:700}.modal-close-btn{background:#fff3;border:none;color:#fff;width:36px;height:36px;border-radius:50%;font-size:24px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.modal-close-btn:hover{background:#ffffff4d}.modal-body{padding:32px;overflow-y:auto;flex:1}.modal-footer{padding:20px 32px;border-top:2px solid #e5e7eb;display:flex;gap:12px;justify-content:flex-end;background:#f9fafb}.invoice-section{margin-bottom:32px}.invoice-section h3{font-size:18px;font-weight:700;color:#1f2937;margin-bottom:16px;padding-bottom:8px;border-bottom:2px solid #e5e7eb}.invoice-items{display:flex;flex-direction:column;gap:12px}.invoice-item{display:flex;align-items:center;gap:16px;padding:12px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px}.invoice-checkbox-label{display:flex;align-items:center;gap:12px;flex:1;cursor:pointer;font-weight:500;color:#374151}.invoice-checkbox-label input[type=checkbox]{width:20px;height:20px;cursor:pointer}.price-input{width:120px;padding:8px 12px;border:2px solid #d1d5db;border-radius:6px;font-size:15px;font-weight:600;text-align:right}.price-input:focus{outline:none;border-color:#3b82f6}.additional-work-item{display:grid;grid-template-columns:1fr auto auto;gap:12px;align-items:center}.description-input{padding:8px 12px;border:2px solid #d1d5db;border-radius:6px;font-size:15px}.description-input:focus{outline:none;border-color:#3b82f6}.remove-btn{background:#ef4444;color:#fff;border:none;width:32px;height:32px;border-radius:6px;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.remove-btn:hover{background:#dc2626}.btn-small{padding:8px 16px;font-size:14px}.invoice-totals{margin-top:24px;padding:20px;background:#f0f9ff;border-radius:8px;border:2px solid #3b82f6}.total-row{display:flex;justify-content:space-between;padding:8px 0;font-size:16px;color:#374151}.total-final{padding-top:12px;margin-top:12px;border-top:2px solid #3b82f6;font-size:20px;font-weight:700;color:#1e40af}.invoice-print{max-width:900px;margin:0 auto;padding:40px;background:#fff}.invoice-header{margin-bottom:32px;padding-bottom:24px;border-bottom:3px solid #1e40af}.invoice-logo{height:70px;width:auto;margin-bottom:16px}.company-contact{margin-bottom:16px}.contact-line{color:#4b5563;font-size:14px;margin:8px 0}.company-info h1{font-size:32px;font-weight:700;color:#1e40af;margin-bottom:12px}.invoice-date,.service-date{color:#6b7280;margin:4px 0}.invoice-details{margin-bottom:32px}.invoice-section-group{display:grid;grid-template-columns:repeat(2,1fr);gap:32px}.invoice-info-box h3{font-size:14px;font-weight:700;color:#6b7280;text-transform:uppercase;margin-bottom:8px}.customer-name{font-weight:700;font-size:18px;color:#1f2937;margin-bottom:4px}.invoice-line-items{margin-bottom:32px}.invoice-table{width:100%;border-collapse:collapse;margin-bottom:24px}.invoice-table thead{background:#f3f4f6}.invoice-table th{padding:12px;text-align:left;font-weight:700;color:#374151;border-bottom:2px solid #d1d5db}.invoice-table td{padding:12px;border-bottom:1px solid #e5e7eb;color:#1f2937}.text-right{text-align:right}.invoice-totals-section{display:flex;flex-direction:column;align-items:flex-end;gap:8px;margin-top:24px}.invoice-total-row{display:flex;gap:32px;font-size:16px;color:#374151}.invoice-total-final{padding-top:12px;margin-top:12px;border-top:3px solid #1e40af;font-size:24px;font-weight:700;color:#1e40af}.invoice-footer{margin-top:48px;padding-top:24px;border-top:2px solid #e5e7eb;text-align:center}.invoice-footer p{margin:8px 0;color:#6b7280}.invoice-notes{font-size:14px;font-style:italic}.no-print{display:block}@media print{.no-print{display:none!important}.invoice-print{padding:20px}}.form-actions{padding:32px;display:flex;gap:16px;justify-content:flex-end;align-items:center;flex-wrap:wrap}.btn{padding:12px 32px;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s;border:none}.btn-primary{background:#3b82f6;color:#fff}.btn-primary:hover:not(:disabled){background:#2563eb;transform:translateY(-1px);box-shadow:0 4px 6px -1px #3b82f64d}.btn-secondary{background:#fff;color:#374151;border:1px solid #d1d5db}.btn-secondary:hover:not(:disabled){background:#f9fafb;border-color:#9ca3af}.btn:disabled{opacity:.5;cursor:not-allowed}.save-message{padding:12px 20px;border-radius:8px;font-weight:500;flex:1;text-align:center}.save-message.success{background:#d1fae5;color:#065f46;border:1px solid #10b981}.save-message.error{background:#fee2e2;color:#991b1b;border:1px solid #ef4444}@media print{body{background:#fff}.app{padding:0}.summary-report{box-shadow:none;border-radius:0}.summary-actions{display:none}.summary-header{background:#1e40af;print-color-adjust:exact;-webkit-print-color-adjust:exact}.issue-item,.stat-card{break-inside:avoid}}@media(max-width:768px){.app{padding:12px}.form-header{padding:24px 20px}.form-header h1{font-size:24px}.customer-info,.checklist-section,.general-notes-section{padding:24px 20px}.form-grid{grid-template-columns:1fr}.item-header{flex-direction:column;align-items:flex-start}.notes-toggle{align-self:flex-start}.form-actions{flex-direction:column-reverse;padding:24px 20px}.btn,.save-message{width:100%}}