@charset "UTF-8";[data-v-9264ba1b]:root{--modal-bg:#fff;--modal-header-bg:#fef3c7;--modal-header-border:#fde68a;--modal-footer-bg:#f9fafb;--modal-footer-border:#e5e7eb;--text-primary:#1f2937;--text-secondary:#4b5563;--text-hint:#6b7280;--input-border:#d1d5db;--input-border-hover:#9ca3af;--suggestion-bg:#f3f4f6;--suggestion-border:#e5e7eb;--cancel-button-bg:#f3f4f6;--cancel-button-text:#4b5563;--cancel-button-hover:#e5e7eb}.column-modal-content[data-v-9264ba1b]{background-color:#fff;background-color:var(--modal-bg);border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;overflow:hidden}.column-modal-header[data-v-9264ba1b]{align-items:center;background-color:#fff;border-bottom:1px solid #fde68a;border-bottom:1px solid var(--modal-header-border);display:flex;justify-content:space-between;padding:16px 20px}.column-modal-header .modal-title-wrapper[data-v-9264ba1b]{align-items:center;display:flex;gap:12px}.column-modal-header .modal-title[data-v-9264ba1b]{color:#1f2937;color:var(--text-primary);font-size:1.125rem;font-weight:600;margin:0}.column-modal-header .modal-icon[data-v-9264ba1b]{color:#d97706;font-size:20px}.column-modal-header .close-button[data-v-9264ba1b]{align-items:center;border-radius:50%;display:flex;height:32px;justify-content:center;width:32px}.column-modal-header .close-button[data-v-9264ba1b]:hover{background-color:#0000000d}.column-modal-body[data-v-9264ba1b]{background-color:#fff;padding:24px 20px}.column-modal-body .input-group[data-v-9264ba1b]{margin-bottom:16px}.column-modal-body .input-label[data-v-9264ba1b]{color:#4b5563;color:var(--text-secondary);display:block;font-size:.95rem;font-weight:500;margin-bottom:8px}.column-modal-body .input-wrapper[data-v-9264ba1b]{position:relative}.column-modal-body .key-name-input[data-v-9264ba1b]{background-color:#fff;background-color:var(--modal-bg);border-color:#d1d5db;border-color:var(--input-border);border-radius:8px;color:#1f2937;color:var(--text-primary);font-size:1rem;padding:10px 12px;transition:all .2s ease;width:100%}.column-modal-body .key-name-input[data-v-9264ba1b]:hover{border-color:#9ca3af;border-color:var(--input-border-hover)}.column-modal-body .key-name-input[data-v-9264ba1b]:focus{box-shadow:0 12px 30px #b1a71a66,0 6px 20px #db951494,0 0 0 4px #cfa20b26;outline:none}.column-modal-body .input-hint[data-v-9264ba1b]{color:#6b7280;color:var(--text-hint);font-size:.8rem;margin-top:6px}.column-modal-body .name-suggestions[data-v-9264ba1b]{margin-top:16px}.column-modal-body .name-suggestions .suggestions-label[data-v-9264ba1b]{color:#4b5563;color:var(--text-secondary);font-size:.85rem;font-weight:500;margin-bottom:8px}.column-modal-body .name-suggestions .suggestion-chips[data-v-9264ba1b]{display:flex;flex-wrap:wrap;gap:8px}.column-modal-body .name-suggestions .suggestion-chips .suggestion-chip[data-v-9264ba1b]{background-color:#f3f4f6;background-color:var(--suggestion-bg);border:1px solid #e5e7eb;border:1px solid var(--suggestion-border);border-radius:16px;color:#4b5563;color:var(--text-secondary);cursor:pointer;font-size:.85rem;font-weight:500;padding:6px 12px;transition:all .2s ease}.column-modal-body .name-suggestions .suggestion-chips .suggestion-chip[data-v-9264ba1b]:hover{background-color:#fef3c7;border-color:#fde68a;color:#92400e;transform:translateY(-1px)}.column-modal-footer[data-v-9264ba1b]{background-color:#fff;border-top:1px solid #e5e7eb;border-top:1px solid var(--modal-footer-border);display:flex;gap:12px;justify-content:flex-end;padding:16px 20px}.column-modal-footer .cancel-button[data-v-9264ba1b],.column-modal-footer .save-button[data-v-9264ba1b]{border-radius:6px;font-weight:500;padding:8px 16px;transition:all .2s ease}.column-modal-footer .cancel-button[data-v-9264ba1b]:hover,.column-modal-footer .save-button[data-v-9264ba1b]:hover{box-shadow:0 4px 6px #0000001a;transform:translateY(-1px)}.column-modal-footer .save-button[data-v-9264ba1b]{background-color:#f59e0b;color:#fff}.column-modal-footer .save-button[data-v-9264ba1b]:hover{background-color:#d97706}.column-modal-footer .cancel-button[data-v-9264ba1b]{background-color:#f3f4f6;background-color:var(--cancel-button-bg);color:#4b5563;color:var(--cancel-button-text)}.column-modal-footer .cancel-button[data-v-9264ba1b]:hover{background-color:#e5e7eb;background-color:var(--cancel-button-hover)}@media (max-width:640px){.column-modal-header[data-v-9264ba1b]{padding:12px 16px}.column-modal-header .modal-title[data-v-9264ba1b]{font-size:1rem}.column-modal-body[data-v-9264ba1b]{padding:16px}.column-modal-footer[data-v-9264ba1b]{padding:12px 16px}.column-modal-footer .cancel-button[data-v-9264ba1b],.column-modal-footer .save-button[data-v-9264ba1b]{font-size:.875rem;padding:8px 12px}.name-suggestions .suggestion-chips .suggestion-chip[data-v-9264ba1b]{font-size:.8rem;padding:4px 10px}}.fade-enter-active,.fade-leave-active{transition:opacity .2s ease}.fade-enter-from,.fade-leave-to{opacity:0}.configurator-header{margin-bottom:30px;margin-right:100px;position:relative;z-index:1}.configurator-header .header-content{margin:0 auto;max-width:1200px;padding:0 20px}.configurator-header .title-progress-section{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;margin-bottom:16px;padding:16px 0}.configurator-header .title-progress-section h1{color:#333;flex:1;font-size:24px;font-weight:700;margin:0}.configurator-header .title-progress-section .compact-progress{align-items:center;display:flex;gap:12px}.configurator-header .title-progress-section .compact-progress .progress-step{align-items:center;display:flex;gap:8px}.configurator-header .title-progress-section .compact-progress .progress-step .step-indicator{align-items:center;background-color:#f0f4f8;border:2px solid #d0d5db;border-radius:50%;color:#667085;display:flex;font-size:13px;font-weight:600;height:28px;justify-content:center;transition:all .3s ease;width:28px}.configurator-header .title-progress-section .compact-progress .progress-step .step-indicator .checkmark{color:#fff;font-size:14px}.configurator-header .title-progress-section .compact-progress .progress-step .step-label{color:#667085;font-size:13px;font-weight:500;transition:color .3s ease}.configurator-header .title-progress-section .compact-progress .progress-step.active .step-indicator{background-color:#0ea5e9;border-color:#0ea5e9;color:#fff}.configurator-header .title-progress-section .compact-progress .progress-step.active .step-label{color:#0ea5e9;font-weight:600}.configurator-header .title-progress-section .compact-progress .progress-step.completed .step-indicator{background-color:#10b981;border-color:#10b981}.configurator-header .title-progress-section .compact-progress .progress-step.completed .step-label{color:#10b981}.configurator-header .title-progress-section .compact-progress .progress-connector{background-color:#e0e4e8;height:2px;transition:background-color .3s ease;width:40px}.configurator-header .title-progress-section .compact-progress .progress-connector.active{background-color:#10b981}.configurator-header .header-actions{align-items:center;background-color:#f8fafc;border:1px solid #e5e7eb;border-radius:8px;display:flex;justify-content:space-between;margin-bottom:16px;padding:12px 16px}.configurator-header .header-actions .anlage-section{align-items:center;display:flex;gap:8px}.configurator-header .header-actions .anlage-section .label{color:#4b5563;font-size:14px;font-weight:600}.configurator-header .header-actions .anlage-section .anlage-number{background-color:#fff;border:1px solid #d1d5db;border-radius:4px;color:#111827;font-size:14px;font-weight:500;min-width:60px;padding:4px 8px;text-align:center}.configurator-header .header-actions .anlage-section .action-btn{font-size:12px;padding:4px 8px}.configurator-header .header-actions .anlage-section .action-btn:hover{background-color:#0ea5e91a}.configurator-header .header-actions .support-section{align-items:center;display:flex;gap:8px}.configurator-header .header-actions .support-section .support-icon{color:#10b981;font-size:18px}.configurator-header .header-actions .support-section .support-text{align-items:flex-end;display:flex;flex-direction:column}.configurator-header .header-actions .support-section .support-text .support-label{color:#6b7280;font-size:12px;font-weight:500}.configurator-header .header-actions .support-section .support-text .support-link{color:#10b981;font-size:14px;font-weight:600;text-decoration:none;transition:color .2s}.configurator-header .header-actions .support-section .support-text .support-link:hover{color:#059669;text-decoration:underline}.configurator-header .templates-section{background-color:#0ea5e90d;border:1px solid rgba(14,165,233,.2);border-radius:8px;padding:12px 16px}.configurator-header .templates-section .templates-header{align-items:center;display:flex;gap:8px;margin-bottom:8px}.configurator-header .templates-section .templates-header .template-icon{color:#0ea5e9;font-size:18px}.configurator-header .templates-section .templates-header span{color:#374151;font-size:14px;font-weight:600}.configurator-header .templates-section .template-buttons{display:flex;flex-wrap:wrap;gap:8px}.configurator-header .templates-section .template-buttons .template-btn{align-items:center;display:flex;font-size:13px;font-weight:500;gap:4px;padding:6px 10px;transition:all .2s}.configurator-header .templates-section .template-buttons .template-btn:hover{box-shadow:0 2px 4px #0000001a;transform:translateY(-1px)}.configurator-header .templates-section .template-buttons .template-btn i{font-size:14px}@media (max-width:1024px){.configurator-header .title-progress-section{align-items:flex-start;flex-direction:column;gap:12px}.configurator-header .title-progress-section h1{font-size:20px}.configurator-header .title-progress-section .compact-progress{align-self:center}.configurator-header .header-actions{align-items:stretch;flex-direction:column;gap:12px}.configurator-header .header-actions .support-section,.configurator-header .templates-section .template-buttons{justify-content:center}.configurator-header .templates-section .template-buttons .template-btn{flex:0 0 calc(50% - 4px)}}@media (max-width:640px){.configurator-header .header-content{padding:0 12px}.configurator-header .title-progress-section h1{font-size:18px}.configurator-header .title-progress-section .compact-progress .step-label{display:none}.configurator-header .templates-section .template-buttons .template-btn{flex:0 0 100%;justify-content:center}}.flex-container{display:flex;flex-direction:row;gap:10px;justify-content:center;margin-right:120px;margin-top:100px;position:relative;z-index:5}.flex-container .checkbox-row{display:flex;gap:8px;margin-bottom:8px}.flex-container .door-row{display:flex;flex-direction:row;gap:10px}.flex-container .door-row .u-badge{align-items:center;display:flex;justify-content:center;width:30px}@media (prefers-color-scheme:dark){.flex-container .door-row .u-badge{color:#fff!important;-webkit-text-fill-color:#fff!important}}.flex-container .door-row .cylinder-type,.flex-container .door-row .door-designation{margin-top:0;width:200px}@media (prefers-color-scheme:dark){.flex-container .door-row .cylinder-type,.flex-container .door-row .door-designation{color:#000!important;-webkit-text-fill-color:#000!important}}.flex-container .door-row .cylinder-type select,.flex-container .door-row .door-designation select{background-color:#fff;border:1px solid #0ea5e9;border-radius:6px;color:#333;cursor:pointer;font-size:14px;height:32px;padding:4px;width:80px;width:100%}.flex-container .door-row .cylinder-type select:hover,.flex-container .door-row .door-designation select:hover{border-color:#0ea5e9}.flex-container .door-row .cylinder-type select:focus,.flex-container .door-row .door-designation select:focus{border-color:#0ea5e9;box-shadow:0 0 0 1px #0ea5e9;outline:none!important}.flex-container .door-row .cylinder-type select option,.flex-container .door-row .door-designation select option{color:#333;font-size:14px}.flex-container .door-row .quantity .quantity-input{width:60px}@media (prefers-color-scheme:dark){.flex-container .door-row .quantity .quantity-input{color:#000!important;-webkit-text-fill-color:#000!important}}.flex-container .door-row .sizes{align-items:center;background-color:#fff;display:flex;flex-direction:row;gap:10px}.flex-container .door-row .sizes .inside,.flex-container .door-row .sizes .outside{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;background-position:right 10px center;background-repeat:no-repeat;border:1px solid #0ea5e9;border-radius:6px;color:#333;cursor:pointer;font-size:14px;height:32px;padding:4px;width:80px}.flex-container .door-row .sizes .inside:hover,.flex-container .door-row .sizes .outside:hover{border-color:#0ea5e9}.flex-container .door-row .sizes .inside:focus,.flex-container .door-row .sizes .outside:focus{border-color:#0ea5e9;box-shadow:0 0 0 1px #0ea5e9;outline:none!important}.flex-container .door-row .options{margin-top:0;width:360px}.flex-container .door-row .options .dropdown{color:#333;display:inline-block;position:relative}.flex-container .door-row .options .dropdown-button{align-items:center;background-color:#fff;border:1px solid #0ea5e9;border-radius:6px;color:#333;cursor:pointer;display:flex;font-size:12px;height:32px;justify-content:space-between;overflow:hidden;padding:5px 12px;text-align:left;text-overflow:ellipsis;vertical-align:middle;white-space:nowrap;width:360px}.flex-container .checkbox-item{align-items:center;background:#fff;display:flex;flex-direction:column;justify-content:center;margin-right:10px;padding-bottom:-10px}.flex-container .checkbox-item .key-name{background-color:#fff;border:1px solid #d3d3d3;border-radius:8px;cursor:default;height:150px;overflow:hidden;padding:4px;position:absolute;width:32px;writing-mode:vertical-rl;z-index:10}.flex-container .checkbox-item .key-name:focus{border-color:#0ea5e9;box-shadow:0 0 0 1px #0ea5e9;outline:none}.flex-container .checkbox-item .key-name.default-margin,.flex-container .checkbox-item .key-name.gleichschliessung-margin{margin-top:-20.8em}.flex-container .checkbox-item .checkbox{background:#fff}.flex-container .checkbox-item .checkbox input:not(:checked){background:transparent;border-color:rgb(var(--color-gray-300)/var(--tw-border-opacity))}.flex-container .checkbox-item .key-quantity{background-color:#fff;border:1px solid #fff;border-radius:4px;font-size:12px;height:20px;margin-top:-11.8em;position:absolute;width:33px;z-index:10}.flex-container .checkbox-item .key-quantity:focus{border-color:#0ea5e9;box-shadow:0 0 0 1px #0ea5e9;outline:none}.flex-container .checkbox-item .button-edit{color:#fff;margin-top:-4.4em;position:absolute;writing-mode:vertical-rl;z-index:10}.flex-container .checkbox-item .button-delete{color:#fff;margin-top:5.5em;position:absolute;writing-mode:vertical-rl;z-index:10}.flex-container .checkbox-item .button-duplicate{margin-top:11.4em;position:absolute;writing-mode:vertical-rl;z-index:10}.flex-container .button-add-key{align-items:center;background-color:#fff;border:2px solid #f59e0b;border-radius:40px;color:#333;display:flex;font-weight:600;height:200px;justify-content:center;margin:23px 0 0 2px;writing-mode:vertical-rl;z-index:10}.flex-container .buttons{display:flex;gap:10px;justify-content:flex-start;margin-top:20px}.flex-container .buttons .button-default{align-items:center;background-color:#fff;border:2px solid #f59e0b;border-radius:20px;color:#333;display:flex;font-weight:600;height:36px;justify-content:center;width:200px}.flex-container .buttons .button-default:hover{background-color:#f59e0b1a!important;border-color:#dd8e09;transform:translateY(-1px)}.flex-container .buttons .modal-h2{color:#333;font-size:1.5rem;font-weight:700;margin:0}.alert{align-items:center;border-radius:4px;display:flex;font-size:14px;gap:8px;margin-bottom:10px;padding:10px 16px}.alert.error{background-color:#f8d7da;color:#842029}.alert.success{background-color:#d1e7dd;color:#0f5132}.modal-flex-buttons-top{align-items:center;display:flex;justify-content:space-between}.modal-container{background-color:#fff;border-radius:8px;margin:auto;padding:1.5rem}.modal-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.modal-h2{color:#333;font-size:1.5rem;font-weight:700;margin:0}.close-button{align-items:center;background-color:#dc2626!important;border-radius:50%;color:#fff!important;display:flex;font-weight:600;justify-content:center;min-height:36px;min-width:36px;transition:background-color .2s}.close-button:hover{background:#c82020!important;box-shadow:0 4px 6px #0000001a;transform:translateY(-1px)}.close-button:active{transform:scale(.98)}.modal-info{color:#555;font-size:.9rem}.form-group,.modal-info{margin-bottom:1rem}.password-warning{align-items:center;background-color:#fdecea;border:1px solid #f5c6cb;border-radius:4px;color:#b71c1c;display:flex;font-weight:700;margin-top:10px;padding:8px}.password-warning i{font-size:1.2rem;margin-right:8px}.modal-button{background-color:#f59e0b;border-radius:6px;color:#fff;font-weight:500;padding:8px 16px;transition:all .2s ease}.modal-button:hover{background-color:#d97706;box-shadow:0 4px 6px #0000001a;transform:translateY(-1px)}.fade-enter-active,.fade-leave-active{transition:opacity .3s ease}.fade-enter,.fade-leave-to{opacity:0}.intro-text{background-color:#eff6ff99;border:1px solid #e5e7eb;border-radius:.5rem;margin:.5rem auto;max-width:600px;padding:.75rem}.intro-text p{color:#4b5563;font-size:.9rem;line-height:1.4;margin:0}.intro-text button{background:none;border:none;cursor:pointer;font-weight:500}.intro-text button:hover{text-decoration:underline}.progress-tracker{align-items:center;display:flex;justify-content:center;margin:1.5rem auto;max-width:800px;padding:0 1rem}.progress-tracker .progress-step{align-items:center;display:flex;flex-direction:column;position:relative;z-index:1}.progress-tracker .progress-step .step-indicator{align-items:center;background-color:#f3f4f6;border:2px solid #d1d5db;border-radius:50%;color:#6b7280;display:flex;font-weight:600;height:2.5rem;justify-content:center;transition:all .3s ease;width:2.5rem}.progress-tracker .progress-step .step-label{color:#6b7280;font-size:.8rem;font-weight:500;margin-top:.5rem;max-width:120px;text-align:center}.progress-tracker .progress-step.active .step-indicator{background-color:#3b82f6;border-color:#3b82f6;color:#fff}.progress-tracker .progress-step.active .step-label{color:#3b82f6;font-weight:600}.progress-tracker .progress-step.completed .step-indicator{background-color:#10b981;border-color:#10b981;color:#fff}.progress-tracker .progress-line{background-color:#d1d5db;flex:1;height:3px;margin:0 .5rem;position:relative;top:-1.25rem;transition:background-color .3s ease;z-index:0}.progress-tracker .progress-line.active{background-color:#10b981}.section-divider{align-items:center;display:flex;margin:1.5rem 0}.section-divider:after,.section-divider:before{border-top:1px solid #e5e7eb;content:"";flex:1}.section-divider span{color:#6b7280;font-size:.9rem;font-weight:600;padding:0 1rem}.tutorial-modal{background:#fff}.tutorial-modal .tutorial-content{margin:0 auto;max-width:650px;padding:1.5rem}.tutorial-modal .tutorial-content .tutorial-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.tutorial-modal .tutorial-content .tutorial-header h2{color:#333;font-size:1.5rem;font-weight:700;margin:0}.tutorial-modal .tutorial-content .tutorial-steps{display:flex;flex-direction:column;gap:1.5rem}.tutorial-modal .tutorial-content .tutorial-steps .tutorial-step{display:flex;gap:1rem}.tutorial-modal .tutorial-content .tutorial-steps .tutorial-step .step-number{align-items:center;background-color:#3b82f6;border-radius:50%;color:#fff;display:flex;font-weight:600;height:2rem;justify-content:center;margin-top:.25rem;min-width:2rem}.tutorial-modal .tutorial-content .tutorial-steps .tutorial-step .step-content h3{color:#333;font-size:1.1rem;font-weight:600;margin:0 0 .5rem}.tutorial-modal .tutorial-content .tutorial-steps .tutorial-step .step-content p{color:#4b5563;font-size:.9rem;margin:.25rem 0}.tutorial-modal .tutorial-content .tutorial-footer{display:flex;justify-content:center;margin-top:2rem}.button-primary{align-items:center;background-color:#f59e0b!important;border:1px solid #dd8e09;color:#fff!important;display:flex;font-weight:600;height:36px;justify-content:center;min-width:200px;transition:all .2s}.button-primary:hover{background-color:#dd8e09!important;box-shadow:0 4px 6px #0000001a;transform:translateY(-1px)}.button-secondary{align-items:center;background-color:#fff!important;border:1px solid #0ea5e9;border-radius:20px;color:#333!important;display:flex;font-weight:600;height:36px;justify-content:center;min-width:200px;transition:all .2s}.button-secondary:hover{background-color:#0ea5e91a!important;border-color:#0d94d1;transform:translateY(-1px)}.action-buttons{display:flex;gap:.5rem}.action-buttons button{transition:all .2s}.action-buttons button:hover{box-shadow:0 2px 4px #0000001a;transform:translateY(-1px)}@media (max-width:1024px){.progress-tracker{flex-direction:column;gap:1rem}.progress-tracker .progress-step{flex-direction:row;gap:1rem;width:100%}.progress-tracker .progress-step .step-label{margin-top:0;text-align:left}.progress-tracker .progress-line{height:1.5rem;left:1.25rem;margin:.25rem 0;position:relative;width:3px}.flex-container{flex-direction:column;margin:2rem 1rem}.door-row{flex-wrap:wrap;gap:.5rem}.button-add-key{height:auto;margin:1rem 0;writing-mode:horizontal-tb}}.anlage-display{align-items:center;background-color:#f5f7fa;border:1px solid #e0e4e8;border-radius:4px;display:flex;padding:6px 8px;width:220px}.anlage-display .anlage-number{color:#333;flex:1;font-size:15px;font-weight:500;padding:0 8px}.anlage-display .anlage-actions{display:flex;gap:4px}.anlage-display .anlage-actions .anlage-action-button{font-size:13px;padding:2px 8px}.anlage-display .anlage-actions .anlage-action-button:hover{background-color:#0ea5e91a}.button-cta{align-items:center;background-color:#10b981!important;border-radius:20px!important;box-shadow:0 4px 6px #0000001a!important;color:#fff!important;display:flex;font-size:16px!important;font-weight:700!important;height:44px!important;justify-content:center;min-width:280px!important;overflow:hidden;position:relative;transition:all .3s ease!important;z-index:1}.button-cta:hover{box-shadow:0 6px 12px #10b9814d!important;transform:translateY(-2px)!important}.button-cta:active{box-shadow:0 2px 4px #0000001a!important;transform:translateY(1px)!important}.button-cta:after{background:#ffffff80;border-radius:100%;content:"";height:5px;left:50%;opacity:0;position:absolute;top:50%;transform:scale(1) translate(-50%,-50%);transform-origin:50% 50%;width:5px}.button-cta:focus:not(:active):after{animation:ripple 1s ease-out}@keyframes ripple{0%{opacity:.5;transform:scale(0)}20%{opacity:.3;transform:scale(25)}to{opacity:0;transform:scale(40)}}.buttons{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-top:30px;padding:5px}.buttons .button-cta{animation:subtle-pulse 2s infinite}@keyframes subtle-pulse{0%{box-shadow:0 4px 6px #10b9811a}50%{box-shadow:0 4px 12px #10b9814d}to{box-shadow:0 4px 6px #10b9811a}}@media (max-width:768px){.buttons{flex-direction:column}.buttons .button-cta{margin-bottom:10px;order:-1;width:100%}.buttons .button-default,.buttons .button-secondary{width:100%}}.template-selector{background-color:#ffffffe6!important;border:1px solid #e0e4e8;border-radius:10px;box-shadow:0 2px 8px #0000000d}.template-selector .banner-content{padding:16px}.template-selector .banner-content .banner-icon{color:#0ea5e9;font-size:24px}.template-selector .banner-content .template-message{flex:1}.template-selector .banner-content .template-message p{color:#333;font-size:15px;font-weight:500;margin:0 0 10px}.template-selector .banner-content .template-options{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.template-selector .banner-content .template-options .template-button{align-items:center;border-radius:6px;display:flex;font-weight:500;gap:6px;padding:8px 12px;transition:all .2s}.template-selector .banner-content .template-options .template-button:hover{box-shadow:0 4px 8px #0000001a;transform:translateY(-2px)}.template-selector .banner-content .template-options .template-button i{font-size:16px}.template-modal .modal-content{background:#fff}.template-modal .modal-content .modal-header{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:18px 24px}.template-modal .modal-content .modal-header .modal-h2{color:#2d3748;font-size:1.5rem;margin:0}.template-modal .modal-content .modal-header .close-button{align-items:center;border-radius:50%;display:flex;height:36px;justify-content:center;width:36px}.template-modal .modal-content .modal-body{margin-bottom:0;padding:24px}.template-modal .modal-content .modal-body p{color:#4a5568;font-size:.95rem;line-height:1.5;margin-bottom:20px}.template-modal .modal-content .modal-body p strong{color:#2d3748;font-weight:600}.template-modal .modal-content .modal-body .template-preview{display:flex;flex-wrap:wrap;gap:24px;margin-top:24px}.template-modal .modal-content .modal-body .template-preview .template-doors,.template-modal .modal-content .modal-body .template-preview .template-keys{background-color:#f8fafc;border-radius:10px;box-shadow:0 1px 3px #0000000d;flex:1;min-width:240px;padding:20px}.template-modal .modal-content .modal-body .template-preview .template-doors h3,.template-modal .modal-content .modal-body .template-preview .template-keys h3{border-bottom:1px solid #e2e8f0;color:#2d3748;font-size:1.1rem;font-weight:600;margin-bottom:16px;padding-bottom:10px;position:relative}.template-modal .modal-content .modal-body .template-preview .template-doors h3:after,.template-modal .modal-content .modal-body .template-preview .template-keys h3:after{background-color:#0ea5e9;border-radius:3px;bottom:-1px;content:"";height:3px;left:0;position:absolute;width:60px}.template-modal .modal-content .modal-body .template-preview .template-doors ul,.template-modal .modal-content .modal-body .template-preview .template-keys ul{list-style:none;margin:0;padding:0}.template-modal .modal-content .modal-body .template-preview .template-doors ul li,.template-modal .modal-content .modal-body .template-preview .template-keys ul li{align-items:center;border-bottom:1px solid #edf2f7;display:flex;padding:10px 0}.template-modal .modal-content .modal-body .template-preview .template-doors ul li:last-child,.template-modal .modal-content .modal-body .template-preview .template-keys ul li:last-child{border-bottom:none}.template-modal .modal-content .modal-body .template-preview .template-doors ul li:before,.template-modal .modal-content .modal-body .template-preview .template-keys ul li:before{background-color:#0ea5e9;border-radius:50%;content:"";flex-shrink:0;height:6px;margin-right:12px;width:6px}.template-modal .modal-content .modal-body .template-preview .template-doors ul li .door-name,.template-modal .modal-content .modal-body .template-preview .template-keys ul li .door-name{color:#2d3748;font-weight:600}.template-modal .modal-content .modal-body .template-preview .template-doors ul li .door-type,.template-modal .modal-content .modal-body .template-preview .template-keys ul li .door-type{background-color:#e2e8f0;border-radius:4px;color:#718096;font-size:.85rem;margin-left:8px;padding:2px 8px}.template-modal .modal-content .modal-body .template-preview .template-doors ul li:hover,.template-modal .modal-content .modal-body .template-preview .template-keys ul li:hover{background-color:#f1f5f9;border-radius:6px;margin-left:-8px;padding-left:8px;transition:all .2s ease}.template-modal .modal-content .modal-body .template-preview .template-keys{background-color:#f0f9ff}.template-modal .modal-content .modal-body .template-preview .template-keys h3:after,.template-modal .modal-content .modal-body .template-preview .template-keys ul li:before{background-color:#3b82f6}.template-modal .modal-content .modal-footer{background-color:#f9fafb;border-top:1px solid #e5e7eb;display:flex;gap:12px;justify-content:flex-end;padding:16px 20px}.template-modal .modal-content .modal-footer .cancel-button,.template-modal .modal-content .modal-footer .save-button{border-radius:6px;font-weight:500;padding:8px 16px;transition:all .2s ease}.template-modal .modal-content .modal-footer .cancel-button:hover,.template-modal .modal-content .modal-footer .save-button:hover{box-shadow:0 4px 6px #0000001a;transform:translateY(-1px)}.template-modal .modal-content .modal-footer .save-button{background-color:#f59e0b;color:#fff}.template-modal .modal-content .modal-footer .save-button:hover{background-color:#d97706}.template-modal .modal-content .modal-footer .cancel-button{background-color:#f3f4f6;color:#4b5563}.template-modal .modal-content .modal-footer .cancel-button:hover{background-color:#e5e7eb}@media (max-width:768px){.template-selector .banner-content{align-items:flex-start;flex-direction:column;padding:16px}.template-selector .banner-content .banner-icon{margin-bottom:12px}.template-selector .banner-content .template-options{flex-wrap:wrap;gap:8px;justify-content:space-between;width:100%}.template-selector .banner-content .template-options .template-button{flex:0 0 calc(50% - 4px);justify-content:center;padding:10px}}@media (max-width:768px) and (max-width:480px){.template-selector .banner-content .template-options .template-button{flex:0 0 100%}}@media (max-width:768px){.template-modal{background:#fff;max-width:600px}.template-modal .modal-content{background:#fff;max-height:80vh}.template-modal .modal-body{overflow-y:auto;padding:16px}.template-modal .template-preview{flex-direction:column}.template-modal .template-preview .template-doors,.template-modal .template-preview .template-keys{min-width:100%;padding:16px;width:100%}.template-modal .modal-footer{background-color:#f9fafb;border-top:1px solid #e5e7eb;display:flex;gap:12px;justify-content:flex-end;padding:16px 20px}.template-modal .modal-footer .cancel-button,.template-modal .modal-footer .save-button{border-radius:6px;font-weight:500;padding:8px 16px;transition:all .2s ease}.template-modal .modal-footer .cancel-button:hover,.template-modal .modal-footer .save-button:hover{box-shadow:0 4px 6px #0000001a;transform:translateY(-1px)}.template-modal .modal-footer .save-button{background-color:#f59e0b;color:#fff}.template-modal .modal-footer .save-button:hover{background-color:#d97706}.template-modal .modal-footer .cancel-button{background-color:#f3f4f6;color:#4b5563}.template-modal .modal-footer .cancel-button:hover{background-color:#e5e7eb}}.offer-modal{background:#fff}.offer-modal .modal-container{background:#fff;border-radius:16px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;margin:auto;max-width:650px}.offer-modal .modal-header{margin-bottom:1.5rem;padding:1.5rem 1.5rem 0;width:100%}.offer-modal .modal-header .modal-h2{color:#065f46;font-size:1.375rem;font-weight:700;margin:0}.offer-modal .modal-header .close-button{border-radius:50%;height:32px!important;position:absolute;right:1rem;top:1rem;width:32px!important}.offer-modal .modal-content{padding:0 1.5rem 1.5rem}.offer-modal .success-section{margin-bottom:2rem;text-align:center}.offer-modal .success-section .success-icon{margin-bottom:1rem}.offer-modal .success-section .success-icon i{animation:pulse-success 2s infinite;color:#10b981;font-size:3rem}.offer-modal .success-section .modal-description{color:#4b5563;font-size:1rem;font-weight:400;line-height:1.6;margin:0}.offer-modal .contact-form .form-grid{display:flex;flex-direction:column;gap:1.25rem;margin-bottom:2rem}.offer-modal .contact-form .form-group{position:relative}.offer-modal .contact-form .form-group label{align-items:center;color:#374151;display:flex;font-size:.9rem;font-weight:600;gap:.5rem;margin-bottom:.5rem}.offer-modal .contact-form .form-group label i{color:#f59e0b;font-size:1rem}.offer-modal .contact-form .form-group label .optional-badge{background:#e5e7eb;border-radius:12px;color:#6b7280;font-size:.75rem;font-weight:500;margin-left:auto;padding:.125rem .5rem}.offer-modal .contact-form .form-group input{background:#fafafa;border:2px solid #e5e7eb;border-radius:8px;font-size:.95rem;height:44px;padding:0 1rem;transition:all .2s ease}@media (prefers-color-scheme:dark){.offer-modal .contact-form .form-group input{color:#000!important;-webkit-text-fill-color:#000!important}}.offer-modal .contact-form .form-group input:focus{background:#fff;border-color:#f59e0b;box-shadow:0 0 0 3px #f59e0b1a;outline:none}.offer-modal .contact-form .form-group input::-moz-placeholder{color:#9ca3af;font-style:italic}.offer-modal .contact-form .form-group input::placeholder{color:#9ca3af;font-style:italic}.offer-modal .contact-form .cta-button{background:linear-gradient(135deg,#10b981,#059669)!important;border:none!important;border-radius:12px!important;box-shadow:0 4px 14px #10b9814d!important;font-size:1.125rem!important;font-weight:600!important;height:52px!important;margin-bottom:1rem;transition:all .3s cubic-bezier(.4,0,.2,1)!important;width:100%!important}@media (prefers-color-scheme:dark){.offer-modal .contact-form .cta-button{color:#fff!important;-webkit-text-fill-color:#fff6f6!important}}.offer-modal .contact-form .cta-button:hover{box-shadow:0 8px 25px #10b98166!important;transform:translateY(-2px)!important}.offer-modal .contact-form .cta-button:active{transform:translateY(0)!important;transition:all .1s!important}.offer-modal .contact-form .form-hint{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;color:#6b7280;display:flex;font-size:.85rem;gap:.5rem;justify-content:center;margin:0;padding:.75rem;text-align:center}.offer-modal .contact-form .form-hint i{color:#3b82f6;font-size:1rem}@keyframes pulse-success{0%{opacity:1}50%{opacity:.8;transform:scale(1.05)}to{opacity:1;transform:scale(1)}}@media (max-width:640px){.offer-modal .modal-container{border-radius:12px;margin:1rem auto;max-width:95vw}.offer-modal .modal-header{padding:1rem 1rem 0}.offer-modal .modal-header .modal-h2{font-size:1.25rem;padding-right:3rem}.offer-modal .modal-content{padding:0 1rem 1rem}.offer-modal .success-section .success-icon i{font-size:2.5rem}.offer-modal .success-section .modal-description{font-size:.95rem}.offer-modal .contact-form .form-group label{font-size:.85rem}.offer-modal .contact-form .form-group label .optional-badge{font-size:.7rem}.offer-modal .contact-form .cta-button{font-size:1rem!important;height:48px!important}.offer-modal .contact-form .form-hint{font-size:.8rem;padding:.5rem}}.load-modal{background:#fff}.load-modal .modal-container{background:#fff;border-color:#fff;border-radius:16px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;margin:auto;max-width:690px;overflow:hidden}.load-modal .modal-header{border-bottom:1px solid #f1f5f9;margin-bottom:1.5rem;padding:1.5rem 1.5rem 0;width:100%}.load-modal .modal-header .modal-h2{color:#1e40af;font-size:1.375rem;font-weight:700;margin:0;padding-bottom:1rem;text-align:center}.load-modal .modal-header .close-button{border-radius:50%;height:32px!important;position:absolute;right:1rem;top:1rem;transition:all .2s ease;width:32px!important}.load-modal .modal-header .close-button:hover{transform:rotate(90deg)}.load-modal .modal-content{padding:0 1.5rem 1.5rem}.load-modal .info-section{align-items:flex-start;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-left:4px solid #3b82f6;border-radius:8px;display:flex;gap:.75rem;margin-bottom:2rem;padding:1rem}.load-modal .info-section .info-icon{flex-shrink:0;margin-top:2px}.load-modal .info-section .info-icon i{color:#3b82f6;font-size:1.25rem}.load-modal .info-section .modal-description{color:#475569;font-size:.95rem;line-height:1.5;margin:0}.load-modal .load-form .form-grid{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:1.5rem}.load-modal .load-form .form-group{position:relative}.load-modal .load-form .form-group label{align-items:center;color:#374151;display:flex;font-size:.9rem;font-weight:600;gap:.5rem;margin-bottom:.5rem}.load-modal .load-form .form-group label i{color:#6b7280;font-size:1rem}@media (prefers-color-scheme:dark){.load-modal .load-form .form-group .input-field,.load-modal .load-form .form-group input{color:#000!important;-webkit-text-fill-color:#000!important}}.load-modal .load-form .form-group#id :deep(input[type=number]){-moz-appearance:textfield}.load-modal .load-form .form-group#id :deep(input[type=number])::-webkit-inner-spin-button,.load-modal .load-form .form-group#id :deep(input[type=number])::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.load-modal .load-form .error-message{align-items:center;animation:shake .5s ease-in-out;background:linear-gradient(135deg,#fef2f2,#fee2e2);border:1px solid #fca5a5;border-radius:8px;display:flex;gap:.5rem;margin-bottom:1.5rem;padding:.75rem 1rem}.load-modal .load-form .error-message i{color:#dc2626;flex-shrink:0;font-size:1.125rem}.load-modal .load-form .error-message span{color:#dc2626;font-size:.9rem;font-weight:500;line-height:1.4}.load-modal .load-form .load-button{background:linear-gradient(135deg,#3b82f6,#1d4ed8)!important;border:none!important;border-radius:12px!important;box-shadow:0 4px 14px #3b82f64d!important;font-size:1.125rem!important;font-weight:600!important;height:52px!important;margin-bottom:1.5rem;overflow:hidden;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)!important;width:100%!important}.load-modal .load-form .load-button span{background:#fff}@media (prefers-color-scheme:dark){.load-modal .load-form .load-button{color:#fff!important;-webkit-text-fill-color:#fff!important}}.load-modal .load-form .load-button:hover{box-shadow:0 8px 25px #3b82f666!important;transform:translateY(-2px)!important}.load-modal .load-form .load-button:active{transform:translateY(0)!important;transition:all .1s!important}.load-modal .load-form .load-button:disabled{cursor:not-allowed;opacity:.7;transform:none!important}.load-modal .load-form .help-section{align-items:flex-start;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;display:flex;gap:.5rem;padding:1rem}.load-modal .load-form .help-section i{color:#6b7280;flex-shrink:0;font-size:1rem;margin-top:2px}.load-modal .load-form .help-section p{color:#6b7280;font-size:.85rem;line-height:1.5;margin:0}.load-modal .load-form .help-section p .help-link{color:#3b82f6;font-weight:500;text-decoration:none;transition:color .2s ease}.load-modal .load-form .help-section p .help-link:hover{color:#1d4ed8;text-decoration:underline}.load-modal .slide-down-enter-active{transition:all .3s ease-out}.load-modal .slide-down-leave-active{transition:all .2s cubic-bezier(1,.5,.8,1)}.load-modal .slide-down-enter-from,.load-modal .slide-down-leave-to{max-height:0;opacity:0;transform:translateY(-10px)}.load-modal .slide-down-enter-to,.load-modal .slide-down-leave-from{max-height:100px}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-2px)}20%,40%,60%,80%{transform:translate(2px)}}@media (max-width:640px){.load-modal .modal-container{border-radius:12px;margin:1rem auto;max-width:95vw}.load-modal .modal-header{padding:1rem}.load-modal .modal-header .modal-h2{font-size:1.25rem;padding-right:3rem}.load-modal .modal-content{padding:0 1rem 1rem}.load-modal .info-section{flex-direction:column;text-align:center}.load-modal .info-section .modal-description{font-size:.9rem}.load-modal .load-form .form-group label{font-size:.85rem}.load-modal .load-form .form-group :deep(.u-input input){font-size:.95rem;height:44px}.load-modal .load-form .load-button{font-size:1rem!important;height:48px!important}.load-modal .load-form .help-section{flex-direction:column;text-align:center}.load-modal .load-form .help-section p{font-size:.8rem}}.options-modal{background:#fff}.options-modal .modal-header{align-items:center;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:1.5rem}.options-modal .modal-header .header-content{align-items:center;display:flex;flex:1;gap:1rem}.options-modal .modal-header .header-content .header-icon{align-items:center;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:12px;box-shadow:0 4px 12px #3b82f640;display:flex;height:48px;justify-content:center;width:48px}.options-modal .modal-header .header-content .header-icon i{background:#fff;color:#fff;font-size:1.5rem}.options-modal .modal-header .header-content .header-text .modal-h2{color:#1e40af;font-size:1.375rem;font-weight:700;margin:0 0 .25rem}.options-modal .modal-header .header-content .header-text .modal-subtitle{color:#64748b;font-size:.875rem;font-weight:500;margin:0}.options-modal .modal-header .close-button{border-radius:50%;height:36px!important;transition:all .2s ease;width:36px!important}.options-modal .modal-header .close-button:hover{transform:rotate(90deg)}.options-modal .modal-body{max-height:60vh;overflow-y:auto;padding:1.5rem}.options-modal .modal-body .info-section{align-items:flex-start;background:linear-gradient(135deg,#eff6ff,#dbeafe);border-left:4px solid #3b82f6;border-radius:8px;display:flex;gap:.75rem;margin-bottom:1.5rem;padding:1rem}.options-modal .modal-body .info-section i{color:#3b82f6;flex-shrink:0;font-size:1.125rem;margin-top:1px}.options-modal .modal-body .info-section p{color:#475569;font-size:.9rem;line-height:1.5;margin:0}.options-modal .modal-body .options-container .options-grid{display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.options-modal .modal-body .options-container .option-item{background:#fff;border:2px solid #f1f5f9;border-radius:8px;overflow:hidden;transition:all .2s cubic-bezier(.4,0,.2,1)}.options-modal .modal-body .options-container .option-item:hover{border-color:#cbd5e1;box-shadow:0 4px 12px #0000000d;transform:translateY(-1px)}.options-modal .modal-body .options-container .option-item .option-label{align-items:center;cursor:pointer;display:flex;gap:.75rem;padding:1rem;transition:background-color .2s ease;width:100%}.options-modal .modal-body .options-container .option-item .option-label:hover{background:#f8fafc}.options-modal .modal-body .options-container .option-item .option-label .option-checkbox{background:#fff}.options-modal .modal-body .options-container .option-item .option-label .option-checkbox input:not(:checked){background:transparent;border-color:rgb(var(--color-gray-300)/var(--tw-border-opacity))}.options-modal .modal-body .options-container .option-item .option-label .option-content{flex:1}.options-modal .modal-body .options-container .option-item .option-label .option-content .option-text{color:#334155;display:block;font-size:.95rem;font-weight:500;line-height:1.4}.options-modal .modal-body .options-container .option-item .option-label .option-content .option-description{color:#64748b;display:block;font-size:.8rem;line-height:1.3;margin-top:.25rem}.options-modal .modal-body .options-container .option-item:has(:checked){background:linear-gradient(135deg,#eff6ff,#f0f9ff);border-color:#3b82f6}.options-modal .modal-body .options-container .option-item:has(:checked) .option-label .option-text{color:#1e40af;font-weight:600}.options-modal .modal-body .options-container .no-options{color:#64748b;padding:3rem 1.5rem;text-align:center}.options-modal .modal-body .options-container .no-options .no-options-icon{margin-bottom:1rem}.options-modal .modal-body .options-container .no-options .no-options-icon i{color:#cbd5e1;font-size:3rem}.options-modal .modal-body .options-container .no-options h3{color:#475569;font-size:1.125rem;font-weight:600;margin:0 0 .5rem}.options-modal .modal-body .options-container .no-options p{font-size:.9rem;line-height:1.5;margin:0}.options-modal .modal-body .options-container .no-options p strong{color:#334155}.options-modal .modal-footer{background:#f8fafc;border-top:1px solid #e2e8f0;padding:1.5rem}.options-modal .modal-footer .footer-content{align-items:center;display:flex;gap:1rem;justify-content:space-between}.options-modal .modal-footer .footer-content .selected-count{align-items:center;color:#059669;display:flex;font-size:.875rem;font-weight:500;gap:.5rem}.options-modal .modal-footer .footer-content .selected-count i{color:#10b981;font-size:1rem}.options-modal .modal-footer .footer-content .footer-actions{align-items:center;display:flex;gap:.75rem}.options-modal .modal-footer .footer-content .footer-actions .save-button{border-radius:8px!important;font-weight:600!important;padding:.75rem 1.5rem!important;transition:all .2s ease!important}@media (prefers-color-scheme:dark){.options-modal .modal-footer .footer-content .footer-actions .save-button{color:#fff!important;-webkit-text-fill-color:#fff!important}}.options-modal .modal-footer .footer-content .footer-actions .save-button:hover{box-shadow:0 4px 12px #3b82f640!important;transform:translateY(-1px)!important}.options-modal .modal-body::-webkit-scrollbar{width:6px}.options-modal .modal-body::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}.options-modal .modal-body::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.options-modal .modal-body::-webkit-scrollbar-thumb:hover{background:#94a3b8}@media (max-width:768px){.options-modal .modal-container{border-radius:12px;margin:1rem auto;max-width:95vw}.options-modal .modal-header{padding:1rem}.options-modal .modal-header .header-content{gap:.75rem}.options-modal .modal-header .header-content .header-icon{height:40px;width:40px}.options-modal .modal-header .header-content .header-icon i,.options-modal .modal-header .header-content .header-text .modal-h2{font-size:1.25rem}.options-modal .modal-header .header-content .header-text .modal-subtitle{font-size:.8rem}.options-modal .modal-header .close-button{height:32px!important;width:32px!important}.options-modal .modal-body{max-height:50vh;padding:1rem}.options-modal .modal-body .options-container .options-grid{gap:.5rem;grid-template-columns:1fr}.options-modal .modal-body .options-container .option-item .option-label{gap:.5rem;padding:.75rem}.options-modal .modal-body .options-container .option-item .option-label .option-content .option-text{font-size:.9rem}.options-modal .modal-body .options-container .no-options{padding:2rem 1rem}.options-modal .modal-body .options-container .no-options .no-options-icon i{font-size:2.5rem}.options-modal .modal-body .options-container .no-options h3{font-size:1rem}.options-modal .modal-body .options-container .no-options p{font-size:.85rem}.options-modal .modal-footer{padding:1rem}.options-modal .modal-footer .footer-content{align-items:stretch;flex-direction:column;gap:.75rem}.options-modal .modal-footer .footer-content .footer-actions{width:100%}.options-modal .modal-footer .footer-content .footer-actions .save-button{flex:1}}.template-modal{background:#fff}.template-modal .modal-container{background:#fff;border-radius:16px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;margin:auto;max-width:600px;overflow:hidden}.template-modal .modal-header{align-items:center;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:1.5rem}.template-modal .modal-header .header-content{align-items:center;display:flex;flex:1;gap:1rem}.template-modal .modal-header .header-content .header-icon{align-items:center;background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:12px;box-shadow:0 4px 12px #f59e0b40;display:flex;height:48px;justify-content:center;width:48px}.template-modal .modal-header .header-content .header-icon i{background:#fff;color:#fff;font-size:1.5rem}.template-modal .modal-header .header-content .header-text .modal-h2{color:#92400e;font-size:1.375rem;font-weight:700;margin:0 0 .25rem}.template-modal .modal-header .header-content .header-text .template-name{color:#64748b;font-size:.875rem;font-style:italic;font-weight:500;margin:0}.template-modal .modal-header .close-button{border-radius:50%;height:36px!important;transition:all .2s ease;width:36px!important}.template-modal .modal-header .close-button:hover{transform:rotate(90deg)}.template-modal .modal-body{padding:1.5rem}.template-modal .modal-body .warning-section{background:linear-gradient(135deg,#fef2f2,#fee2e2);border:1px solid #fca5a5;border-left:4px solid #dc2626;border-radius:12px;display:flex;gap:1rem;padding:1.25rem}.template-modal .modal-body .warning-section .warning-icon{flex-shrink:0}.template-modal .modal-body .warning-section .warning-icon i{animation:pulse-warning 2s infinite;color:#dc2626;font-size:1.5rem}.template-modal .modal-body .warning-section .warning-content{flex:1}.template-modal .modal-body .warning-section .warning-content h3{color:#7f1d1d;font-size:1.125rem;font-weight:700;margin:0 0 .5rem}.template-modal .modal-body .warning-section .warning-content p{color:#991b1b;font-size:.95rem;line-height:1.5;margin:0 0 1rem}.template-modal .modal-body .warning-section .warning-content .current-config-info{display:flex;font-size:.875rem;gap:1.5rem}.template-modal .modal-body .warning-section .warning-content .current-config-info span{color:#7f1d1d;font-weight:500}.template-modal .modal-body .warning-section .warning-content .current-config-info span strong{color:#991b1b;font-weight:700}.template-modal .modal-body .confirmation-section{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:1px solid #a3e635;border-left:4px solid #16a34a;border-radius:12px;display:flex;gap:1rem;padding:1.25rem}.template-modal .modal-body .confirmation-section .confirmation-icon{flex-shrink:0}.template-modal .modal-body .confirmation-section .confirmation-icon i{animation:sparkle 1.5s ease-in-out infinite;color:#16a34a;font-size:1.5rem}.template-modal .modal-body .confirmation-section .confirmation-content{flex:1}.template-modal .modal-body .confirmation-section .confirmation-content h3{color:#14532d;font-size:1.125rem;font-weight:700;margin:0 0 .5rem}.template-modal .modal-body .confirmation-section .confirmation-content p{color:#166534;font-size:.95rem;line-height:1.5;margin:0}.template-modal .modal-body .confirmation-section .confirmation-content p strong{color:#14532d;font-weight:700}.template-modal .modal-footer{background:#f8fafc;border-top:1px solid #e2e8f0;padding:1.5rem}.template-modal .modal-footer .footer-actions{display:flex;gap:1rem;justify-content:flex-end}.template-modal .modal-footer .footer-actions .cancel-button{border-radius:8px!important;font-weight:500!important;padding:.75rem 1.25rem!important;transition:all .2s ease!important}.template-modal .modal-footer .footer-actions .cancel-button:hover{background-color:#f1f5f9!important;color:#475569!important}.template-modal .modal-footer .footer-actions .confirm-button{border-radius:8px!important;font-weight:600!important;min-width:180px;padding:.75rem 1.5rem!important;transition:all .2s ease!important}@media (prefers-color-scheme:dark){.template-modal .modal-footer .footer-actions .confirm-button{color:#fffcfc!important;-webkit-text-fill-color:#fff!important}}.template-modal .modal-footer .footer-actions .confirm-button:hover{transform:translateY(-1px)!important}.template-modal .modal-footer .footer-actions .confirm-button[data-color=red]{box-shadow:0 4px 12px #dc262640!important}.template-modal .modal-footer .footer-actions .confirm-button[data-color=red]:hover{box-shadow:0 6px 16px #dc262659!important}.template-modal .modal-footer .footer-actions .confirm-button[data-color=green]{box-shadow:0 4px 12px #22c55e40!important}.template-modal .modal-footer .footer-actions .confirm-button[data-color=green]:hover{box-shadow:0 6px 16px #22c55e59!important}@keyframes pulse-warning{0%{opacity:1}50%{opacity:.7;transform:scale(1.05)}to{opacity:1;transform:scale(1)}}@keyframes sparkle{0%,to{opacity:1;transform:rotate(0) scale(1)}25%{opacity:.8;transform:rotate(-5deg) scale(1.1)}75%{opacity:.8;transform:rotate(5deg) scale(1.1)}}@media (max-width:640px){.template-modal .modal-container{border-radius:12px;margin:1rem auto;max-width:95vw}.template-modal .modal-header{padding:1rem}.template-modal .modal-header .header-content{gap:.75rem}.template-modal .modal-header .header-content .header-icon{height:40px;width:40px}.template-modal .modal-header .header-content .header-icon i,.template-modal .modal-header .header-content .header-text .modal-h2{font-size:1.25rem}.template-modal .modal-header .header-content .header-text .template-name{font-size:.8rem}.template-modal .modal-header .close-button{height:32px!important;width:32px!important}.template-modal .modal-body{max-height:50vh;padding:1rem}.template-modal .modal-body .confirmation-section,.template-modal .modal-body .warning-section{flex-direction:column;padding:1rem;text-align:center}.template-modal .modal-body .confirmation-section .confirmation-icon,.template-modal .modal-body .confirmation-section .warning-icon,.template-modal .modal-body .warning-section .confirmation-icon,.template-modal .modal-body .warning-section .warning-icon{align-self:center}.template-modal .modal-body .confirmation-section .confirmation-content h3,.template-modal .modal-body .confirmation-section .warning-content h3,.template-modal .modal-body .warning-section .confirmation-content h3,.template-modal .modal-body .warning-section .warning-content h3{font-size:1rem}.template-modal .modal-body .confirmation-section .confirmation-content p,.template-modal .modal-body .confirmation-section .warning-content p,.template-modal .modal-body .warning-section .confirmation-content p,.template-modal .modal-body .warning-section .warning-content p{font-size:.9rem}.template-modal .modal-body .confirmation-section .current-config-info,.template-modal .modal-body .warning-section .current-config-info{flex-wrap:wrap;justify-content:center}.template-modal .modal-footer{padding:1rem}.template-modal .modal-footer .footer-actions{flex-direction:column-reverse;gap:.75rem}.template-modal .modal-footer .footer-actions .cancel-button,.template-modal .modal-footer .footer-actions .confirm-button{justify-content:center;width:100%}}.mobile-container[data-v-a66c2172]{background-color:#fafbfc;color:#111827;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;margin:0 auto;max-width:100%;padding:20px}@media (max-width:640px){.mobile-container[data-v-a66c2172]{padding:16px}}.progress-indicator[data-v-a66c2172]{align-items:flex-start;background-color:#f8f9fa;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-around;overflow-x:hidden;padding:24px 16px;position:relative}.progress-step[data-v-a66c2172]{cursor:default;flex-direction:column;text-align:center;width:80px}.progress-step[data-v-a66c2172],.progress-step .step-number[data-v-a66c2172]{align-items:center;display:flex;position:relative}.progress-step .step-number[data-v-a66c2172]{background-color:#fff;border:2px solid #e5e7eb;border-radius:50%;color:#9ca3af;font-size:16px;font-weight:600;height:36px;justify-content:center;margin-bottom:10px;transition:all .3s cubic-bezier(.4,0,.2,1);width:36px;z-index:2}.progress-step .step-label[data-v-a66c2172]{color:#6b7280;font-size:13px;font-weight:500;line-height:1.2;transition:all .3s ease}.progress-step.active .step-number[data-v-a66c2172]{background-color:#0ea5e9;border-color:#0ea5e9;box-shadow:0 4px 15px #0ea5e933;color:#fff;transform:scale(1.15)}.progress-step.active .step-label[data-v-a66c2172]{color:#0c4a6e;font-weight:600}.progress-step.completed[data-v-a66c2172]{cursor:pointer}.progress-step.completed .step-number[data-v-a66c2172]{background-color:#10b981;border-color:#10b981;color:#fff;font-size:0}.progress-step.completed .step-number[data-v-a66c2172]:after{animation:popIn-a66c2172 .3s .1s forwards;content:"✓";font-size:18px;font-weight:700;opacity:0;position:absolute;transform:scale(.8)}.progress-step.completed .step-label[data-v-a66c2172]{color:#047857}@keyframes popIn-a66c2172{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.progress-step[data-v-a66c2172]:not(:first-child):before{background-color:#e5e7eb;content:"";height:3px;position:absolute;right:50%;top:18px;width:100%;z-index:1}.progress-step.completed+.progress-step[data-v-a66c2172]:before{background-color:#10b981}.mobile-header[data-v-a66c2172]{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.mobile-header h1[data-v-a66c2172]{color:#333;font-size:24px;margin:0}.mobile-header .info-icon[data-v-a66c2172]{color:#0ea5e9;cursor:pointer;font-size:24px}.info-tooltip[data-v-a66c2172]{background-color:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 2px 8px #0000001a;font-size:14px;line-height:1.4;margin-bottom:16px;padding:12px}.mobile-section[data-v-a66c2172]{margin-bottom:20px}.mobile-section .display-only[data-v-a66c2172]{background-color:transparent;border:none;color:#111827;cursor:default;font-size:1em;font-weight:500;outline:none;padding:0;width:100%}.mobile-section .display-only[data-v-a66c2172]::-moz-placeholder{color:#6b7280;font-weight:300}.mobile-section .display-only[data-v-a66c2172]::placeholder{color:#6b7280;font-weight:300}.doors-list-header[data-v-a66c2172],.keys-list-header[data-v-a66c2172]{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.doors-list-header h2[data-v-a66c2172],.keys-list-header h2[data-v-a66c2172]{font-size:20px;margin:0}.doors-list-header .add-door-button[data-v-a66c2172],.doors-list-header .add-key-button[data-v-a66c2172],.keys-list-header .add-door-button[data-v-a66c2172],.keys-list-header .add-key-button[data-v-a66c2172]{color:#fff;font-size:14px}.mobile-accordion[data-v-a66c2172]{background-color:#fff;border:1px solid #f3f4f6;border-radius:16px;margin-bottom:16px;overflow:hidden;transition:all .3s ease}.mobile-accordion[data-v-a66c2172]:hover{border-color:#e5e7eb;box-shadow:0 4px 6px -1px #0000000d}.accordion-header[data-v-a66c2172]{align-items:center;cursor:pointer;display:flex;justify-content:space-between;padding:16px 20px;transition:background-color .2s ease}.accordion-header[data-v-a66c2172]:hover{background-color:#f9fafb}.accordion-header .accordion-title[data-v-a66c2172]{align-items:center;display:flex;gap:12px}.accordion-header .accordion-title .door-number[data-v-a66c2172]{align-items:center;background:linear-gradient(135deg,#0ea5e9,#0284c7);border-radius:10px;box-shadow:0 2px 4px #0ea5e933;color:#fff;display:flex;font-size:14px;font-weight:600;height:32px;justify-content:center;width:32px}.accordion-header .accordion-title .door-name[data-v-a66c2172]{color:#111827;font-size:16px;font-weight:600}.accordion-header i[data-v-a66c2172]{color:#6b7280;font-size:20px;transition:transform .3s ease}.accordion-content[data-v-a66c2172]{animation:accordionOpen-a66c2172 .3s ease-out;background-color:#fafbfc;border-top:1px solid #f3f4f6;padding:20px}@keyframes accordionOpen-a66c2172{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.input-group[data-v-a66c2172]{margin-bottom:20px}.input-group label[data-v-a66c2172]{color:#374151;font-size:14px;letter-spacing:.01em;margin-bottom:8px}.input-group .sublabel[data-v-a66c2172]{color:#6b7280;font-size:13px;font-weight:400}.input-group input[data-v-a66c2172],.input-group select[data-v-a66c2172]{background-color:#fff;border:1.5px solid #e5e7eb;border-radius:10px;font-size:15px;padding:10px 14px;transition:all .2s ease;width:100%}.input-group input[data-v-a66c2172]:focus,.input-group select[data-v-a66c2172]:focus{border-color:#0ea5e9;box-shadow:0 0 0 3px #0ea5e91a;outline:none}.input-group input[data-v-a66c2172]:hover:not(:focus),.input-group select[data-v-a66c2172]:hover:not(:focus){border-color:#d1d5db}.input-group.size-group .size-inputs[data-v-a66c2172]{display:flex;gap:16px}.input-group.size-group .size-inputs .size-input-container[data-v-a66c2172]{flex:1}.input-group.size-group .size-inputs .size-input-container select[data-v-a66c2172]{padding-right:36px}.options-button[data-v-a66c2172]{align-items:center;background-color:#fff;border:1px solid #ddd;border-radius:6px;display:flex;justify-content:space-between;padding:8px 12px;width:100%}.options-button .options-button-text[data-v-a66c2172]{color:#333;flex:1;margin-right:8px;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}.options-button i[data-v-a66c2172]{color:#0ea5e9;font-size:16px}.action-buttons[data-v-a66c2172]{display:flex;gap:12px;margin-top:24px}.action-buttons button[data-v-a66c2172]{border-radius:10px;flex:1;font-size:14px;font-weight:500;padding:10px 16px;transition:all .2s ease}.action-buttons button[data-v-a66c2172]:first-child{background-color:#f3f4f6;color:#374151}.action-buttons button[data-v-a66c2172]:first-child:hover{background-color:#e5e7eb}.action-buttons button[data-v-a66c2172]:last-child{background-color:#fee2e2;color:#dc2626}.action-buttons button[data-v-a66c2172]:last-child:hover{background-color:#fecaca}.action-button[data-v-a66c2172]{border:none;border-radius:12px;cursor:pointer;font-size:16px;font-weight:600;margin-top:24px;overflow:hidden;padding:14px 20px;position:relative;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.action-button[data-v-a66c2172]:before{background:linear-gradient(45deg,transparent 30%,hsla(0,0%,100%,.1) 50%,transparent 70%);content:"";height:100%;left:0;position:absolute;top:0;transform:translate(-100%);transition:transform .6s;width:100%}.action-button[data-v-a66c2172]:hover:before{transform:translate(100%)}.action-button.next-step-button[data-v-a66c2172]{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 14px #10b9814d;color:#fff}.action-button.next-step-button[data-v-a66c2172]:hover{box-shadow:0 6px 20px #10b98166;transform:translateY(-2px)}.action-button.save-button[data-v-a66c2172]{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 4px 14px #f59e0b4d;color:#fff;margin:24px auto 0;max-width:200px}.action-button.save-button[data-v-a66c2172]:hover{box-shadow:0 6px 20px #f59e0b66;transform:translateY(-2px)}.keys-list[data-v-a66c2172]{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin-bottom:20px}.key-card[data-v-a66c2172]{background-color:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.key-card .key-card-header[data-v-a66c2172]{align-items:center;background-color:#f3f4f6;border-bottom:1px solid #ddd;display:flex;justify-content:space-between;padding:8px 12px}.key-card .key-card-header .key-name[data-v-a66c2172]{font-size:14px;font-weight:600}.key-card .key-card-body[data-v-a66c2172]{padding:12px}.key-card .key-card-body .key-quantity[data-v-a66c2172]{margin-bottom:12px}.key-card .key-card-body .key-quantity label[data-v-a66c2172]{color:#666;display:block;font-size:12px;margin-bottom:4px}.key-card .key-card-body .key-quantity .quantity-input[data-v-a66c2172]{font-size:14px;padding:4px 8px;width:60px}.key-card .key-card-body .door-assignments label[data-v-a66c2172]{color:#666;display:block;font-size:12px;margin-bottom:4px}.key-card .key-card-body .door-checkbox-list[data-v-a66c2172]{border:1px solid #eee;border-radius:4px;margin-bottom:8px;max-height:150px;overflow-y:auto;padding:4px}.key-card .key-card-body .door-checkbox-list .door-checkbox-item[data-v-a66c2172]{margin-bottom:4px}.key-card .key-card-body .door-checkbox-list .door-checkbox-item label[data-v-a66c2172]{align-items:center;color:#333;display:flex;font-size:13px}.key-card .key-card-body .door-checkbox-list .door-checkbox-item label .input-checkbox[data-v-a66c2172]{background:#fff!important;border:1px solid #ddd;border-radius:4px;cursor:pointer;height:16px;margin-right:8px;width:16px}@media (prefers-color-scheme:dark){.key-card .key-card-body .door-checkbox-list .door-checkbox-item label .input-checkbox[data-v-a66c2172]{background:#fff!important;border-color:#4b5563;color-scheme:light;opacity:1}}.key-card .key-card-body .door-checkbox-list .door-checkbox-item label .input-checkbox[data-v-a66c2172]:checked{background:#10b981!important;border-color:#10b981}.step-navigation[data-v-a66c2172]{display:flex;justify-content:space-between;margin-top:24px}.step-navigation .navigation-button[data-v-a66c2172]{align-items:center;border-radius:6px;display:flex;font-weight:600;padding:10px 16px}.step-navigation .navigation-button.back[data-v-a66c2172]{background-color:#f3f4f6;color:#333}.step-navigation .navigation-button.back i[data-v-a66c2172]{margin-right:8px}.step-navigation .navigation-button.next[data-v-a66c2172]{background-color:#10b981;color:#fff}.step-navigation .navigation-button.next i[data-v-a66c2172]{margin-left:8px}.summary-step[data-v-a66c2172]{padding-bottom:100px}.summary-step h2[data-v-a66c2172]{margin-bottom:20px}.summary-step .summary-section[data-v-a66c2172]{background-color:#fff;border:1px solid #f3f4f6;border-radius:16px;box-shadow:0 4px 6px -1px #0000000d;margin-bottom:24px;padding:20px}.summary-step .summary-section p[data-v-a66c2172]{color:gray;font-size:12px;padding-bottom:6px;text-align:justify}.summary-step .summary-section h3[data-v-a66c2172]{border-bottom:1px solid #f3f4f6;color:#0c4a6e;font-size:18px;margin-bottom:16px;margin-top:0;padding-bottom:12px}.summary-step .summary-item[data-v-a66c2172]{display:flex;font-size:15px;justify-content:space-between;margin-bottom:12px}.summary-step .summary-item .summary-label[data-v-a66c2172]{color:#374151;font-weight:500}.summary-step .summary-item .summary-value[data-v-a66c2172]{color:#111827;font-weight:600;text-align:right}.summary-step .summary-actions[data-v-a66c2172]{display:flex;gap:12px;justify-content:space-between;margin-top:24px}.summary-step .summary-actions .u-button[data-v-a66c2172]{border-radius:12px;flex:1;font-size:16px;font-weight:600;justify-content:center;margin:0;padding:12px 16px;width:auto}.summary-step .summary-actions .navigation-button[data-v-a66c2172]{background-color:#f3f4f6;color:#374151;transition:background-color .2s ease}.summary-step .summary-actions .navigation-button[data-v-a66c2172]:hover{background-color:#e5e7eb}.summary-step .summary-actions .save-button[data-v-a66c2172]{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 14px #10b9814d;color:#fff;margin:20px 0;padding:10px 20px;transition:all .2s ease}.summary-step .summary-actions .save-button[data-v-a66c2172]:hover{box-shadow:0 6px 16px #10b98159;transform:translateY(-2px)}.modal-overlay[data-v-a66c2172]{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-container[data-v-a66c2172]{animation:modalSlideUp-a66c2172 .3s ease-out;background-color:#fff;border-radius:20px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-height:90vh;max-width:400px;overflow:visible!important;width:90%}.modal-container .modal-header[data-v-a66c2172]{align-items:center;border-bottom:1px solid #f3f4f6;display:flex;justify-content:space-between;padding:20px 24px}.modal-container .modal-header h3[data-v-a66c2172]{color:#111827;font-size:20px;font-weight:600;margin:0}.modal-container .modal-header .modal-close[data-v-a66c2172]{align-items:center;background:none;border:none;border-radius:8px;color:#6b7280;cursor:pointer;display:flex;font-size:24px;height:32px;justify-content:center;transition:all .2s ease;width:32px}.modal-container .modal-header .modal-close[data-v-a66c2172]:hover{background-color:#f3f4f6;color:#111827}.modal-container .modal-body[data-v-a66c2172]{max-height:50vh;overflow-y:auto;padding:24px}.modal-container .modal-body[data-v-a66c2172]::-webkit-scrollbar{width:6px}.modal-container .modal-body[data-v-a66c2172]::-webkit-scrollbar-track{background:#f3f4f6;border-radius:3px}.modal-container .modal-body[data-v-a66c2172]::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.modal-container .modal-body[data-v-a66c2172]::-webkit-scrollbar-thumb:hover{background:#9ca3af}.modal-container .modal-footer[data-v-a66c2172]{border-top:1px solid #f3f4f6;display:flex;gap:12px;justify-content:flex-end;padding:20px 24px}.modal-container .modal-footer .modal-button[data-v-a66c2172]{border-radius:10px;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s ease}.modal-container .modal-footer .modal-button.confirm[data-v-a66c2172]{background:linear-gradient(135deg,#0ea5e9,#0284c7);box-shadow:0 2px 8px #0ea5e933;color:#fff}.modal-container .modal-footer .modal-button.confirm[data-v-a66c2172]:hover{box-shadow:0 4px 12px #0ea5e94d;transform:translateY(-1px)}.modal-container .modal-footer .modal-button.cancel[data-v-a66c2172]{background-color:#f3f4f6;color:#374151}.modal-container .modal-footer .modal-button.cancel[data-v-a66c2172]:hover{background-color:#e5e7eb}@keyframes modalSlideUp-a66c2172{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.bottom-action-bar[data-v-a66c2172]{backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);background:#ffffffe6;border-top:1px solid hsla(0,0%,100%,.2);bottom:0;box-shadow:0 -1px 3px #0000000d,0 -4px 20px #00000014;gap:16px;left:0;padding:16px 20px calc(16px + env(safe-area-inset-bottom));position:fixed;right:0;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:1000}.bottom-action-bar[data-v-a66c2172],.bottom-action-bar .buttons[data-v-a66c2172]{align-items:center;display:flex;justify-content:center}.bottom-action-bar .buttons[data-v-a66c2172]{background:transparent;border:none;border-radius:12px;color:#242831;cursor:pointer;margin:0;min-height:44px;min-width:44px;padding:10px;transition:all .2s cubic-bezier(.4,0,.2,1)}.bottom-action-bar .buttons i[data-v-a66c2172],.bottom-action-bar .buttons svg[data-v-a66c2172]{font-size:1.25rem;transition:transform .2s ease}@media (hover:hover){.bottom-action-bar .buttons[data-v-a66c2172]:hover{background:#6b72801a;color:#374151;transform:translateY(-1px)}.bottom-action-bar .buttons:hover i[data-v-a66c2172],.bottom-action-bar .buttons:hover svg[data-v-a66c2172]{transform:scale(1.05)}}.bottom-action-bar .buttons[data-v-a66c2172]:active{background:#6b728026;transform:translateY(0)}.bottom-action-bar .buttons[data-v-a66c2172]:focus-visible{outline:2px solid #3b82f6;outline-offset:2px}@media (max-width:768px){.bottom-action-bar[data-v-a66c2172]{gap:12px;padding:12px 16px calc(12px + env(safe-area-inset-bottom))}}.bottom-action-bar .template-cta-button[data-v-a66c2172]{align-items:center;background:linear-gradient(135deg,#f8fafc,#e2e8f0);border:1px solid rgba(148,163,184,.2);border-radius:14px;box-shadow:0 2px 8px #00000014,0 1px 2px #0000000d,inset 0 1px #ffffffb3;color:#1f2937;cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:10px;justify-content:center;letter-spacing:-.01em;margin-left:auto;min-height:48px;padding:14px 24px;transition:all .25s cubic-bezier(.4,0,.2,1);white-space:nowrap}.bottom-action-bar .template-cta-button i[data-v-a66c2172],.bottom-action-bar .template-cta-button svg[data-v-a66c2172]{color:inherit;font-size:1.1rem;transition:transform .2s ease}@media (max-width:768px){.bottom-action-bar .template-cta-button[data-v-a66c2172]{font-size:.9rem;min-height:44px;padding:12px 20px}}.bottom-action-bar[data-v-a66c2172] *{will-change:transform}@media (prefers-reduced-motion:reduce){.bottom-action-bar[data-v-a66c2172] *{transform:none!important;transition:none!important}}.input-group[data-v-a66c2172]{margin-bottom:1rem}.input-group label[data-v-a66c2172]{display:block;font-size:.9rem;font-weight:500;margin-bottom:.5rem}.template-selection-body[data-v-a66c2172]{display:flex;flex-direction:column;gap:12px}.template-card[data-v-a66c2172]{align-items:center;border:1px solid #e9ecef;border-radius:8px;cursor:pointer;display:flex;padding:12px 16px;transition:all .2s ease-in-out}.template-card[data-v-a66c2172]:hover{background-color:#f0f9ff;border-color:#0ea5e9;box-shadow:0 4px 10px #0000000d;transform:translateY(-2px)}.template-card .template-icon[data-v-a66c2172]{font-size:1.75rem;margin-right:16px}.template-card .template-info[data-v-a66c2172]{display:flex;flex-direction:column;flex-grow:1}.template-card .template-name[data-v-a66c2172]{font-size:1rem;font-weight:600}.template-card .template-description[data-v-a66c2172]{color:#6c757d;font-size:.8rem}.template-card-green .template-icon[data-v-a66c2172]{color:#10b981}.template-card-blue .template-icon[data-v-a66c2172]{color:#3b82f6}.template-card-indigo .template-icon[data-v-a66c2172]{color:#6366f1}.alert-box-warning[data-v-a66c2172]{align-items:center;background-color:#fffbeb;border:1px solid #fde68a;border-radius:8px;color:#b45309;display:flex;font-size:.9rem;gap:10px;margin-top:1rem;padding:12px}.alert-box-warning i[data-v-a66c2172]{font-size:1.25rem}.option-item[data-v-a66c2172]{background-color:#fff;border:1px solid #e9ecef;border-radius:8px;padding:12px 16px;transition:all .2s ease-in-out}.option-item[data-v-a66c2172]:hover{background-color:#f0f9ff;border-color:#0ea5e9;box-shadow:0 4px 10px #0000000d;transform:translateY(-2px)}.option-item .option-label[data-v-a66c2172]{color:#111827;font-size:1rem;font-weight:600}.option-item .option-label input[data-v-a66c2172]{accent-color:#10b981;background:#fff!important;border:1px solid #ddd;border-radius:4px;cursor:pointer;height:16px;margin-right:8px;width:16px}.option-item .option-label input[data-v-a66c2172]:checked{background:#10b981!important;border-color:#10b981}@media (prefers-color-scheme:dark){.option-item .option-label input[data-v-a66c2172]{background:#fff!important;border-color:#4b5563;color-scheme:light;opacity:1}}