@font-face{font-family:Zain;src:url(Zain/Zain-Regular.ttf) format("truetype");font-weight:400}@font-face{font-family:Zain;src:url(Zain/Zain-Bold.ttf) format("truetype");font-weight:700}:root{font-family:Zain,system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;font-size:18px;color-scheme:light dark;color:var(--color-text-light);background-color:var(--color-bg-dark);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-height:100vh}#app{width:100%}button{border-radius:8px;border:1px solid transparent;font-size:1em;font-weight:500;font-family:inherit;cursor:pointer}.btn{display:inline-flex;align-items:center;gap:.5rem;--un-bg-opacity:1;background-color:rgb(132 204 22 / var(--un-bg-opacity));padding:.5rem 1.25rem;--un-text-opacity:1;color:rgb(255 255 255 / var(--un-text-opacity));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;transition-duration:.2s}.btn.sm{padding:.25rem .5rem;font-size:.875rem;line-height:1.25rem}.input{font-family:Zain,system-ui,Avenir,Helvetica,Arial,sans-serif;box-sizing:border-box;display:block;width:100%;border-width:1px;--un-border-opacity:1;border-color:rgb(209 213 219 / var(--un-border-opacity));border-radius:.375rem;--un-bg-opacity:1;background-color:rgb(255 255 255 / var(--un-bg-opacity));padding:.5rem .75rem;--un-shadow:var(--un-shadow-inset) 0 4px 6px -1px var(--un-shadow-color, rgb(0 0 0 / .1)),var(--un-shadow-inset) 0 2px 4px -2px var(--un-shadow-color, rgb(0 0 0 / .1));box-shadow:var(--un-ring-offset-shadow),var(--un-ring-shadow),var(--un-shadow)}@media (prefers-color-scheme: dark){.input{--un-border-opacity:1;border-color:rgb(75 85 99 / var(--un-border-opacity));--un-bg-opacity:1;background-color:rgb(31 41 55 / var(--un-bg-opacity))}}.input:focus{outline:2px solid transparent;outline-offset:2px}@media (min-width: 640px){.input{font-size:.875rem;line-height:1.25rem}}button:disabled{opacity:.5;cursor:not-allowed}#app-container[data-v-469e2692]{--primary-color: #84bc01;--primary-color-hover: #6a9601;--secondary-color: #2E3C42;--secondary-color-hover: #1a2226;--error-color: #ef4444;--error-color-light: rgba(239, 68, 68, .4);background-color:#f3f4f6;display:flex;align-items:center;justify-content:center;min-height:100vh;padding:2rem}.form-wrapper[data-v-469e2692]{width:100%;max-width:56rem;margin:auto;background-color:#fff;border-radius:.5rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;padding:2rem;min-height:580px;display:flex;flex-direction:column}.step-content[data-v-469e2692]{flex-grow:1}.progress-bar[data-v-469e2692]{display:flex;align-items:flex-start;margin-bottom:2rem}.progress-step[data-v-469e2692]{width:33.33%;text-align:center}.progress-step-bubble[data-v-469e2692]{width:2.5rem;height:2.5rem;margin:0 auto;border-radius:9999px;font-size:1.125rem;display:flex;align-items:center;justify-content:center;background-color:#e5e7eb;transition:background-color .3s ease}.progress-step-bubble.is-active[data-v-469e2692]{background-color:var(--primary-color);color:#fff}.progress-step-label[data-v-469e2692]{font-size:.75rem;margin-top:.5rem;color:#6b7280}.progress-step-label.is-active[data-v-469e2692]{color:#111827;font-weight:600}.progress-connector[data-v-469e2692]{flex:1;border-top:2px solid #e5e7eb;margin-top:1.25rem;transition:border-color .5s ease-in-out}.progress-connector.is-active[data-v-469e2692]{border-color:var(--primary-color)}.step-title[data-v-469e2692]{font-size:1.5rem;font-weight:700;margin-bottom:1.5rem;color:#1f2937}.form-layout-grid[data-v-469e2692]{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.form-layout-grid-customer-data[data-v-469e2692]{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.form-group.col-span-full[data-v-469e2692]{grid-column:1 / -1}.form-layout-grid .street-field[data-v-469e2692]{grid-column:span 2}.form-layout-grid .housenr-field[data-v-469e2692],.form-layout-grid .postal-field[data-v-469e2692]{grid-column:span 1}.form-layout-grid .location-field[data-v-469e2692],.form-layout-grid .sender_email-field[data-v-469e2692]{grid-column:span 2}.form-layout-grid .telephone-field[data-v-469e2692]{grid-column:span 1}@media (min-width: 640px){.form-layout-grid .street-field[data-v-469e2692]{grid-column:1 / span 1}.form-layout-grid .housenr-field[data-v-469e2692]{grid-column:2 / span 1}}@media (min-width: 768px){.form-layout-grid[data-v-469e2692]{grid-template-columns:repeat(3,1fr)}.form-layout-grid-customer-data[data-v-469e2692]{grid-template-columns:repeat(2,1fr)}.form-group.col-span-full[data-v-469e2692]{grid-column:1 / -1}.form-layout-grid .street-field[data-v-469e2692]{grid-column:span 2}.form-layout-grid .housenr-field[data-v-469e2692],.form-layout-grid .postal-field[data-v-469e2692]{grid-column:span 1}.form-layout-grid .location-field[data-v-469e2692]{grid-column:span 2}.form-layout-grid .first-name-field[data-v-469e2692],.form-layout-grid .last-name-field[data-v-469e2692]{grid-column:span 1}}.form-group[data-v-469e2692]{display:flex;flex-direction:column}.form-group label[data-v-469e2692]{font-size:.875rem;font-weight:500;color:#374151;margin-bottom:.25rem}.form-input[data-v-469e2692]{display:block;width:100%;border-radius:.375rem;border:1px solid #d1d5db;box-shadow:0 1px 2px #0000000d;padding:.5rem .25rem;background:#fff}.form-input[data-v-469e2692]:focus{outline:2px solid transparent;outline-offset:2px;border-color:var(--primary-color);box-shadow:0 0 0 2px var(--primary-color-hover)}.form-input.has-error[data-v-469e2692]{border-color:var(--error-color)}.form-input.has-error[data-v-469e2692]:focus{border-color:var(--error-color);box-shadow:0 0 0 2px var(--error-color-light)}.error-message[data-v-469e2692]{color:var(--error-color);font-size:.875rem;margin-top:.25rem}.navigation-bar[data-v-469e2692]{margin-top:2rem;padding-top:1.25rem;display:flex;justify-content:space-between}.btn[data-v-469e2692]{font-weight:700;padding:.5rem 1rem;border-radius:.375rem;border:none;cursor:pointer;transition:background-color .2s ease;min-width:100px;display:inline-flex;justify-content:center;align-items:center}.btn[data-v-469e2692]:disabled{cursor:not-allowed;opacity:.7}.btn-sm[data-v-469e2692]{padding:.25rem .75rem;font-size:.875rem}.btn-primary[data-v-469e2692]{background-color:var(--primary-color);color:#fff}.btn-primary[data-v-469e2692]:hover:not(:disabled){background-color:var(--primary-color-hover)}.btn-secondary[data-v-469e2692]{background-color:var(--secondary-color);color:#fff}.btn-secondary[data-v-469e2692]:hover{background-color:var(--secondary-color-hover)}.btn-gray[data-v-469e2692]{background-color:#d1d5db;color:#1f2937}.btn-gray[data-v-469e2692]:hover:not(:disabled){background-color:#9ca3af}.btn-danger[data-v-469e2692]{background-color:#ef4444;color:#fff}.btn-danger[data-v-469e2692]:hover{background-color:#dc2626}.btn-text-primary[data-v-469e2692]{background-color:transparent;color:var(--primary-color);font-weight:600;padding:.5rem 0;cursor:pointer;border:none}.btn-text-primary[data-v-469e2692]:hover{text-decoration:underline}.btn .spinner[data-v-469e2692]{display:inline-block;width:1rem;height:1rem;border:3px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin-469e2692 1s ease-in-out infinite}@keyframes spin-469e2692{to{transform:rotate(360deg)}}.step-header[data-v-469e2692]{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.list-container[data-v-469e2692]{display:flex;flex-direction:column;gap:1rem}.contract-card[data-v-469e2692]{padding:1rem;border:1px solid #e5e7eb;border-radius:.5rem;background-color:#f9fafb}.contract-header[data-v-469e2692]{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.5rem}.contract-info .font-semibold[data-v-469e2692]{font-weight:600}.contract-info .text-sm[data-v-469e2692]{font-size:.875rem}.contract-info .text-gray-600[data-v-469e2692]{color:#4b5563}.contract-actions[data-v-469e2692]{display:flex;gap:.5rem}.meter-section[data-v-469e2692]{margin-top:1rem;padding-top:1rem;border-top:1px solid #d1d5db}.meter-title[data-v-469e2692]{font-size:1rem;font-weight:600;margin-bottom:.75rem}.meter-item[data-v-469e2692]{display:flex;justify-content:space-between;align-items:center;padding:.75rem .5rem;border-radius:.25rem;flex-wrap:wrap;gap:1rem}.meter-item[data-v-469e2692]:nth-child(2n){background-color:#f3f4f6}.meter-info[data-v-469e2692]{display:flex;flex-wrap:wrap;gap:1rem;font-size:.875rem}.meter-actions[data-v-469e2692]{display:flex;gap:.5rem}.add-meter-container[data-v-469e2692]{margin-top:.75rem;text-align:center}.meter-edit-form[data-v-469e2692]{padding:1rem;background-color:#e5e7eb;border:1px solid #d1d5db;border-radius:.5rem;margin-top:.5rem;margin-bottom:1rem}.meter-edit-title[data-v-469e2692]{font-weight:600;margin-bottom:1rem}.form-grid-meter[data-v-469e2692]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.meter-edit-actions[data-v-469e2692]{display:flex;justify-content:flex-end;gap:.5rem;margin-top:1rem;padding-top:1rem;border-top:1px solid #d1d5db}.empty-state[data-v-469e2692]{text-align:center;padding:2rem;color:#6b7280;border:2px dashed #d1d5db;border-radius:.5rem}.modal-overlay[data-v-469e2692]{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:50;padding:1rem}.modal-content[data-v-469e2692]{background-color:#fff;padding:2rem;border-radius:.5rem;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;width:100%;max-width:42rem;max-height:90vh;overflow-y:auto}.modal-content.modal-sm[data-v-469e2692]{max-width:28rem}.modal-title[data-v-469e2692]{font-size:1.25rem;font-weight:700;margin-bottom:1rem}.modal-actions[data-v-469e2692]{margin-top:1.5rem;display:flex;justify-content:flex-end;gap:1rem}.space-y-4[data-v-469e2692]>*:not([hidden])~*:not([hidden]){margin-top:1rem}.submit-message[data-v-469e2692]{text-align:center;margin-top:1rem;font-weight:500;opacity:0;animation:fadeIn-469e2692 .6s forwards}.submit-message.success[data-v-469e2692]{color:#4caf50}.submit-message.error[data-v-469e2692]{color:#ef4444}@keyframes fadeIn-469e2692{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}*,:before,:after{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / .5)}::backdrop{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / .5)}.fixed{position:fixed}.grid{display:grid}.col-span-full{grid-column:1/-1}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.inline-flex{display:inline-flex}.flex-grow{flex-grow:1}.flex-wrap{flex-wrap:wrap}.transform{transform:translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))}.border{border-width:1px}.text-sm{font-size:.875rem;line-height:1.25rem}.text-gray-600{--un-text-opacity:1;color:rgb(75 85 99 / var(--un-text-opacity))}.font-semibold{font-weight:600}.underline{text-decoration-line:underline}.outline{outline-style:solid}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.ease,.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}