body{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol;background-color:var(--backgroundColor)}.main-layout-container{display:flex;min-height:100vh;flex-direction:column}.sidebar{background-color:#2c3e50;color:#ecf0f1;padding:0rem 1rem 1rem;box-shadow:0 4px 12px #0000001a;flex-shrink:0}.sidebar-title{font-size:1.5rem;font-weight:700;text-align:center;margin-bottom:2rem;color:#ecf0f1}.sidebar-nav{display:flex;flex-direction:row;align-items:center;justify-content:center;list-style:none;padding:0;margin:0}.sidebar-nav li{margin-bottom:.75rem}.nav-item{display:block;width:100%;padding:.75rem 1rem;background-color:transparent;border:none;border-radius:.375rem;color:#ecf0f1;font-size:1rem;text-align:left;cursor:pointer;transition:background-color .2s ease,color .2s ease;-webkit-border-radius:;-moz-border-radius:;-ms-border-radius:;-o-border-radius:;-webkit-transition:background-color .2s ease,color .2s ease;-moz-transition:background-color .2s ease,color .2s ease;-ms-transition:background-color .2s ease,color .2s ease;-o-transition:background-color .2s ease,color .2s ease}.nav-item:hover{background-color:#34495e}.nav-item.active{background-color:#3498db;font-weight:600;color:#fff}.content-area{flex-grow:1;padding:2rem;background-color:var(--backgroundColor);overflow:visible}.content-area-login{flex-grow:1;background-color:var(--backgroundColor);overflow-y:auto}.content-title{font-size:1.875rem;font-weight:700;text-align:center;color:var(--textColor);margin-bottom:1.5rem}.sub-title{font-size:1.25rem;font-weight:600;color:var(--textColor);margin-top:1.5rem;margin-bottom:1rem}.mobile-topbar{display:none}@media (max-width: 500px){.sidebar{position:fixed;top:48px;left:-110%;width:60%;height:100vh;z-index:1100;transition:left .3s ease;-webkit-transition:left .3s ease;-moz-transition:left .3s ease;-ms-transition:left .3s ease;-o-transition:left .3s ease}.sidebar.open{left:0}.sidebar-nav{display:flex;flex-direction:column}.mobile-topbar{display:flex;align-items:center;gap:8px;height:48px;padding:0 10px;z-index:1500;background-color:#2c3e50;color:#ecf0f1}.burger-btn{background:none;border:none;font-size:22px;cursor:pointer;color:#ecf0f1}.burger-btn:hover{background-color:#34495e}.mobile-title{font-size:16px;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-title{display:none}.content-area{padding-top:48px}}.login-container{padding-top:15vh;display:flex;justify-content:center;align-items:center;font-family:Arial,sans-serif}.login-card{background-color:#fff;padding:40px 30px;border-radius:12px;box-shadow:0 10px 25px #0003;width:350px;text-align:center}.login-title{margin-bottom:20px;color:#333;font-size:28px;font-weight:700}.login-message{margin-bottom:15px;color:#e74c3c;font-weight:500}.login-input{width:80%;padding:12px 15px;margin-bottom:15px;border:1px solid #ddd;border-radius:8px;font-size:16px;outline:none;transition:.2s;background-color:var(--secondaryBackgroundColor)}.login-input:focus{border-color:var(--primaryColor);box-shadow:0 0 5px #2575fc80}.login-button{width:50%;padding:12px 15px;background-color:var(--primaryColor);color:#fff;font-size:16px;font-weight:700;border:none;border-radius:8px;cursor:pointer;transition:.3s}.login-button:hover{background-color:#1457c6}.login-button:disabled{background-color:#aaa;cursor:not-allowed}.usermanagement-title{color:var(--textColor)}.form-content>div:not(:last-child){margin-bottom:1rem}.form-group{margin-bottom:1rem}.form-group:last-of-type{margin-bottom:0}.Tittel-AddButton{display:flex;flex-direction:row}label{display:block;font-size:.875rem;font-weight:500;color:#374151;margin-bottom:.25rem}.form-input{display:block;width:100%;padding:.5rem 1rem;border:1px solid #d1d5db;border-radius:.375rem;box-shadow:0 1px 2px #0000000d;font-size:.875rem;-webkit-appearance:none;-moz-appearance:none;appearance:none}.form-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 1px #3b82f6,0 0 0 3px #3b82f680}.submit-button{width:100%;display:flex;justify-content:center;padding:.5rem 1rem;border:1px solid transparent;border-radius:.375rem;box-shadow:0 1px 2px #0000000d;font-size:1.125rem;font-weight:600;color:#fff;background-color:#2563eb;cursor:pointer;transition:background-color .15s ease-in-out,box-shadow .15s ease-in-out;margin-top:1.5rem}.submit-button:hover{background-color:#1d4ed8}.submit-button:focus{outline:none;box-shadow:0 0 0 2px #fff,0 0 0 4px #3b82f6}.response-message{margin-top:1.5rem;text-align:center;font-size:1.125rem;font-weight:500}.add-user-button{display:block;width:auto;margin:1.5rem 0 0 auto;padding:.75rem 1.5rem;background-color:#3b82f6;color:#fff;border:none;border-radius:.375rem;cursor:pointer;font-size:1rem;transition:background-color .2s ease;box-shadow:0 2px 4px #0000001a;-webkit-transition:background-color .2s ease;-moz-transition:background-color .2s ease;-ms-transition:background-color .2s ease;-o-transition:background-color .2s ease;-webkit-border-radius:.375rem;-moz-border-radius:.375rem;-ms-border-radius:.375rem;-o-border-radius:.375rem}.add-user-button:hover{background-color:#2563eb}.users-table{width:100%;border-collapse:collapse;margin-top:1.5rem;box-shadow:0 1px 3px #0000001a;border-radius:.5rem;overflow:hidden}.users-table th,.users-table td{padding:.75rem 1rem;text-align:left;border-bottom:1px solid #e5e7eb}.users-table th{background-color:#f9fafb;font-weight:600;color:#374151;text-transform:uppercase;font-size:.875rem}.users-table tbody tr:last-child td{border-bottom:none}.users-table tbody tr:hover{background-color:#f3f4f6}.actions-cell{white-space:nowrap;display:flex;gap:.5rem}.action-button{padding:.4rem .8rem;border:none;border-radius:.25rem;cursor:pointer;font-size:.8rem;transition:background-color .2s ease;flex-shrink:0}.edit-button{background-color:#3b82f6;color:#fff}.edit-button:hover{background-color:#2563eb}.change-password-button{background-color:#ffc107;color:#333}.change-password-button:hover{background-color:#e0a800}.delete-button{background-color:#ef4444;color:#fff}.delete-button:hover{background-color:#dc2626}.loading-message,.error-message,.no-users-message{text-align:center;padding:1rem;font-size:1rem;color:#4b5563}.error-message{color:#dc2626}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0009;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background-color:#fff;padding:2rem;border-radius:.5rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;width:90%;max-width:500px}.modal-title{font-size:1.5rem;font-weight:700;color:#1f2937;margin-bottom:1rem;text-align:center}.modal-body{margin-bottom:1.5rem;color:#374151;line-height:1.5}.modal-footer{display:flex;justify-content:flex-end;gap:.75rem}.modal-button{padding:.6rem 1.2rem;border:none;border-radius:.375rem;cursor:pointer;font-size:.9rem;font-weight:600;transition:background-color .2s ease}.cancel-button{background-color:#6b7280;color:#fff}.cancel-button:hover{background-color:#4b5563}.confirm-button{background-color:#3b82f6;color:#fff}.confirm-button:hover{background-color:#2563eb}.modal-form .form-group{margin-bottom:1rem}.modal-form label{display:block;font-size:.9rem;font-weight:500;color:#374151;margin-bottom:.25rem}.modal-form .form-input{width:90%;padding:.5rem 1rem;border:1px solid #d1d5db;border-radius:.375rem;font-size:.9rem}.modal-form .form-input-select{width:97%;padding:.5rem 1rem;border:1px solid #d1d5db;border-radius:.375rem;font-size:.9rem}.modal-form .form-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 1px #3b82f6,0 0 0 3px #3b82f680}@media (max-width: 768px){.actions-cell{flex-direction:column;gap:.25rem;align-items:flex-start}.action-button{width:100%;margin-right:0}}.projects-container{padding:20px}.projects-title{color:var(--textColor)}.projects-search{width:100%;padding:8px 12px;margin-bottom:15px;border-radius:6px;border:1px solid var(--borderColor);font-size:14px}.new-project-button{margin-bottom:15px;background-color:var(--primaryColor);color:var(--buttonTextColor);border:none;padding:8px 16px;border-radius:6px;cursor:pointer}.new-project-button:hover{background-color:var(--primaryHoverColor)}.project-group{margin-bottom:20px}.project-group-title{color:var(--textColor);font-size:18px;font-weight:700;cursor:pointer;padding:5px 0;border-bottom:1px solid var(--borderColor)}.projects-list{margin-top:10px;display:flex;flex-direction:column;gap:10px}.project-card{display:flex;justify-content:space-between;align-items:center;padding:12px;border-radius:8px;border:1px solid var(--borderColor);background-color:var(--backgroundColor);transition:box-shadow .2s}.project-card:hover{box-shadow:0 2px 10px #0000001a}.project-card-content{flex-grow:1;cursor:pointer}.project-name{cursor:pointer;font-size:1.2rem;font-weight:600;margin:0;padding:4px 6px}.project-name-input:focus{border:1px solid var(--borderColor)}.project-info{flex-direction:row;display:flex}.project-info span{display:block;font-size:12px;color:var(--secondaryTextColor);margin-right:.8rem}.delete-button2{background:none;border:none;color:var(--primaryColor);cursor:pointer;font-size:18px;margin-left:10px;transition:color .2s}.project-container{max-width:1000px;margin:20px auto;padding:15px;background-color:var(--backgroundColor);border-radius:8px;box-shadow:0 2px 12px #0000001a}.project-name-wrapper{justify-content:center}.project-name-input{font-size:1.6rem;margin:0;padding:4px 6px;border-radius:6px;width:auto;min-width:200px;outline:none}.projectname{cursor:pointer;font-size:1.7rem;font-weight:600;margin:0;padding:4px 6px}.back-button{margin-bottom:15px;background-color:var(--primaryColor);color:var(--buttonTextColor);border:none;padding:8px 16px;border-radius:6px;cursor:pointer}.icon-button{margin:5px;height:fit-content;padding:10px 16px;border-radius:6px;cursor:pointer;background-color:var(--primaryColor);border:none;color:var(--buttonTextColor);display:flex;align-items:center}.iconButton{margin-left:20px;height:fit-content;padding:2px;border-radius:6px;cursor:pointer;background-color:var(--primaryColor);border:none;color:var(--buttonTextColor);display:flex;align-items:center}.iconButton:hover,.icon-button:hover,.back-button:hover{background-color:var(--primaryHoverColor)}.search-input{width:30%;padding:8px;margin:10px 0 15px;border-radius:6px;border:1px solid var(--borderColor)}.doors-table{width:100%;border-collapse:collapse}.doors-table th,.doors-table td{border:1px solid var(--borderColor);padding:8px}.doors-table th{background-color:var(--secondaryBackgroundColor);text-align:left}.rename-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;justify-content:center;align-items:center}.rename-modal-content{background:var(--backgroundColor);padding:20px;border-radius:8px}.rename-input{width:90%;padding:8px;margin:10px 0 15px;border-radius:6px;border:1px solid var(--borderColor)}.rename-button{margin-right:15px;background-color:var(--primaryColor);color:var(--buttonTextColor);border:none;padding:8px 16px;border-radius:6px;cursor:pointer}.notes{padding:10px;width:98%;max-width:98%;line-height:1.5;border-radius:5px;border:1px solid #cccccc;resize:none;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.notes:focus{outline:none}.export-modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0009;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);display:flex;align-items:center;justify-content:center;z-index:9999}.export-modal-content{background:#fff;padding:25px;border-radius:10px;width:350px;text-align:center;box-shadow:0 4px 12px #00000040}.export-modal-content h3{margin-bottom:15px;font-size:20px}.export-modal-content .icon-button{width:100%;margin-bottom:12px}.img-modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000bf;display:flex;align-items:center;justify-content:center;z-index:9999}.img-modal-container{position:relative;width:90vw;height:90vh;background:#222;padding:20px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-direction:column}.img-wrapper{width:80vw;height:80vh;overflow:hidden;display:flex;justify-content:center;align-items:center}.img-wrapper img{max-width:100%;height:100%;-webkit-user-select:none;user-select:none}.img-thumbnails{display:flex;justify-content:center;margin-top:10px;gap:5px;overflow-x:auto}.img-thumbnails .thumbnail{width:60px;height:60px;object-fit:cover;cursor:pointer;border:2px solid transparent}.img-thumbnails .thumbnail.active{border-color:#007bff}.img-close-btn,.img-left-btn,.img-right-btn{position:absolute;background:#0009;color:#fff;border:none;padding:10px;cursor:pointer;z-index:10000;border-radius:6px}.img-close-btn{top:10px;right:10px}.img-left-btn{left:-50px;top:50%;transform:translateY(-50%)}.img-right-btn{right:-50px;top:50%;transform:translateY(-50%)}.img-zoom-controls{position:absolute;bottom:10px;display:flex;gap:10px}.img-zoom-controls button{background:#ffffff26;border:none;color:#fff;padding:10px;cursor:pointer;border-radius:6px}.img-zoom-controls button:hover{background:#ffffff4d}.ax-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;justify-content:center;align-items:center;z-index:2000}.ax-modal-box{width:70%;min-height:90%;max-height:90%;background:var(--backgroundColor);border-radius:12px;padding:0;display:flex;flex-direction:column;overflow:hidden}.ax-modal-header{display:flex;justify-content:space-between;align-items:center;padding:18px;border-bottom:1px solid #ddd}.ax-modal-header h2{color:var(--textColor)}.ax-header-buttons{display:flex;gap:15px;align-items:center}.ax-header-buttons label{color:var(--secondaryTextColor)}.ax-close{border:none;background:var(--primaryColor);width:32px;height:32px;font-size:18px;border-radius:6px;cursor:pointer}.ax-modal-content{padding:20px;overflow-y:auto}.ax-group{margin-bottom:18px;border:1px solid var(--borderColor);border-radius:8px;-webkit-border-radius:8px;-moz-border-radius:8px;-ms-border-radius:8px;-o-border-radius:8px}.ax-group-header{display:flex;justify-content:space-between;padding:12px 15px;background:var(--secondaryBackgroundColor);border-radius:8px;cursor:pointer;font-weight:700;color:var(--textColor)}.ax-item-row{display:flex;justify-content:space-between;padding:12px 15px;border-top:1px solid #eee;background:var(--secondaryBackgroundColor);color:var(--textColor)}.ax-counter-container{display:flex;gap:25px}.ax-counter{text-align:center}.ax-counter label{color:var(--textColor)}.ax-counter-buttons{display:flex;gap:10px;align-items:center}.ax-counter-buttons span{color:var(--textColor)}.ax-counter-buttons button{padding:4px 10px;background:var(--primaryColor);color:#fff;border:none;border-radius:4px;cursor:pointer}.ax-counter-buttons button:hover{background:var(--primaryHoverColor)}.ax-show-more{width:100%;padding:10px 0;border:none;border-bottom-left-radius:8px;border-bottom-right-radius:8px;background:var(--secondaryBackgroundColor);color:var(--textColor);cursor:pointer}.ax-modal-footer{padding:15px;border-top:1px solid #ddd;text-align:right}.ax-save-btn{padding:10px 18px;background:#28a745;color:#fff;border:none;border-radius:6px;font-size:15px;cursor:pointer}.ax-save-btn:hover{background:#1e7933}.plan-modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0009;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);display:flex;align-items:center;justify-content:center;z-index:9999}.plan-modal-content{background:#fff;padding:25px;border-radius:10px;width:350px;text-align:center;box-shadow:0 4px 12px #00000040}.plan-modal-content h3{margin-bottom:15px;font-size:20px}.close-button{width:100%;padding:10px;border-radius:6px;background:#555;color:#fff;border:none;cursor:pointer}.close-button:hover{background:#444}.upload-button{padding:10px}.upload-button:hover{cursor:pointer;color:var(--primaryColor)}.file-list{list-style:none;padding-left:0}.file-item{display:flex;cursor:pointer;flex-direction:row;background-color:var(--primaryColor);padding:10px;color:var(--buttonTextColor);justify-content:space-between;align-items:center;margin-bottom:10px;border-radius:6px;-webkit-border-radius:6px;-moz-border-radius:6px;-ms-border-radius:6px;-o-border-radius:6px}.file-item::marker{content:""}.file-item:hover{background:var(--primaryHoverColor)}.delete-icon:hover{color:#fd4a4a}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;justify-content:center;align-items:center;z-index:9999}.modal-content{background:var(--backgroundColor);color:var(--textColor);width:420px;max-height:80vh;border-radius:8px;padding:16px;display:flex;flex-direction:column}.customer-search{padding:8px;margin-bottom:10px;font-size:14px}.customer-list{list-style:none;padding:0;margin:0;overflow-y:auto;flex:1}.customer-name{font-weight:550;color:var(--textColor)}.customer-item{padding:10px;border-bottom:1px solid var(--borderColor);cursor:pointer;color:var(--textColor)}.customer-item:hover{background:var(--customerHoverColor)}.customer-item.active{background:var(--customerSelectColor)}.close-btn{margin-top:12px;padding:8px}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:12px}.cancel-btn{padding:8px 12px;background:var(--primaryColor);color:#fff;border-radius:6px;border:none;cursor:pointer;-webkit-border-radius:6px;-moz-border-radius:6px;-ms-border-radius:6px;-o-border-radius:6px}.cancel-btn:hover{background:var(--primaryHoverColor)}.save-btn{padding:8px 12px;background:var(--primaryColor);color:#fff;border-radius:6px;border:none;cursor:pointer}.save-btn:hover{background:var(--primaryHoverColor)}.save-btn:disabled{opacity:.5;cursor:not-allowed}.content-area{background-color:var(--secondaryBackgroundColor)}.settings-container{max-width:800px;margin:2rem auto;padding:1rem;font-family:Segoe UI,Roboto,sans-serif;color:var(--textColor);background-color:var(--secondaryBackgroundColor)}.settings-card{background:var(--backgroundColor);border-radius:12px;box-shadow:0 3px 8px #00000014;padding:1.5rem;margin-bottom:1.5rem;transition:transform .2s ease,box-shadow .2s ease;-webkit-border-radius:12px;-moz-border-radius:12px;-ms-border-radius:12px;-o-border-radius:12px;-webkit-transition:transform .2s ease,box-shadow .2s ease;-moz-transition:transform .2s ease,box-shadow .2s ease;-ms-transition:transform .2s ease,box-shadow .2s ease;-o-transition:transform .2s ease,box-shadow .2s ease}.settings-subtitle{font-size:1.2rem;margin-bottom:.5rem}.logo-preview{width:150px;height:auto;border:1px solid #ccc;border-radius:8px;margin:1rem 0;-webkit-border-radius:8px;-moz-border-radius:8px;-ms-border-radius:8px;-o-border-radius:8px}.no-logo{color:#777;font-style:italic}.file-input{display:block;margin-top:.5rem}.dropdown{margin-top:.5rem;padding:.4rem;border-radius:6px;border:1px solid #ccc;-webkit-border-radius:6px;-moz-border-radius:6px;-ms-border-radius:6px;-o-border-radius:6px}.status{margin-top:.8rem;font-size:.9rem}.status.uploading{color:#007bff}.status.error{color:red}.settings-footer{text-align:center;color:#666;margin-top:2rem;font-size:.85rem}.customers-container{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;-webkit-border-radius:;-moz-border-radius:;-ms-border-radius:;-o-border-radius:}.add-customer-button{display:block;width:auto;margin:1.5rem 0 0 auto;padding:.75rem 1.5rem;background-color:var(--primaryColor);color:#fff;border:none;border-radius:.375rem;cursor:pointer;font-size:1rem;transition:background-color .2s ease;box-shadow:0 2px 4px #0000001a;-webkit-transition:background-color .2s ease;-moz-transition:background-color .2s ease;-ms-transition:background-color .2s ease;-o-transition:background-color .2s ease;-webkit-border-radius:.375rem;-moz-border-radius:.375rem;-ms-border-radius:.375rem;-o-border-radius:.375rem}.add-customer-button:hover{background-color:var(--primaryHoverColor)}.customers-container h2{color:var(--textColor)}.error-message{color:#e74c3c;margin-bottom:10px;text-align:center}.loading-message{text-align:center;font-style:italic;color:#555}.customers-table{width:100%;border-collapse:collapse;margin-top:1.5rem;box-shadow:0 1px 3px #0000001a;border-radius:.5rem;overflow:hidden}.customers-table th,.customers-table td{padding:.75rem 1rem;text-align:left;border-bottom:1px solid #e5e7eb}.customers-table th{background-color:var(--backgroundColor);font-weight:600;color:var(--textColor);text-transform:uppercase;font-size:.875rem}.customers-table tr:nth-child(2n){background-color:var(--secondaryBackgroundColor);color:var(--textColor)}.customers-table tr:nth-child(n){background-color:var(--secondaryBackgroundColor);color:var(--textColor)}.customers-table tr:last-child td{border-bottom:none}.customers-table tr:hover{background-color:#f3f4f6}.button-edit{padding:.4rem .8rem;border:none;border-radius:.25rem;cursor:pointer;font-size:.9rem;transition:background-color .2s ease;background-color:#3b82f6;color:#fff}.button-edit:hover{background-color:#2563eb}.button-delete{padding:.4rem .8rem;border:none;border-radius:.25rem;cursor:pointer;font-size:.9rem;transition:background-color .2s ease;background-color:#e74c3c;color:#fff;margin-left:10px}.button-delete:hover{background-color:#c0392b}.button-save{padding:.6rem 1.2rem;border:none;border-radius:.375rem;cursor:pointer;font-size:.9rem;font-weight:600;transition:background-color .2s ease;background-color:#3b82f6;color:#fff}.button-save:hover{background-color:#2563eb}.button-cancle{padding:.6rem 1.2rem;border:none;border-radius:.375rem;cursor:pointer;font-size:.9rem;font-weight:600;transition:background-color .2s ease;background-color:#6b7280;color:#fff}.button-cancle:hover{background-color:#4b5563}.new-customer-form{display:flex;flex-direction:column;gap:10px;margin-bottom:20px}.customers-form-input{width:90%;padding:.5rem 1rem;border:1px solid #d1d5db;border-radius:.375rem;font-size:.9rem;-webkit-border-radius:.375rem;-moz-border-radius:.375rem;-ms-border-radius:.375rem;-o-border-radius:.375rem}.customer-modal label{display:block;font-size:.9rem;font-weight:500;color:#374151;margin-bottom:.25rem}.new-customer-form button{align-self:flex-start}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.customer-modal{background-color:#fff;padding:20px;border-radius:10px;width:90%;max-width:400px;box-shadow:0 6px 20px #0003;display:flex;flex-direction:column;gap:10px;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px}.modal-buttons{display:flex;justify-content:flex-end;gap:10px}.info-modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000bf;display:flex;align-items:center;justify-content:center;z-index:9999}.info-modal-container{max-width:90vw;max-height:90vh;background:var(--backgroundColor);color:var(--textColor);padding:20px;border-radius:12px;display:flex;flex-direction:column}.info-close-btn{background:var(--primaryColor);color:#fff;border:none;padding:10px;cursor:pointer;width:fit-content;align-self:flex-end;border-radius:6px;-webkit-border-radius:;-moz-border-radius:;-ms-border-radius:;-o-border-radius:}.nds-root{padding:20px;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial;color:#222}.nds-container{max-width:980px;margin:0 auto;background:var(--backgroundColor);padding:18px;border-radius:8px;box-shadow:0 8px 30px #0000000f}.nds-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.nds-back{background:none;border:none;color:var(--buttonTextColor);font-size:16px;cursor:pointer;padding:10px 14px;background:var(--primaryColor);border-radius:6px;-webkit-border-radius:6px;-moz-border-radius:6px;-ms-border-radius:6px;-o-border-radius:6px}.nds-header-right{display:flex;gap:8px;align-items:center}.nds-small{padding:6px 10px;border-radius:6px;cursor:pointer;border:1px solid #ddd;background:#fafafa}.nds-sep{margin:0 6px;color:#666}h1{margin-top:6px;margin-bottom:12px;font-size:22px}.nds-label{display:block;margin:8px 0 6px;font-weight:600}.nds-input{width:50%;padding:8px 10px;border-radius:6px;border:1px solid #ddd;background:var(--secondaryBackgroundColor)}.nds-textarea{width:98%;min-height:80px;padding:8px;border-radius:6px;border:1px solid #ddd;resize:none;background:var(--secondaryBackgroundColor);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.nds-lengths{display:flex;gap:12px}.nds-short{width:120px}.nds-versions,.nds-equipment{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px}.nds-chip{padding:8px 12px;border-radius:999px;border:1px solid #ddd;background:var(--secondaryBackgroundColor);cursor:pointer;color:var(--textColor)}.nds-chip.active{background:#007bff;color:#fff;border-color:#007bff}.nds-subtitle-row{display:flex;align-items:center}.nds-image-buttons{display:flex;gap:8px;margin-bottom:10px}.nds-icon-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 10px;border-radius:6px;border:1px solid var(--borderColor);cursor:pointer;background:var(--backgroundColor)}.info-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 10px;border:0px solid #ddd;cursor:pointer;background:transparent;color:var(--textColor)}.nds-image-list{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}.nds-thumb{width:110px;height:80px;position:relative;border-radius:6px;overflow:hidden;border:1px solid var(--borderColor)}.nds-thumb img{width:100%;height:100%;object-fit:cover;cursor:pointer;display:block}.nds-thumb-del{position:absolute;top:4px;right:4px;background:#0009;color:#fff;border:none;border-radius:4px;padding:2px 6px;cursor:pointer}.nds-save{padding:10px 14px;background:var(--primaryColor);color:#fff;border:none;border-radius:6px;cursor:pointer}@media (max-width: 600px){.nds-container{padding:12px;margin:8px}.nds-lengths{flex-direction:row;gap:8px}.nds-short{width:90px}}.sh-root{padding:20px;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial;color:#222}.sh-container{max-width:980px;margin:0 auto;background:var(--backgroundColor);padding:18px;border-radius:8px;box-shadow:0 8px 30px #0000000f}.sh-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.sh-back{padding:10px 14px;background:var(--primaryColor);color:#fff;border:none;border-radius:6px;cursor:pointer}.sh-header-right{display:flex;gap:8px;align-items:center}.sh-small{padding:6px 10px;border-radius:6px;cursor:pointer;border:1px solid var(--borderColor);background:var(--backgroundColor)}.sh-sep{margin:0 6px;color:#666}.h3{margin-top:20px;margin-bottom:10px}.sh-label{display:block;margin-bottom:6px;font-weight:600}.sh-selectionContainer{display:flex;flex-direction:row}.sh-innerContainer{padding:0 20px 0 0;width:40%}.sh-input{width:50%;padding:8px 10px;border-radius:6px;background:var(--secondaryBackgroundColor);border:1px solid var(--borderColor);-webkit-border-radius:6px;-moz-border-radius:6px;-ms-border-radius:6px;-o-border-radius:6px;margin-bottom:10px}.sh-short{width:120px}.sh-textarea{width:100%;min-height:90px;padding:8px;border-radius:6px;border:1px solid var(--borderColor);resize:none;background:var(--secondaryBackgroundColor);-webkit-border-radius:6px;-moz-border-radius:6px;-ms-border-radius:6px;-o-border-radius:6px}.sh-chip{padding:8px 12px;border-radius:999px;border:1px solid var(--borderColor);background:var(--secondaryBackgroundColor);cursor:pointer;margin-right:6px;color:var(--textColor)}.sh-chip.active{background:var(--buttonColor);color:#fff;border-color:var(--buttonColor)}.sh-article-row{display:flex;gap:8px;align-items:center;margin-bottom:10px;margin-top:10px}.sh-equipment{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:10px}.sh-note{margin-top:6px;color:#444}.sh-error{margin-top:6px;color:red}.sh-image-actions{display:flex;gap:8px;margin-top:8px}.sh-icon-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 10px;border-radius:6px;border:1px solid var(--borderColor);cursor:pointer;background:var(--backgroundColor)}.sh-info-btn{margin-top:10px;display:inline-flex;align-items:center;gap:6px;padding:8px 10px;border:0px solid #ddd;cursor:pointer;background:transparent}.sh-image-list{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}.sh-thumb{width:110px;height:80px;position:relative;border-radius:6px;overflow:hidden;border:1px solid #eee}.sh-thumb img{width:100%;height:100%;object-fit:cover;cursor:pointer;display:block}.sh-thumb-del{position:absolute;top:4px;right:4px;background:#0009;color:#fff;border:none;border-radius:4px;padding:2px 6px;cursor:pointer}.sh-save{margin-top:14px;padding:10px 14px;background:var(--primaryColor);color:#fff;border:none;border-radius:6px;cursor:pointer}@media (max-width: 600px){.sh-container{padding:12px;margin:8px}}.sh-select__control{background:var(--secondaryBackgroundColor)!important;border:1px solid var(--borderColor)!important;min-height:46px!important;color:var(--textColor)!important}.sh-select__control--is-focused{border-color:var(--borderColor)!important;box-shadow:0 0 0 1px #888!important}.sh-select__menu{background-color:var(--secondaryBackgroundColor)!important;border:1px solid var(--borderColor)!important;color:var(--textColor)!important}.sh-select__option{background-color:var(--secondaryBackgroundColor)!important;color:var(--textColor)!important}.sh-select__option--is-focused{background-color:#00000010!important;border-radius:6px!important;-webkit-border-radius:6px!important;-moz-border-radius:6px!important;-ms-border-radius:6px!important;-o-border-radius:6px!important}.sh-select__option--is-selected{background-color:#00000020!important;border-radius:6px!important;-webkit-border-radius:6px!important;-moz-border-radius:6px!important;-ms-border-radius:6px!important;-o-border-radius:6px!important}.sh-select__single-value,.sh-select__placeholder{color:var(--textColor)!important}.new-project-container{max-width:800px;margin:20px auto;padding:20px;background-color:var(--backgroundColor);border-radius:12px;box-shadow:0 4px 12px #0000001a;font-family:Arial,sans-serif}.new-project-container h2{margin-bottom:20px;color:var(--textColor)}.new-project-container h4{margin-top:20px;margin-bottom:10px;color:var(--textColor)}.new-project-container label{display:block;font-weight:600;margin-top:15px;margin-bottom:5px;color:var(--textColor)}.new-project-container input[type=text],.new-project-container input[type=file]{width:100%;padding:10px 12px;margin-bottom:10px;border:1px solid #ccc;border-radius:8px;font-size:14px;box-sizing:border-box;background-color:var(--secondaryBackgroundColor)}.new-project-container button{padding:10px 18px;border:none;border-radius:8px;cursor:pointer;font-size:14px;margin-top:10px;transition:background-color .2s ease}.new-project-container button:hover{opacity:.9}.version-buttons{margin-top:10px}.version-buttons button{margin-right:5px;margin-left:5px;background-color:#ccc;color:#000}.version-buttons button.active{background-color:#007bff;color:#fff}.file-name{font-size:13px;color:#666;margin-top:4px}.imported-doors-list{margin-top:10px;padding-left:0;list-style:none}.imported-doors-list li{padding:8px 12px;margin-bottom:6px;background-color:#fff;border-radius:8px;border:1px solid #ddd;display:flex;justify-content:space-between;align-items:center;font-size:14px}.start-project-button{background-color:var(--primaryColor);color:var(--buttonTextColor)}.start-project-button:hover{background-color:var(--primaryHoverColor)}@media (max-width: 600px){.new-project-container{padding:15px}.version-buttons button{margin-bottom:8px;width:100%}}.file-upload-wrapper input[type=file]{display:none}input[type=file]::file-selector-button{background-color:var(--primaryColor);color:#fff;padding:8px 14px;border:none;border-radius:6px;cursor:pointer}input[type=file]::file-selector-button:hover{background-color:var(--primaryHoverColor)}:root.dark{--primaryColor: #3498db;--primaryHoverColor: #2a77aa;--secondaryColor: #27ae60;--headerColor: #171717;--backgroundColor: #1c1c1e;--secondaryBackgroundColor: #2c2c2e;--buttonColor: #007aff;--buttonHoverColor: #0056b3;--borderColor: #3a3a3c;--textColor: #ffffff;--secondaryTextColor: #b0b0b0;--buttonTextColor: #ffffff;--whiteTextColor: #ffffff;--inputFieldColor: #2c2c2e;--shadowColor: rgba(0; 0; 0; 1);--iconColor: #ffffff;--iconColorWhite: #000;--secondaryRowColor:#f5f5f5;--customerSelectColor: #43494e;--customerHoverColor: #636363}:root{--primaryColor: #3498db;--primaryHoverColor: #2a77aa;--secondaryColor:#2ecc71;--headerColor: #f5f5f5;--backgroundColor: #f9f9f9;--secondaryBackgroundColor: #f1f1f1;--buttonColor: #3498db;--buttonHoverColor: #3384b9;--borderColor: #ddd;--textColor: #333;--secondaryTextColor: #555;--buttonTextColor: #fff;--whiteTextColor: #fff;--inputFieldColor: #ffffff;--shadowColor: #000;--iconColor: #000;--iconColorWhite: #ffffff;--secondaryRowColor:#f5f5f5;--customerSelectColor: #e0f0ff;--customerHoverColor: #f3f3f3}.building-plan-container{display:flex;height:93vh}.door-sidebar{width:250px;background:var(--backgroundColor);padding:10px;transition:width .3s ease;overflow:hidden;border-radius:8px;-webkit-border-radius:8px;-moz-border-radius:8px;-ms-border-radius:8px;-o-border-radius:8px}.door-sidebar.collapsed{width:0;padding:0}.door-sidebar h3{margin-top:0}.door-sidebar ul{list-style:none;padding:0;margin:0}.sidebar-toggle-btn{background:var(--secondaryBackgroundColor);height:50px;color:#000;border:none;padding:6px 12px;cursor:pointer}.sidebar-toggle-btn.collapsed{left:0}.door-sidebar li{cursor:grab;margin-bottom:5px;display:flex;align-items:center}.door-sidebar li .door-dot{display:inline-block;width:10px;height:10px;background:var(--primaryColor);border-radius:50%;margin-right:5px}.plan-container{flex:1;overflow:hidden;position:relative;background:#333;border-radius:8px;-webkit-border-radius:8px;-moz-border-radius:8px;-ms-border-radius:8px;-o-border-radius:8px;touch-action:none}.plan-inner{transform-origin:top left;width:100%;height:auto;position:relative;z-index:1000}.image-wrapper{position:relative;width:fit-content;height:fit-content}.plan-image{display:block;width:100%;height:auto;-webkit-user-select:none;user-select:none;pointer-events:none}.door-marker{position:absolute;display:flex;transform:translate(-50%,-50%);cursor:pointer;align-items:center}.door-marker .door-dot{width:12px;height:12px;background:var(--primaryColor);border-radius:50%;position:absolute;padding:5px;left:0;top:0;transform:translate(-50%,-50%)}.door-label{position:absolute;white-space:nowrap;background:#fff;padding:2px 6px;border-radius:5px;user-select:none;-moz-user-select:none;-webkit-user-select:none}.save-button{position:absolute;top:30px;right:20px;padding:10px 20px;background:var(--primaryColor);color:#fff;border:none;border-radius:6px;cursor:pointer;z-index:1100}.close-plan-button{position:absolute;top:30px;right:130px;padding:10px 20px;background:var(--primaryColor);color:#fff;border:none;border-radius:6px;cursor:pointer;z-index:1100}.copy-plan-button{position:absolute;top:30px;right:240px;padding:10px 20px;background:var(--primaryColor);color:#fff;border:none;border-radius:6px;cursor:pointer;z-index:1100}.save-button:hover,.close-plan-button:hover,.copy-plan-button:hover{background:var(--primaryHoverColor)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:1100;display:flex;align-items:center;justify-content:center}.door-modal{background:#fff;padding:20px 24px;border-radius:10px;min-width:320px;max-width:90%;box-shadow:0 10px 30px #00000040}.door-modal h2{margin-top:0;margin-bottom:16px}.modal-row{display:flex;justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:8px}.modal-actions{margin-top:16px;text-align:right}.modal-actions button{padding:6px 14px;border-radius:6px;border:none;cursor:pointer}.modal-tabs{margin-left:10px}.modal-tabs button{background:var(--backgroundColor);filter:brightness(.85);border-color:transparent;border-top-left-radius:8px;border-top-right-radius:8px;-webkit-filter:brightness(.85)}.modal-tabs .active{background:var(--secondaryBackgroundColor);filter:brightness(1);-webkit-filter:brightness(1)}.door-modal .modal-content{background-color:var(--secondaryBackgroundColor)}.modal-row input[type=number],.modal-row input[type=color],.modal-row select{padding:6px 10px;border-radius:6px;border:1px solid var(--borderColor);background-color:var(--secondaryBackgroundColor);filter:brightness(.95);color:var(--textColor);font-size:14px;outline:none;transition:all .2s ease;-webkit-filter:brightness(.95)}.modal-row input[type=number]:hover,.modal-row input[type=color]:hover,.modal-row select:hover{border-color:#777}.modal-row input[type=number]:focus,.modal-row input[type=color]:focus,.modal-row select:focus{border-color:#3498db;box-shadow:0 0 5px #3498db80}