@import"https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap";:root{--color-white:hsl(0, 0%, 100%);--color-white-100: hsl(0, 0%, 95%);--color-white-200: hsl(0, 0%, 75%);--color-white-300: hsl(0, 0%, 50%);--color-white-400: hsl(0, 0%, 40%);--color-light-gray:hsl(0, 0%, 70%);--color-gray: hsl(0, 0%, 30%);--color-orange:#FC9B00;--color-blue: hsl(231,72%,45%);--color-black: hsl(0, 0%, 0%);--color-black-100: hsl(0, 0%, 15%);--color-black-200: hsl(0, 0%, 25%);--color-error:hsl(0, 100%, 50%);font-family:Montserrat,system-ui,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,*:before,*:after{box-sizing:border-box}a{font-weight:500;color:#333;text-decoration:inherit;transition:all .25s}a:hover{color:#ff8000}body{box-sizing:border-box;font-weight:400;margin:0;line-height:1.5;display:flex;min-width:320px;min-height:100vh;width:100vw}h1{font-size:3.2em}.login-page{min-height:100vh;width:100vw;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:var(--color-black-100)}.login-container{width:400px;height:400px;display:flex;flex-direction:column;justify-content:flex-start;box-sizing:border-box;align-items:center;margin:auto;padding:30px;transition:all .3s;background-color:var(--color-black-100);border-radius:15px;box-shadow:0 0 55px #0003;text-align:center}.login-container h2{position:relative;font-size:1rem;margin-top:20px;margin-bottom:40px;color:var(--color-gray);font-weight:500;transition:all .3s}.login-container button.btn-active{color:#2039c5cc;border:2px solid hsla(231,72%,45%,.8)}h2.h2-active{color:#2039c5cc;border-color:#2039c5cc}img{height:25px;margin-top:10px;filter:grayscale();transition:all .5s}img.img-active{filter:none}.error-message{color:red;font-weight:400;height:40px;font-size:1rem}.login-container form{width:90%;display:flex;flex-direction:column}.login-container div{margin-bottom:25px}.login-container input{width:100%;box-sizing:border-box;font-size:1.1rem;border:none;line-height:1.5;border-radius:7px;background-color:var(--color-black-100);box-shadow:inset 2px 2px 4px #0006;transition:all .5s;padding:8px 8px 8px 45px;color:var(--color-blue);letter-spacing:2px}.login-container input::placeholder{font-size:1rem;color:var(--color-black-200)}.login-container input:focus,.login-container input:active{border-color:var(--color-black-100);outline:none;color:var(--color-blue)}.login-container button{background-color:var(--color-black-100);border:2px solid hsla(0,0%,25%);font-weight:600;color:var(--color-gray);box-sizing:border-box;transition:all.3s ease,color .5s}.login-container button:hover{background-color:var(--color-black-100);box-shadow:0 0 15px var(--color-blue);color:var(--color-blue);border:2px solid var(--color-black-100)}.input-with-icon{position:relative;width:100%}.input-with-icon .icon{position:absolute;left:15px;top:35%;color:var(--color-black-200);scale:1.7;transition:all .5s}.login-show-pass{position:absolute;color:var(--color-black-200);right:4%;top:30%;scale:1.7}.input-with-icon input:focus~.icon,.input-with-icon input:active~.icon{color:var(--color-blue)}@media (max-width: 600px){.login-container{width:100vw}}.side-menu{box-sizing:border-box;display:flex;position:sticky;top:0%;flex-direction:column;min-height:100vh;background-color:#f2f2f2}.side-menu-title{width:100%;padding-left:1rem}.side-menu-current-user,.side-menu-user{display:flex;flex-direction:column;background-color:#d9d9d9}.side-menu-user{padding:1rem 0 1rem 1rem}.side-menu-btn{display:flex;align-items:center;gap:5px;cursor:pointer;margin-top:1rem;font-weight:700}.side-menu-content{padding-top:1rem;padding-left:1rem}.side-menu ul{list-style:none;padding:0}.side-menu .side-menu-content ul li{display:flex;align-items:center;padding-top:1rem;width:100%;font-size:1rem;gap:.5rem;font-weight:500;cursor:pointer}@media screen and (max-width: 768px){.side-menu{width:100%;display:block;min-height:100%}.side-menu-title{padding:0;text-align:center;margin:auto}.side-menu-title h3{margin:0}.side-menu-user{width:100%;flex-direction:row;align-items:center;justify-content:center;gap:1rem}.side-menu-btn{margin:0}.side-menu-content{text-align:center}.side-menu .side-menu-content ul li{justify-content:center}}.admin-dashboard-page{position:relative;display:flex;min-height:100vh;width:100%;box-sizing:border-box}.side-menu-container{flex:0 1 15%;box-sizing:border-box}.admin-dashboard-page .content{min-height:100vh;margin:auto;box-sizing:border-box;align-items:center;position:relative;display:flex;flex-direction:column;text-align:center;width:80vw;overflow-x:hidden}.admin-dashboard-page .head-btns{display:flex;justify-content:center;gap:2rem}.admin-dashboard-page .btn-head{display:flex;align-items:center;gap:7px;border:none;padding:7px 20px;border-radius:50px;background-color:#f90;font-weight:500;cursor:pointer}.admin-dashboard-page .content ul{list-style:none;padding:0;display:flex;flex-direction:column;align-items:center;box-sizing:border-box;width:100%}.admin-dashboard-page .content ul li{width:100%;padding-right:1rem;display:flex;flex-wrap:wrap;font-size:1rem;gap:1rem;margin-bottom:1rem;align-items:center;box-sizing:border-box}.admin-dashboard-page .item-felds{position:relative;padding:3px;border:1px solid hsl(0,0%,88%);min-width:100px;height:25px;box-sizing:border-box}.admin-dashboard-page .item-felds .item-felds-label{position:absolute;font-size:.65rem;background-color:#fff;border:none;border-radius:2px;padding:0 2px;top:-10px;left:2px}.admin-dashboard-page .item-felds:nth-child(7){min-width:300px}.admin-dashboard-page .item-felds:nth-child(1){min-width:25px;border:none}.admin-dashboard-page .items-felds:nth-child(odd){background-color:#f5f5f5;padding-top:1rem;padding-bottom:1rem}.admin-dashboard-page .items-felds:nth-child(odd) .item-felds-label{background-color:#f5f5f5}.admin-dashboard-page .content .edit-item{display:flex;flex-direction:column;align-items:center;padding-bottom:3rem;box-sizing:border-box;width:70vw;border-top:2px solid hsl(0,0%,95%);overflow:hidden}.admin-dashboard-page .content .edit-item form{margin-bottom:1rem;box-sizing:border-box;width:100%}.admin-dashboard-page .edit-item label{display:flex;box-sizing:border-box;justify-content:end;align-items:center;width:100%;margin-top:.5rem;background-color:#e0e0e0;font-size:clamp(.8rem,2vw,.9rem);overflow-x:hidden}.admin-dashboard-page .edit-item input,.admin-dashboard-page .edit-item textarea{box-sizing:border-box;width:80%;border:1px solid hsl(0,0%,88%);padding:5px;margin-left:.5rem;font-size:1rem;font-family:system-ui,Open Sans,Helvetica Neue,sans-serif;overflow-x:hidden}.admin-dashboard-page .items-btn{display:flex;justify-content:center;gap:2rem}.admin-dashboard-page .btn-list{display:flex;cursor:pointer;margin:auto;padding:0;scale:1.5}@media screen and (max-width: 768px){.admin-dashboard-page{width:100vw;display:block}.admin-dashboard-page .content{width:100%;padding:0 3rem}.admin-dashboard-page .head-btns{flex-direction:column;justify-content:center;align-items:center}.admin-dashboard-page .btn-head{width:fit-content}.admin-dashboard-page .content .edit-item{width:100%}.admin-dashboard-page .content .edit-item label{width:80vw}.admin-dashboard-page .content .edit-item input,.admin-dashboard-page .content .edit-item textarea{width:60vw}}.home-page{min-height:100vh;width:100vw;display:flex;flex-direction:column;box-sizing:border-box;background-color:#fff}.register-page{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;box-sizing:border-box}.register-page-container{width:50vw;background-color:var(--color-white);display:flex;flex-direction:column;align-items:center;border:none;border-radius:15px;box-shadow:0 0 25px #0003;padding:2rem;box-sizing:border-box}.registration-form{width:95%;display:flex;flex-direction:column;align-items:center}.parent-info,.child-fields{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:20px}.children-info{display:flex;flex-direction:column;gap:20px;width:100%;margin-bottom:10px}.register-page .input-with-icon{position:relative;width:100%}.remove-child-button{position:absolute;right:20px;top:-0px;border:none;height:0;width:0;cursor:pointer}.remove-child-button .remove-icon{color:var(--color-white-200);padding-left:2px;padding-bottom:2px;transition:all .5s;scale:1.4;background-color:var(--color-white)}.remove-child-button .remove-icon:hover{color:var(--color-error)}.add-child-container{width:100%;display:flex}.add-children{font-size:.875rem;cursor:pointer;color:var(--color-white-400);font-weight:500}.add-children:hover{color:var(--color-orange)}.register-page h2,.register-page h4{color:var(--color-white-400);margin:0;font-weight:500}.register-page h4{margin:.8rem 0;font-weight:400}.register-page form input,.register-page form select{width:100%;box-sizing:border-box;font-size:1rem;border:2px solid var(--color-white-200);line-height:1.5;border-radius:7px;transition:all .3s;padding:8px 8px 8px 45px;color:var(--color-white-400);letter-spacing:1px;height:2.5rem;outline:none}.register-page input::placeholder{color:var(--color-white-200);font-size:15px}.register-page input:focus,.register-page input:active{outline:none;border:2px solid var(--color-white-400)}.register-page .consents{margin-top:2rem;width:100%}.register-page .consents input{width:auto;height:auto;box-shadow:none}.register-page .consents input[type=checkbox]{scale:1.2;margin-right:8px}.register-page .consents div{font-size:.875rem;margin:0;color:var(--color-white-400);font-weight:300}.register-page .input-with-icon .icon{position:absolute;left:0;top:60%;transform:translateY(-45%);padding-left:10px;color:var(--color-white-200);font-size:1.5rem;transition:all .3s}.register-page .input-with-icon .icon-r{position:absolute;right:4px;top:-4px;scale:1.7;padding-bottom:0;padding-left:0;background-color:var(--color-white);color:var(--color-white-200);transition:all .3s}.register-page .input-with-icon .icon-r:hover{color:orange}.register-page .input-with-icon input:focus~.icon,.register-page .input-with-icon input:active~.icon,.register-page .input-with-icon input:focus~.icon-show .icon-r,.register-page .input-with-icon input:active~.icon-show .icon-r,.register-page .input-with-icon input:focus~.remove-child-button .remove-icon,.register-page .input-with-icon input:active~.remove-child-button .remove-icon{color:var(--color-white-400)}.register-page .input-with-icon .error-tooltip{position:absolute;top:-20px;left:0;color:var(--color-error);font-size:12px;padding:2px 5px;border-radius:4px;white-space:nowrap;z-index:10;display:none}.register-page .input-with-icon.error .error-tooltip{display:block}.register-page .consents .input-with-icon .error-tooltip{position:absolute;top:0;left:20px;color:var(--color-error);font-size:12px;background:var(--color-white);padding:2px 5px;border-radius:4px;white-space:wrap;z-index:10;display:none}.register-page .consents .input-with-icon.error .error-tooltip{display:block}.standard-checkbox{display:none}.custom-checkbox{display:inline-block;margin-right:7px;width:13px;height:13px;border:2px solid var(--color-white-200);border-radius:4px;background-color:var(--color-white);vertical-align:middle;cursor:pointer;transition:background-color .25s ease,border-color .25s ease}.standard-checkbox:checked+.custom-checkbox{background-color:var(--color-white-200);border-color:transparent}.standard-checkbox:checked+.custom-checkbox:after{content:"";display:block;width:4px;height:10px;border:solid var(--color-white);border-width:0 2px 2px 0;transform:rotate(45deg);position:relative;left:4px;top:-1px}@media (max-width: 768px){.register-page-container{width:100vw;border-radius:0;box-shadow:none}.parent-info,.child-fields{display:flex;flex-direction:column;gap:20px}}@media (min-width: 768px) and (max-width: 1280px){.register-page-container{width:70vw}}button{margin:0 auto;margin-top:1rem;width:auto;border-radius:1.5rem;padding:.5rem 2.5rem;font-size:1rem;font-weight:500;font-family:inherit;cursor:pointer;transition:.25s}.inverse{color:var(--color-white-200);background-color:var(--color-white);border:2px solid var(--color-white-200);transition:all .3s}.inverse:hover{color:var(--color-orange);border:2px solid var(--color-orange)}.login-light-page{min-height:100vh;width:100vw;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:var(--color-white)}.login-light-container{width:400px;height:430px;display:flex;flex-direction:column;justify-content:flex-start;box-sizing:border-box;align-items:center;margin:auto;padding:30px;background-color:var(--color-white);border-radius:15px;box-shadow:0 0 25px #0003;text-align:center}.login-light-container h2{position:relative;font-size:1.1rem;margin-top:30px;margin-bottom:40px;color:var(--color-white-400);font-weight:500}.error-message{color:red;font-weight:400;height:40px}.login-light-container form{width:90%;display:flex;flex-direction:column}.login-light-container div{margin-bottom:15px}.login-light-container input{width:100%;box-sizing:border-box;font-size:1.1rem;line-height:1.5;border-radius:7px;border:2px solid var(--color-white-200);outline:none;transition:all .5s;padding:8px 8px 8px 45px;color:var(--color-white-400);letter-spacing:1px}.login-light-container input::placeholder{font-family:var(--font);font-size:1rem;color:var(--color-white-200)}.login-light-container input:focus,.login-light-container input:active{border-color:var(--color-white-400);color:var(--color-white-400)}.login-light-page .input-with-icon{position:relative;width:100%}.login-light-page .input-with-icon i{color:var(--color-white-200);transition:all .3s}.login-light-page .input-with-icon .icon{position:absolute;color:var(--color-white-200);left:0;top:50%;transform:translateY(-50%);padding-left:10px;transition:all .3s}.login-light-page .input-with-icon .icon-show{position:absolute;scale:1.5;padding-left:3px;top:-5px;right:0;background-color:var(--color-white)}.login-light-page .input-with-icon .icon-show:hover{color:var(--color-orange)}.login-light-page .input-with-icon input:focus~i,.login-light-page .input-with-icon input:active~i,.login-light-page .input-with-icon input:focus~.icon,.login-light-page .input-with-icon input:active~.icon{color:var(--color-white-400)}.login-light-page .password-reset{font-size:.875rem;color:var(--color-white-200);margin:0;cursor:pointer;transition:all .3s;letter-spacing:1px}.login-light-page .password-reset:hover{color:var(--color-orange)}
