body{margin:0;padding:0;min-height:100vh;background:linear-gradient(135deg,#1a365d,#2d4a6b);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}.form-container{min-height:100vh;background:transparent;padding:2rem 1rem}.form-wrapper{max-width:64rem;margin:0 auto;background:#fff;border-radius:.5rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;padding:2rem}.header-section{display:flex;align-items:flex-start;gap:2rem;margin-bottom:2rem;padding:1rem 0;border-bottom:2px solid #E03131;min-height:120px}.logo{height:100px;width:auto;flex-shrink:0}.header-text-container{flex:1;display:flex;flex-direction:column;justify-content:center}.form-title{font-size:1.875rem;font-weight:700;color:#1a365d;margin:0}.form-subtitle{font-size:1.125rem;color:#1a365d;margin:0;font-weight:400}.property-title{font-size:1.25rem;font-weight:600;color:#e03131;margin:.5rem 0 0;font-style:italic}.document-info{margin-bottom:1.5rem;padding:.75rem 0;border-bottom:1px solid #e5e7eb;background-color:#f8fafc;border-radius:.5rem;padding:1rem}.address-section{margin-bottom:1.5rem;padding:0;margin-left:-2rem;margin-right:-2rem;padding-left:2rem;padding-right:2rem}.form-row{display:flex;gap:1.5rem;margin-bottom:.75rem;align-items:center;width:100%}.form-row .form-group{flex:1}.form-group{display:flex;align-items:center;gap:.5rem;position:relative}.form-group label{font-weight:500;color:#1a365d;white-space:nowrap;font-size:.875rem}.red-label{color:#e03131!important}.date-inputs{display:flex;align-items:center;gap:.25rem;position:relative}.date-field,.time-field,.broker-field,.address-field,.date-picker,.client-type-field,.client-category-field{border:1px solid #d1d5db;border-radius:.25rem;padding:.375rem;font-size:.8rem;background-color:#fff}.date-picker{width:8rem;cursor:pointer;text-align:left;margin-left:0;margin-right:auto}.date-picker:focus{outline:none;border-color:#e03131;box-shadow:0 0 0 3px #e031311a}.client-type-field{width:8rem;background-color:#f8f9fa;color:#6b7280;cursor:not-allowed}.client-category-field{width:6rem;cursor:pointer}.client-category-field:focus{outline:none;border-color:#e03131;box-shadow:0 0 0 3px #e031311a}.date-field,.time-field{width:2.5rem;text-align:center}.broker-field{width:12rem}.address-group{width:100%;display:flex;align-items:center;gap:.5rem;justify-content:flex-start;margin-left:0;padding-left:0;text-align:left}.address-field{width:100%;border-left:3px solid #E03131;padding-left:.75rem;text-align:left;margin-left:0}.section-title{font-size:1.25rem;font-weight:600;color:#1a365d;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:2px solid #E03131}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.section-header .section-title{margin-bottom:0;border-bottom:none;padding-bottom:0}.copy-address-btn{background:#e03131;color:#fff;border:none;padding:.5rem 1rem;border-radius:.375rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:background-color .2s;display:flex;align-items:center;gap:.25rem}.copy-address-btn:hover{background:#dc2626}.copy-address-btn:active{background:#b91c1c}.form-grid{display:grid;grid-template-columns:1fr;gap:1rem}.ramen-subcategory .form-row{justify-content:flex-start;align-items:flex-start}.ramen-subcategory .form-group{align-items:flex-start;text-align:left}.ramen-subcategory .checkbox-group{justify-content:flex-start}.ramen-rolluiken-row{display:flex;align-items:center;flex-wrap:wrap;gap:0}.ramen-rolluiken-row .checkbox-group{display:flex;flex-wrap:wrap;gap:1rem}.status-ligging-subcategory .form-row{justify-content:flex-start;align-items:flex-start}.status-ligging-subcategory .form-group{align-items:flex-start;text-align:left}.status-ligging-subcategory .checkbox-group{justify-content:flex-start}.dak-isolatie-subcategory .form-row{justify-content:flex-start;align-items:flex-start}.dak-isolatie-subcategory .form-group{align-items:flex-start;text-align:left}.dak-isolatie-subcategory .checkbox-group{justify-content:flex-start}.nutsvoorzieningen-subcategory .form-row{justify-content:flex-start;align-items:flex-start}.nutsvoorzieningen-subcategory .form-group{align-items:flex-start;text-align:left}.nutsvoorzieningen-subcategory .checkbox-group{justify-content:flex-start}.allerlei-subcategory .form-row{justify-content:flex-start;align-items:flex-start}.allerlei-subcategory .form-group{align-items:flex-start;text-align:left}.alarm-subcategory .form-row{justify-content:flex-start;align-items:flex-start}.alarm-subcategory .form-group{align-items:flex-start;text-align:left}.deuren-subcategory .form-row{justify-content:flex-start;align-items:flex-start}.deuren-subcategory .form-group{align-items:flex-start;text-align:left}.deuren-subcategory .checkbox-group{justify-content:flex-start}.client-info-section{margin-left:-2rem;margin-right:-2rem;padding-left:2rem;padding-right:2rem}.client-info-section .form-grid{margin-left:0;padding-left:0}.client-info-section .form-row .form-group{display:flex;justify-content:flex-start}.client-info-section .form-row .form-group input,.client-info-section .form-row .form-group select{width:100%;text-align:left}.client-block{margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid #e5e7eb}.client-block:last-of-type{border-bottom:none;margin-bottom:0;padding-bottom:0}.important-info-section{margin:2rem 0;padding:1.5rem;border:2px solid #E03131;border-radius:.5rem;background-color:#fef2f2}.important-info-section .form-grid{margin-left:0;padding-left:0}.add-client-section{margin-top:1rem;text-align:left}.button-container{display:flex;gap:1rem;margin-top:1rem}.add-client-btn{background-color:#10b981;color:#fff;border:none;padding:.5rem 1rem;border-radius:.375rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:background-color .2s}.add-client-btn:hover{background-color:#059669}.add-client-btn:active{background-color:#047857}@media(min-width:768px){.form-grid{grid-template-columns:repeat(2,1fr)}.form-grid.three-columns{grid-template-columns:repeat(3,1fr);margin-top:1rem}.form-grid.four-columns{grid-template-columns:repeat(4,1fr);margin-top:1rem}.form-grid{margin-top:1rem}.form-grid:last-child{margin-bottom:1.5rem}}@media(max-width:640px){.header-section{flex-direction:column;text-align:center;gap:.5rem}.logo{height:50px}.form-title{font-size:1.5rem}}.form-group{display:flex;flex-direction:column}.form-label{display:block;font-size:.875rem;font-weight:500;color:#374151;margin-bottom:.25rem}.form-input,.form-select,.form-textarea{width:100%;padding:.5rem .75rem;border:1px solid #d1d5db;border-radius:.375rem;font-size:1rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;box-sizing:border-box}.form-select{width:100%!important;box-sizing:border-box!important;min-width:0!important}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:#e03131;box-shadow:0 0 0 3px #e031311a}.form-input::placeholder,.form-select::placeholder{color:#9ca3af}.form-select option[value=""]{color:#9ca3af}.form-select,.form-select option{color:#000}.form-select.empty-select,.client-category-field.empty-select{color:#9ca3af}input[type=date]:not(:focus):invalid,input[type=date].empty-date{color:#9ca3af}input[type=date]:valid{color:#000}input[type=date]::-webkit-calendar-picker-indicator{opacity:.6}.date-input-container{position:relative;width:100%}.date-placeholder{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:#9ca3af;pointer-events:none;font-size:1rem;z-index:1}.date-input-container input[type=date]:not(:focus):invalid+.date-placeholder,.date-input-container input[type=date].empty-date+.date-placeholder{display:block}.date-input-container input[type=date]:valid+.date-placeholder,.date-input-container input[type=date]:focus+.date-placeholder{display:none}.red-separator{height:2px;background-color:#e03131;margin:2rem 0;width:100%}.header-photo-thumbnails{display:flex;gap:.5rem;flex-wrap:wrap;align-items:flex-start;margin-left:auto}.photo-thumbnail{position:relative;width:60px;height:60px;border-radius:8px;overflow:hidden;border:2px solid #E03131}.thumbnail-image{width:100%;height:100%;object-fit:cover}.remove-photo-btn{position:absolute;top:-5px;right:-5px;background:#e03131;color:#fff;border:none;border-radius:50%;width:20px;height:20px;font-size:12px;cursor:pointer;display:flex;align-items:center;justify-content:center}.more-photos{width:60px;height:60px;background:#f3f4f6;border:2px dashed #9ca3af;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:12px;color:#6b7280;font-weight:600}.photo-upload-section{margin-top:1rem}.photo-upload-area{border:2px dashed #d1d5db;border-radius:8px;padding:2rem;text-align:center;background:#f9fafb;transition:border-color .2s}.photo-upload-area:hover{border-color:#e03131}.photo-upload-input{display:none}.photo-upload-label{display:inline-block;background:#e03131;color:#fff;padding:.75rem 1.5rem;border-radius:6px;cursor:pointer;font-weight:500;transition:background-color .2s}.photo-upload-label:hover{background:#c92a2a}.photo-upload-hint{margin-top:.5rem;color:#6b7280;font-size:.875rem}.uploaded-photos{margin-top:2rem}.uploaded-photos h3{color:#374151;font-size:1.125rem;margin-bottom:1rem}.photo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem}.photo-item{border:1px solid #e5e7eb;border-radius:8px;overflow:hidden;background:#fff}.uploaded-photo{width:100%;height:150px;object-fit:cover}.photo-info{padding:.75rem;display:flex;justify-content:space-between;align-items:center}.photo-name{font-size:.875rem;color:#374151;flex:1;margin-right:.5rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.remove-photo-btn-large{background:#ef4444;color:#fff;border:none;padding:.25rem .5rem;border-radius:4px;font-size:.75rem;cursor:pointer;transition:background-color .2s}.remove-photo-btn-large:hover{background:#dc2626}.form-textarea{resize:vertical;min-height:6rem}.saved-forms{margin-bottom:1.5rem;padding:1rem;background-color:#f8fafc;border:2px solid #E03131;border-radius:.5rem}.saved-forms-title{font-size:1.125rem;font-weight:600;color:#1a365d;margin-bottom:.75rem}.saved-form-item{display:flex;align-items:center;gap:.5rem;background:#fff;padding:.5rem;border-radius:.25rem;margin-bottom:.5rem}.saved-form-name{flex:1;text-align:left;padding:.5rem .75rem;font-size:.875rem;color:#2563eb;background:none;border:none;cursor:pointer;border-radius:.25rem;transition:background-color .15s}.saved-form-name:hover{background-color:#eff6ff}.delete-btn{padding:.5rem .75rem;font-size:.875rem;color:#dc2626;background:none;border:none;cursor:pointer;border-radius:.25rem;transition:background-color .15s}.delete-btn:hover{background-color:#fef2f2}.button-group{display:flex;flex-wrap:wrap;gap:1rem;padding-top:1.5rem;border-top:1px solid #e5e7eb}.btn{padding:.75rem 1.5rem;font-weight:500;border-radius:.375rem;border:none;cursor:pointer;transition:all .15s ease-in-out;font-size:1rem}.btn:focus{outline:none;box-shadow:0 0 0 3px #e031311a}.btn-primary{background-color:#22c55e;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;cursor:pointer;font-weight:500;transition:background-color .2s;box-shadow:0 2px 4px #0000001a;display:inline-block;width:auto}.btn-primary:hover{background-color:#16a34a}.btn-success{background-color:#1a365d;color:#fff}.btn-success:hover{background-color:#2d4a6b}.btn-secondary{background-color:#6b7280;color:#fff}.btn-secondary:hover{background-color:#4b5563}.full-width{grid-column:1 / -1}.important-field{border:2px solid #E03131!important;background-color:#fef2f2!important}.important-field:focus{outline:none;border-color:#e03131!important;box-shadow:0 0 0 3px #e0313133!important}.room-section{margin-bottom:2rem;padding:1rem;border:1px solid #e5e7eb;border-radius:8px;background-color:#f9fafb}.room-section h3{font-size:1.1rem;font-weight:600;color:#374151;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid #d1d5db}.checkbox-group{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1rem}.checkbox-label{display:flex;align-items:center;cursor:pointer;padding:.5rem;border-radius:6px;transition:background-color .2s}.checkbox-label:hover{background-color:#f3f4f6}.checkbox-input{margin-right:.75rem;width:1.25rem;height:1.25rem;accent-color:#E03131}.checkbox-text{font-size:.95rem;color:#374151;-webkit-user-select:none;user-select:none}.auto-expand-textarea{resize:none;overflow:hidden;min-height:2.5rem;max-height:10rem}.auto-expand-textarea.auto-expand-lg{max-height:16rem}.guest-toilet-options{margin-top:1rem;padding:1rem;background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;border-left:4px solid #E03131}.menu-container{display:flex;gap:.5rem;margin-bottom:1rem}.menu-btn{padding:.75rem 1.5rem;border:2px solid #e5e7eb;background-color:#fff;color:#374151;border-radius:6px;cursor:pointer;font-weight:500;transition:all .2s}.menu-btn:hover{border-color:#1e40af;color:#1e40af}.menu-btn.active{background-color:#1e40af;color:#fff;border-color:#1e40af}.menu-btn.active:hover{background-color:#1e3a8a;border-color:#1e3a8a}.important-info-box{background-color:#fef2f2;border:2px solid #E03131;border-radius:8px;padding:1.5rem;margin-bottom:1.5rem}.berekening-table{font-size:.95rem}.berekening-header{display:flex;align-items:center;padding:.5rem 0;border-bottom:1px solid #e5e7eb;font-weight:600;color:#374151}.berekening-row{display:flex;align-items:center;padding:.4rem 0;gap:.5rem;border-bottom:1px solid #f3f4f6}.berekening-row-fixed{padding-left:0}.berekening-input{width:5rem;padding:.35rem .5rem;font-size:.9rem}.berekening-row-fixed .berekening-input{width:7rem}.berekening-total{font-weight:500;color:#1e40af;min-width:6rem}.berekening-summary{font-size:.95rem}.berekening-summary-row{display:flex;justify-content:space-between;align-items:center;padding:.25rem 0}