.sidebar{position:sticky;width:18rem;max-height:100vh;overflow-y:scroll;padding-top:1.5rem;font-weight:500;background-color:#f8fafc}.sidebar .header{text-align:center}.sidebar .header img{width:6rem;padding:1rem 0}.sidebar .sidebarBody{padding:1rem 2rem 2rem}.sidebar .sidebarBody h5{font-size:.65rem;font-weight:700;color:#1f1fd1;padding-top:1rem;padding-bottom:.2rem}.sidebar .sidebarBody .sidebarBodyInside{display:flex;flex-direction:column;gap:10px}.sidebar .sidebarBody .sidebarBodyInside .link{display:flex;align-items:center;gap:.5rem;padding-top:.5rem;transition:all .2s ease-in-out}.sidebar .sidebarBody .sidebarBodyInside .link:hover{color:var(--hover-color);cursor:pointer}.sidebar .sidebarBody .sidebarBodyInside .link .icon{font-size:1.2rem}.sidebar .sidebarBody .sidebarBodyInside .link .projectIcon{font-size:1.1rem}.sidebar .sidebarBody .sidebarBodyInside .link span{font-weight:600;font-size:1rem}.navbar{box-shadow:#64646f33 2px 1px 2px 1px;position:sticky;display:flex;z-index:999;top:0;left:0;justify-content:end;padding:1rem;background-color:#f8fafc}.navbar .navbarBox{display:flex;justify-content:center;align-items:center;gap:.6rem;font-weight:600}.navbar .navbarBox .otherIcons{display:flex;align-items:center;gap:.6rem;font-size:1.2rem}.navbar .navbarBox .otherIcons .expandIcon{font-size:1rem;cursor:pointer}.navbar .navbarBox .otherIcons .navIcon{transition:all .3s ease-in-out;position:relative}.navbar .navbarBox .logOutAdmin{position:relative}.navbar .navbarBox .logOutAdmin .logOutBtn{position:absolute;background-color:#fff;top:1.8rem;left:1rem;border:1px solid rgba(120,120,120,.514);border-radius:5px;padding:4px 8px;transition:background-color .3s ease-in-out,box-shadow .3s ease-in-out;font-weight:500;font-size:.9rem}.navbar .navbarBox .logOutAdmin .logOutBtn:hover{cursor:pointer;box-shadow:#0000003d 0 3px 8px}.navbar .navbarBox .navMainWeb{position:relative}.navbar .navbarBox .navMainWeb .navHomeBtn{background-color:#fff;position:absolute;width:6.3rem;top:1.8rem;right:0rem;border:1px solid rgba(120,120,120,.514);border-radius:5px;padding:4px 8px;transition:background-color .3s ease-in-out,box-shadow .3s ease-in-out;font-weight:500;font-size:.9rem}.navbar .navbarBox .navMainWeb .navHomeBtn small{color:gray;font-size:.7rem}.navbar .navbarBox .navMainWeb .navHomeBtn .intoNavIcon{display:flex;align-items:center;gap:.4rem}.navbar .navbarBox .navMainWeb .navHomeBtn .intoNavIcon a,.navbar .navbarBox .navMainWeb .navHomeBtn .intoNavIcon .icon{color:#8a2be2;opacity:.8;font-size:.7rem}.navbar .navbarBox .navMainWeb .navHomeBtn .intoNavIcon:hover{opacity:1;cursor:pointer}::-webkit-scrollbar{width:8px;height:12px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:var(--main-color)}::-webkit-scrollbar-thumb:hover{background:#555}.mainContent{width:100%;height:100vh;overflow-y:scroll}.adminLayout{display:flex}.adminHome{padding:1.5rem;display:grid;gap:1.2rem;grid-template-columns:repeat(3,1fr);grid-auto-rows:minmax(12rem,auto);grid-auto-flow:dense}.adminHome .box{padding:1rem;border-radius:.7rem;border:1px solid gray;width:100%}.mainLogin{width:100%}.mainLogin .login{width:100%;height:100%;display:flex;justify-content:center;align-items:center;height:100vh}.mainLogin .login .intoLogin{width:26rem;border:1px solid gray;border-radius:1rem;padding:1.5rem;display:flex;flex-direction:column;box-shadow:#63636333 0 2px 8px}.mainLogin .login .intoLogin form{display:flex;flex-direction:column;gap:2rem}.mainLogin .login .intoLogin form .inputBox{position:relative}.mainLogin .login .intoLogin form .inputBox input{padding:.7rem;outline:none;border-radius:.7rem;font-weight:500;border:1px solid #9a9696;width:100%;font-size:1rem}.mainLogin .login .intoLogin form .inputBox small{color:red;position:absolute;bottom:-1.3rem;left:.3rem;font-size:.7rem}.mainLogin .login .intoLogin form .inputBox .inputError{border:1px solid red!important}.mainLogin .login .intoLogin form .inputBox .inputEyes{position:absolute;top:.45rem;right:1rem;color:#9a9696;font-size:1.3rem;cursor:pointer}.mainLogin .login .intoLogin form button{border-radius:1rem;border:1px solid #046582;background:#046582;color:#fff;font-family:Inter,sans-serif;font-size:1rem;font-weight:600;padding:.7rem 0;margin-top:1rem;margin-bottom:.5rem}.mainLogin .login .intoLogin h3{font-family:Inter,sans-serif;font-size:1.3rem;font-weight:500;color:#231781;text-align:center;padding-bottom:1rem}.floorList{padding:1.5rem}.floorList .floorListHeader{display:flex;justify-content:center;align-items:center}.floorList .floorListHeader form{display:flex;align-items:center;gap:1.2rem}.floorList .floorListHeader form select{outline:none;padding:7px 16px}.floorList .insideFloorList{padding:1.5rem;box-shadow:#959da533 0 8px 24px;min-width:1600px}.floorList .insideFloorList table{border-collapse:collapse;width:100%;font-weight:500}.floorList .insideFloorList table thead{background-color:#f8fafc;color:#94a3b8}.floorList .insideFloorList table thead th{font-weight:500;font-size:14px}.floorList .insideFloorList table thead .idTh,.floorList .insideFloorList table thead .imgTh{text-align:center}.floorList .insideFloorList table td,.floorList .insideFloorList table th{border:1px solid rgba(235,235,235,.6745098039);text-align:left;padding:.5rem}.floorList .insideFloorList table tbody .idTd{width:2rem;text-align:center}.floorList .insideFloorList table tbody .actionBtnsTd{width:8rem}.floorList .insideFloorList table tbody .actionBtnsTd .actionBtns{display:flex;justify-content:center;align-items:center}.floorList .insideFloorList table tbody .actionBtnsTd .actionBtns button{padding:.3rem}.floorList .insideFloorList table tbody td{font-size:14px}.navButton{padding:.4rem .6rem;border-radius:.6rem;background-color:#10b981;color:#fff;display:flex;gap:.3rem;font-weight:500;box-shadow:#32325d40 0 50px 100px -20px,#0000004d 0 30px 60px -30px,#0a254059 0 -2px 6px inset}.navButton:hover{background-color:transparent;color:#10b981}.statics{padding:1.5rem}.statics .floorListHeader{display:flex;justify-content:center;align-items:center}.statics .floorListHeader form{display:flex;align-items:center;gap:1.2rem}.statics .floorListHeader form select{outline:none;padding:7px 16px}.statics .insideFloorList{padding:1.5rem;box-shadow:#959da533 0 8px 24px;min-width:1000px}.statics .insideFloorList table{border-collapse:collapse;width:100%;font-weight:500}.statics .insideFloorList table thead{background-color:#f8fafc;color:#94a3b8}.statics .insideFloorList table thead th{font-weight:500;font-size:14px}.statics .insideFloorList table thead .idTh,.statics .insideFloorList table thead .imgTh{text-align:center}.statics .insideFloorList table td,.statics .insideFloorList table th{border:1px solid rgba(235,235,235,.6745098039);text-align:left;padding:.5rem}.statics .insideFloorList table tbody .idTd{width:2rem;text-align:center}.statics .insideFloorList table tbody .actionBtnsTd{width:8rem}.statics .insideFloorList table tbody .actionBtnsTd .actionBtns{display:flex;justify-content:center;align-items:center}.statics .insideFloorList table tbody .actionBtnsTd .actionBtns button{padding:.3rem}.statics .insideFloorList table tbody td{font-size:14px}.sliderCreate{padding:1.5rem}.sliderCreate .insideNews{padding:1.5rem;box-shadow:#959da533 0 8px 24px}.sliderCreate .insideNews .sliderHeader{display:flex;justify-content:space-between;align-items:center;padding-bottom:.7rem}.sliderCreate .insideNews .sliderHeader h4{font-size:1.2rem;font-weight:600}.sliderCreate .insideNews .imageFile .logoBox label{cursor:pointer}.sliderCreate .insideNews .imageFile .logoBox label .logo{font-size:1.5rem;display:flex;align-items:center;gap:10px;padding-bottom:10px}.sliderCreate .insideNews .imageFile .logoBox label .logo .text{font-size:20px}.sliderCreate .insideNews .imageFile .logoBox img{width:8rem;height:8rem;border-radius:5px}.sliderCreate .insideNews .imageFile .logoBox input{display:none}.sliderCreate .insideNews .imageFile .imageWrapper{position:relative;display:inline-block;margin:10px}.sliderCreate .insideNews .imageFile .imageWrapper .previewImage{width:100px;height:100px;object-fit:cover;border-radius:4px}.sliderCreate .insideNews .imageFile .imageWrapper .closeIcon{position:absolute;top:-5px;right:-5px;background:white;cursor:pointer;color:red;font-size:1.2em;border-radius:4px;padding:0 6px}.sliderCreate .insideNews form{display:flex;flex-direction:column;gap:1rem}.sliderCreate .insideNews form .tabBox{display:flex;flex-direction:column;gap:.6rem}.sliderCreate .insideNews form .tabBox input,.sliderCreate .insideNews form .tabBox textarea{padding:.8rem;border-radius:10px}.sliderCreate .insideNews form .tabBoxContent{padding-top:1rem}.sliderCreate .insideNews form .addBtn{padding:6px 12px;background-color:transparent;outline:none;border-radius:10px;padding:.5rem 1rem;border:1px solid #8dbd3f;margin-top:2rem}body{overflow-x:hidden}