*{margin:0;padding:0;font-family:Arial,Times New Roman,Times,serif;font-size:1rem;font-weight:600}body{height:100%;background-color:#fff;color:#333}button{padding:.6rem 1.5rem;text-align:center;background-color:#fff;color:#000;border:2px solid #333;border-radius:8px;font-weight:600;font-size:.8rem;cursor:pointer;transition:all .2s ease-in-out}button:hover{background-color:#333;color:#fff;transform:scale(1.05)}button:active{transform:scale(.95)}button.selected{background-color:#333;color:#fff;transform:scale(1.05)}.header{padding:0;margin:0;display:flex;align-items:center;justify-content:space-between;overflow:hidden;height:10vh;background-color:#fff;vertical-align:top}.headerLeft{flex:1;display:flex;align-items:center}.headerNavigation{flex:2;display:flex;justify-content:center;align-items:center;height:100%}.headerRight{flex:1;display:flex;justify-content:flex-end;align-items:center;padding-right:20px}.headerImg{margin:0;padding:0;height:60%;max-height:150px;width:auto;cursor:pointer;object-fit:contain}.headerButton{height:50%;padding:0;background-color:#fff;color:#000;border:none;border-radius:6px;cursor:pointer}.headerButton:hover{background-color:#fff;color:#000;transform:scale(1)}.headerItem{width:8vw;min-width:60px;max-width:70px;padding:0 2rem;font-size:80%;height:100%;display:flex;justify-content:center;align-items:center;cursor:pointer;transition:.2s ease-in-out}.headerItem:hover{padding-bottom:1vh;box-shadow:0 4px 6px -2px #000}.headerItem.active{box-shadow:0 4px 4px -2px #000}.mainLayout{height:90vh;overflow:hidden;background-color:#fff}input[type=number],input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0;-moz-appearance:textfield}.footer{height:10vh;background-color:#1f2937;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;padding:0 2rem;font-size:.9rem;gap:.5rem}.footer-section{flex:1 1 auto;color:#f4f4f6!important;display:flex;align-items:center;min-width:0}.footer-section.left{justify-content:flex-start;text-align:left}.footer-section.center{justify-content:center;text-align:center}.footer-section.right{justify-content:flex-end;text-align:right}.footerImg{max-height:50px;max-width:180px;width:auto;object-fit:contain;display:block;margin-right:6rem}.footerButton{padding:0;margin:0;background-color:transparent;border:none;color:#fff;font-size:1rem;cursor:pointer}.footerButton:hover{text-decoration:underline}.workignImg{width:100%;height:auto;display:block;position:relative}.workingText{display:flex;flex-direction:column;align-items:center;position:absolute;left:50%;top:45%;transform:translate(-50%,-50%);color:#fff}@media (max-width: 1024px){.headerImg{max-height:70px}.headerNavigation{margin-left:10px;width:auto}.headerItem{margin:0;padding:0;min-width:10px;max-width:70px;padding:0 2rem;font-size:100%}.footer{display:flex;flex-direction:column;justify-content:center;align-items:center;height:10vh;gap:.3rem;padding:0 .5rem}.footer-section{justify-content:center!important;text-align:center;width:100%;flex:none}.footerImg{max-height:30px;max-width:90px;margin:0 auto}.footerButton{font-size:.8rem}}.constructor{position:absolute;top:10%;left:6%;z-index:1;width:93.9%;height:89.6vh;display:flex;flex-direction:column;border:1px solid #e0e0e0;overflow:hidden}.constructorContent{flex:1;display:flex;justify-content:center;align-items:flex-end;background:#fff;position:relative}.constructorContainer{display:flex;justify-content:center;align-items:flex-end;width:100%;padding-bottom:8vh}.doorConture{position:relative;z-index:2;box-sizing:border-box}.constructorDoor{display:flex;margin:auto;box-sizing:border-box;position:relative;z-index:1}.doorSection{flex:1;height:100%;cursor:pointer;box-sizing:border-box;position:relative;overflow:hidden}.doorSection:before{content:"";position:absolute;left:50%;bottom:50%;transform:translate(-50%) translateY(50%);width:1.2vw;height:.2vh;background-color:#333;border-radius:1px;opacity:0;transition:ease-in-out .1s}.doorSection:after{content:"";position:absolute;left:50%;bottom:50%;transform:translate(-50%) translateY(50%);width:.2vh;height:1.2vw;background-color:#333;border-radius:1px;opacity:0;transition:ease-in-out .1s}.doorSection:hover:before,.doorSection:hover:after{opacity:1}.constructorFooter{width:100%;height:10vh;display:flex;flex-direction:column;align-items:center;background-color:#f9fafb;border-top:1px solid #e5e7eb;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:#f4a621 #fff}.constructorFooter::-webkit-scrollbar{width:8px}.constructorFooter::-webkit-scrollbar-thumb{background-color:#cbd5e1;border-radius:6px}.constructorFooter::-webkit-scrollbar-track{background-color:#f1f5f9}.constructorInfo{width:100%;display:flex;flex-wrap:wrap;gap:.5rem;background:#fff;flex-shrink:0;padding:0 1rem}.constructorInfoText{flex:1 1 40%;min-width:160px;font-size:.9rem;font-weight:500;color:#1f2937;background-color:#f9fafb;padding:1rem .6rem;border-radius:6px}.constructorInfoButtons{display:flex;justify-content:center;align-items:center;width:100%;margin-top:1.5rem;position:relative}.constructorInfoChangeButtons{display:flex;gap:.5rem;justify-content:center}.constructorButton{font-size:.8rem;font-weight:600;background-color:#fff;color:#000;padding:.4rem 1.5rem;border:2px solid #222;border-radius:6px;cursor:pointer;transition:all .2s ease-in-out;box-shadow:0 1px 2px #0000000d}.constructorButton:hover{background-color:#333;color:#fff;transform:scale(1.05)}.constructorButton:active{transform:scale(.95)}.constructorButton.add:hover{background-color:#f4a621}.changeButton{width:100px}.constructorFloor{position:absolute;bottom:-1vh;left:0;width:100%;height:15vh;background-color:#848789;z-index:0}.sectionTypeInput{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;position:absolute;top:5%;left:5%;z-index:10;padding:1vh 1.5vh;background:#fffb;border-radius:6px;box-shadow:0 2px 8px #00000005;gap:.75em;accent-color:#4d5396}.sectionTypeInput label{color:#222;display:flex;align-items:center;gap:.5em;font-size:.75em;white-space:nowrap;text-align:left;width:100%;padding:0;margin:0}.sectionTypeInput input[type=radio]{margin:0;padding:0}.axisX{height:.1vh;background-color:#000;display:flex;justify-content:center;align-items:center;z-index:2;width:98%;position:absolute;bottom:-2rem;left:1%}.axisX:before,.axisX:after{content:"";width:0;height:0;border:.6vh solid transparent;position:absolute;top:50%;transform:translateY(-50%)}.axisX:before{border-right:8px solid black;left:-1vh}.axisX:after{border-left:8px solid black;right:-1vh}.axisY{width:.1vh;background-color:#000;display:flex;justify-content:center;align-items:center;z-index:2;height:98%;position:absolute;right:-1.5rem;bottom:0}.axisY.total .axisLabel{transform:translateY(-50%)}.axisY:before,.axisY:after{content:"";width:0;height:0;border:.6vh solid transparent;position:absolute;left:50%;transform:translate(-50%)}.axisY:before{border-bottom:8px solid black;top:-1%}.axisY:after{border-top:8px solid black;bottom:-1%}.axisLabel{padding:0;color:#4d5396;font-weight:500}.axisX .axisLabel{background-color:#848789}.axisX.total .axisLabel{background-color:#dddbdb}.axisY .axisLabel{background-color:#dad9d9}.axisY.total p{position:relative;bottom:4rem;left:0;transform:translate(50%);background-color:#f4f4f6;color:#4d5396;max-width:0px;opacity:0;transition:opacity .3s ease}.axisX.total p{position:relative;bottom:1rem;left:-3rem;z-index:50;transform:translate(50%);background-color:#f4f4f6;color:#4d5396;max-width:0px;opacity:0;transition:opacity .3s ease}.axisY.total:hover p,.axisX.total:hover p{opacity:1}.sectionAxisX{position:absolute;bottom:-1rem;left:0;width:100%;height:.1vh;background-color:#000;z-index:1}.sectionAxisX:before,.sectionAxisX:after{content:"";width:0;height:0;border:.6vh solid transparent;position:absolute;top:50%;transform:translateY(-50%)}.sectionAxisX:before{border-right:8px solid black;left:-1vh}.sectionAxisX:after{border-left:8px solid black;right:-1vh}.sectionAxisY{position:absolute;top:0;left:-3rem;width:.1vh;height:100%;background-color:#000;z-index:10}.sectionAxisLabel{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);padding:0 .4vh;font-weight:500;color:#4d5396;font-size:.8rem;white-space:nowrap;z-index:11}.sectionAxisY .sectionAxisLabel{background-color:#e3e2e2e7}.sectionAxisX .sectionAxisLabel{background-color:#848789}.sectionAxisY:before,.sectionAxisY:after{content:"";width:0;height:0;border:.6vh solid transparent;position:absolute;left:50%;transform:translate(-50%)}.sectionAxisY:before{border-bottom:8px solid black;top:-1vh}.sectionAxisY:after{border-top:8px solid black;bottom:-1vh}.navigationPanel{position:absolute;left:6%;z-index:3;border:1px solid #ccc;background:#fff;width:20%;height:89.6vh;text-align:center;overflow-y:auto}.navigationPanel::-webkit-scrollbar{width:8px}.navigationPanel::-webkit-scrollbar-track{background:#f0f0f0;border-radius:10px}.navigationPanel::-webkit-scrollbar-thumb{background-color:#f4a621;border-radius:10px;border:2px solid #f0f0f0}.navigationPanel::-webkit-scrollbar-thumb:hover{background-color:#d88e10}.navigationPanel{scrollbar-width:thin;scrollbar-color:#f4a621 #f0f0f0}.navigationPanelList{list-style:none;padding:0;margin:0}.cardContainer{display:flex;flex-direction:column;align-items:center;width:10vw;margin:7vh auto;background:linear-gradient(to left,#222,#444);border:2px solid #000;border-radius:4px;cursor:pointer;position:relative}.cardContainer:hover .card{transform:translateY(-4vh)}.cardContainer:active .card{transform:scale(.95)}.cardContainer:active .cardComponents{opacity:0}.card{width:100%;height:19vh;border:2px solid #777;border-radius:4px;overflow:hidden;transition:transform .3s ease-in-out;transform:translateY(-3vh)}.cardImage{width:100%;height:100%;object-fit:cover;display:block}.cardComponents{display:flex;justify-content:space-evenly;align-items:center;width:100%;position:absolute;bottom:0;left:0;opacity:1;transition:opacity .3s ease-in-out}.cardTitle{width:auto;overflow:hidden;color:#fff;text-align:center;font-size:.9rem}.text-disabled{color:#aaa}.navigationPanelSelector{margin:.5rem 0 0}.navigationPanelSelector button{margin:0 .5rem;padding:0;width:4rem;height:2rem}.mountTypeToggle{display:flex;flex-direction:column;justify-content:center;margin:1rem auto}.navigationPanelText{margin:1.5rem 0}.toggleButton{margin:0;padding:.6rem 1.5rem;text-align:center;background-color:#fff;color:#000;border:2px solid #f4a621;border-radius:8px;font-weight:600;font-size:.8rem;cursor:pointer;transition:all .2s ease-in-out}.toggleButton:hover{background-color:#f4a621;color:#fff;transform:scale(1.05)}.toggleButton:active{transform:scale(.95)}.dimensionsForm{margin:20% auto;display:flex;flex-direction:column;align-items:center}.inputGroup h2{margin:.5rem 0;color:#333;font-size:1rem}.inputWithButtons{display:flex;align-items:center;gap:.5rem}.inputWithButtons input{width:6rem;padding:.5rem;font-size:1rem;text-align:center;border:2px solid #333;border-radius:8px;background-color:#fff;color:#333;transition:border-color .2s ease,box-shadow .2s ease}.inputWithButtons input:focus{outline:none;border-color:#333;box-shadow:0 0 5px #f4a62180}.inputWithButtons button{padding:.4rem .8rem;font-size:1.2rem;font-weight:700;color:#fff;background-color:#333;border:none;border-radius:8px;cursor:pointer;transition:all .2s ease-in-out}.sectionDimensions{margin:4vh auto;padding:1rem 3vw;border:#333 1px solid;border-radius:2vh}.navigationPanelNoItem{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;width:100%}.handlePanelText{font-size:1.2rem;padding:2rem;font-weight:600;max-width:80%;text-align:center;background:linear-gradient(to bottom,#000,#999);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent}.navigationBar{margin:0;padding:0;max-width:7vw;background-color:#fff;border-right:1px solid #e0e0e0}.navigationItem{display:flex;flex-direction:column;justify-content:center;height:15vh;width:100%;cursor:pointer}.navigationItem:hover,.navigationItem.active{background-color:#333;color:#fff;transition:ease-in-out .2s}.cartLayout{background:linear-gradient(135deg,#f4f4f6,#f3f3fb);height:80vh;display:flex;margin:0}.table{width:100%;border-collapse:separate;border-spacing:0;background-color:#fff;box-shadow:0 2px 8px #00000014;border-radius:8px;transition:all .3s ease;table-layout:fixed;max-height:80vh;overflow:auto}table td,table th{border:1px solid transparent}.tableHeaderRow{display:table;width:100%;table-layout:fixed}.tableHeaderRow th{width:20%;background-color:#f0f0f0;color:#495057;font-weight:600;font-size:.75rem;text-transform:uppercase;text-align:center;padding:1vh .5vw;height:7vh}.tableBody{display:block;max-height:60vh;overflow-y:auto}.tableBody::-webkit-scrollbar{width:3px}.tableBody::-webkit-scrollbar-thumb{background:#f4a621;border-radius:8px}.tableDataRow{display:table;width:100%;height:10vh!important;table-layout:fixed}.tableDataRow td{text-align:center;font-size:.8rem;color:#212529;border-bottom:1px solid #f1f1f1;transition:background-color .2s;height:3vh}.tableDataRow li{font-size:.8rem}.tableItemButton{padding:0;border:none;background-color:transparent}.tableItemButton:hover{background-color:transparent;color:#f4a621;transform:scale(1.1)}.tableItemButton:active{transform:scale(.9)}.tableButton{padding:0;border:none;border-radius:0;background-color:transparent}.tableButton:hover{background-color:transparent;transform:scale(1.1);color:#000}.tableButton:active{transform:scale(.9)}.tableDataRow:nth-child(2n) td{background-color:#f8f9fa}.tableDataRow:hover td{background-color:#e9ecef!important}.tableFooterRow{width:97.9%;height:6vh;background-color:#f0f0f0;padding:2vh .5vw;display:flex;align-items:flex-end;justify-content:space-between}.tableFooterRow td{padding:1vh 2vh 0}.orderTable{margin:auto 2%;width:100%;border:1px solid #ccc;border-radius:12px;border-collapse:separate;border-spacing:0;overflow:hidden;background-color:#fff;box-shadow:0 4px 12px #0000001a;table-layout:fixed}.orderTableRow th,.orderTableRow td{font-size:.8rem;border-bottom:1px solid #e0e0e0;padding:.5rem 0;text-align:center;color:#333}.orderTableRow:last-child th,.orderTableRow:last-child td{border-bottom:none}.orderTableHead{word-wrap:break-word;white-space:normal;overflow-wrap:break-word;min-width:300px;font-weight:600;background-color:#f5f5f5;color:#555}.tableWrapper{width:50%;overflow-x:auto;margin:2% 0}.orderInput{padding:.5rem;text-align:center;width:5%;border-radius:6px;border:1px solid #ccc;outline:none;font-size:.8rem;transition:border-color .2s ease-in-out}.orderInput:focus{border-color:#f4a621}.saveButton{width:150px}.profileLayout{width:100%;height:80vh;display:flex;background:linear-gradient(135deg,#f4f4f6,#f3f3fb);justify-content:space-around}.authorizationContainer{width:100vw;height:80vh;display:flex;justify-content:center;align-items:center;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.authorizationBox{width:100%;max-width:400px;padding:2rem;background-color:#fff;border-radius:16px;box-shadow:0 8px 24px #0000001a;text-align:center;display:flex;flex-direction:column;gap:1rem}.authorizationTitle{font-size:1.75rem;font-weight:700;color:#1f2937}.authorizationText{font-size:1rem;color:#4b5563;margin:0}.authorizationButton{margin-top:1rem;padding:.75rem 1rem}.adminTablesContainer{display:flex;justify-content:space-around}.ordersTable{width:80%}.ordersTable td{white-space:normal!important;word-wrap:break-word;overflow-wrap:break-word}.userTable{width:80%}.customerTable{width:100%}.adminButtonsPanel{margin-top:2vh;width:20%;display:flex;flex-direction:column}.adminButton{padding:0;margin:.5vh 1vw;height:5vh;width:10vw}.priceMenuButtons .adminButton{height:4vh;margin:0 1vw}.priceTable{width:80%}.priceTable th,.priceTable td{text-align:center;vertical-align:middle}.priceInput{width:60px;text-align:right;border:none;background-color:transparent;outline:none}.updateRoleButton{padding:0 5px;border-radius:0}