*{box-sizing:border-box;margin:0;padding:0}html{font-family:Roboto,sans-serif!important;font-size:10px;font-weight:400}@media all and (min-width: 768px){html{font-size:11px}}@media all and (min-width: 1024px){html{font-size:12px}}a{text-decoration:none;color:inherit}h1,h2,h3,h4,h5,h6{margin:0;padding:0}h1{font-size:2rem}h2{font-size:1.5rem}h3{font-size:1.25rem}p{font-size:1rem}html,body{margin:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#000;scrollbar-gutter:stable}#root{display:flex;flex-direction:column;min-height:100vh;min-height:100dvh;max-width:1440px;margin:0 auto;background-color:#181818;color:#fff}main{display:flex;flex-direction:column;align-items:center;flex:1}@media all and (min-width: 1024px){main{padding:10px 20px}}@media all and (min-width: 1280px){main{padding:10px 30px}}.display{display:flex;flex-direction:column;gap:15px}@media all and (min-width: 768px){.display{gap:20px}}@media all and (min-width: 1024px){.display{gap:25px}}.display__guestHouses{display:flex;flex-direction:column;gap:15px}@media all and (min-width: 768px){.display__guestHouses{gap:20px}}@media all and (min-width: 1024px){.display__guestHouses{flex-direction:row;gap:25px}}.guest-house-card{background-color:#1e1e20;border:1px solid #262528}.guest-house-card__header{display:flex;flex-direction:row;align-items:center;justify-content:center;padding:10px;border-bottom:1px solid #fff;position:relative}.guest-house-card__header h2{font-size:1.8rem;margin:0}.guest-house-card__header .guest-house-card__header-icon{color:#fff;position:absolute;right:10px}.guest-house-card__header .guest-house-card__header-icon:hover{color:#6088d8}.room-edit{display:flex;flex-direction:column;justify-content:space-between;gap:10px;padding:10px;border-bottom:1px solid #fff}.room-edit .form-label{width:60px}@media all and (min-width: 768px){.room-edit .form-label{width:70px}}@media all and (min-width: 1024px){.room-edit .form-label{width:80px}}.room-edit__arrival-date-toggle-group{display:flex;flex-direction:row}.room-edit__roomName{flex:1}.room-edit__roomName .MuiSelect-select{padding:8px}.room-edit__roomName:hover{background-color:#d4d4d4}.room-edit__departure-date{flex:1}.room-edit__departure-date-textField{width:100%}.room-edit__buttons{display:flex;flex-direction:row;justify-content:flex-end;gap:10px}.room-edit__buttons .btn_cancel{background-color:#a1a1a1}.room-edit__buttons .btn_cancel:hover{background-color:#6e6e6e}.room-edit__buttons .btn_add{background-color:#01b121;color:#fff}.room-edit__buttons .btn_add:hover{background-color:#004c0e}.room-edit__buttons .btn_modify{background-color:orange;color:#fff}.room-edit__buttons .btn_modify:hover{background-color:#996300}.room-edit__buttons .btn_delete{background-color:#c71717;color:#fff}.room-edit__buttons .btn_delete:hover{background-color:#6c0c0c}.calendar{padding:10px 15px}.calendar__room{display:flex;flex-direction:row;justify-content:space-between;align-items:center;width:100%}.calendar__room-name{text-align:center;flex:8}.calendar__room-info{flex:2}.calendar__room-info-icon{color:#6088d8}.calendar table{width:100%;table-layout:fixed}.calendar__days{padding:10px 0}.calendar__days-name{font-size:1.1rem;font-weight:700}.calendar__days-date{font-size:.9rem;font-weight:400;height:15px}.calendar .today{background-color:#fff;color:#004be0}.occupancy-badge__standard{display:flex;flex-direction:row;justify-content:center;align-items:center;background-color:#01b121;height:36px;cursor:default}.occupancy-badge__standard .MuiTooltip-tooltip{font-size:.9rem}.occupancy-badge__firstDay{display:flex;flex-direction:row;justify-content:flex-end;align-items:center;background-color:#01b121;height:36px;cursor:default}.occupancy-badge__firstDay .MuiTooltip-tooltip{font-size:.9rem}.occupancy-badge__firstDay-badge{width:70%;background-color:#c71717}.occupancy-badge__mix{display:flex;flex-direction:row;justify-content:space-between;align-items:center;background-color:#01b121;height:36px;cursor:default}.occupancy-badge__mix-badgeLastDay{width:20%;background-color:#c71717}.occupancy-badge__mix-badgeFirstDay{width:75%;background-color:#c71717}.occupancy-badge__mix-badgeFirstDay-text{display:flex;justify-content:center;align-items:center;height:36px}.occupancy-badge__lastDay{display:flex;flex-direction:row;align-items:center;background-color:#01b121;height:36px;cursor:default}.occupancy-badge__lastDay .MuiTooltip-tooltip{font-size:.9rem}.occupancy-badge__lastDay-badge{width:30%;background-color:#c71717}.occupied{background-color:#c71717}.own-occupancy{background-color:#6088d8}.clickable{cursor:pointer}.istoday{position:relative;border-left:1px solid #fff;border-right:1px solid #fff}@media all and (min-width: 768px){.istoday{border-left:2px solid #fff;border-right:2px solid #fff}}@media all and (min-width: 1024px){.istoday{border-left:3px solid #fff;border-right:3px solid #fff}}.istoday:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#00f;opacity:.3;pointer-events:none}.week-selection{display:flex;flex-direction:row;justify-content:center;align-items:center;position:relative;background-color:#1e1e20;padding:10px;border:1px solid #262528}.week-selection__center{display:flex;flex-direction:row;align-items:space-between;gap:30px}.week-selection__right{position:absolute;right:10px}.week-selection__button{cursor:pointer;color:#fff}.week-selection__button:hover{color:#6088d8}.week-selection__date{display:flex;flex-direction:column;align-items:center;justify-content:space-between}.week-selection__date-weekNumber{font-size:1.8rem;font-weight:700}.week-selection__date-range{font-size:1.2rem;color:#d4d4d4}.week-selection__today{color:#fff}.week-selection__today:hover{color:#6088d8}.signup{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;padding:30px 30px 30px 20px;gap:15px;width:100%;background-color:#1e1e20}.signup h2{margin-top:10px;margin-bottom:20px}.signup__select .MuiSelect-select{color:#fff;border:1px solid #fff}.signup__select .MuiSelect-select:hover{border-color:#6088d8!important}.signup__select .MuiOutlinedInput-root .MuiOutlinedInput-notchedOutline{border-color:gray;transition:border-color .3s}.signup__select .MuiSelect-icon{color:#fff}.signup .signup__formlabel{color:#fff;font-size:1.2rem;font-weight:700;margin-bottom:5px}.signup .toggle-password-visibility{color:#fff}.signup .toggle-password-visibility:hover{color:#a1a1a1}.signup__helpertext{color:#fff;font-size:.75rem;font-weight:400;font-style:italic;margin-left:10px}.signup__error{color:red;font-size:.75rem;padding:5px 10px}.signup__accountexists{display:flex;flex-direction:row;gap:10px}.signup__accountexists .signup__login:hover{cursor:pointer;color:#6088d8}.signup__textfield .MuiInputBase-input,.signup__textfield .MuiInputLabel-root{color:#fff}.signup__textfield .MuiInputLabel-root.Mui-focused{color:#000}.signup__textfield .MuiOutlinedInput-root .MuiOutlinedInput-notchedOutline{border-color:#fff}.signup__textfield .MuiOutlinedInput-root:hover .MuiOutlinedInput-notchedOutline,.signup__textfield .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline{border-color:#6088d8}.signup__textfield .MuiFormHelperText-root{color:red;font-size:.75rem}.signup__textfield .MuiFormHelperText-root.Mui-error{color:red}.signup__outlinedinput .MuiOutlinedInput-input,.signup__outlinedinput .MuiInputLabel-root,.signup__outlinedinput .MuiInputLabel-root.Mui-focused{color:#fff}.signup__outlinedinput .MuiOutlinedInput-notchedOutline{border-color:#fff}.signup__outlinedinput .MuiOutlinedInput-root:hover .MuiOutlinedInput-notchedOutline,.signup__outlinedinput.Mui-focused .MuiOutlinedInput-notchedOutline{border-color:#6088d8}@media all and (min-width: 768px){.signup{border-radius:10px;width:auto;min-width:500px;gap:20px}}@media all and (min-width: 1024px){.signup{min-width:700px;gap:25px}}.login{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;margin-top:20px;width:100%;padding:30px 30px 30px 20px;gap:15px;background-color:#1e1e20}.login .signup__formlabel{color:#fff;font-size:1.2rem;font-weight:700;margin-bottom:5px}.login .toggle-password-visibility{color:#fff}.login .toggle-password-visibility:hover{color:#a1a1a1}.login__helpertext{color:#fff;font-size:.75rem;font-weight:400;font-style:italic;margin-left:10px}.login__error{color:red;font-size:.75rem;padding:5px 10px}.login__noaccount{display:flex;flex-direction:row;gap:10px}.login__noaccount .login__signin:hover{cursor:pointer;color:#6088d8}.login .login__error{animation:shake 1s ease}.login .login__link{background:none;border:none;color:#6088d8;text-decoration:underline;cursor:pointer;padding:0;font:inherit}.login__textfield .MuiInputBase-input,.login__textfield .MuiInputLabel-root{color:#fff}.login__textfield .MuiInputLabel-root.Mui-focused{color:#000}.login__textfield .MuiOutlinedInput-root .MuiOutlinedInput-notchedOutline{border-color:#fff}.login__textfield .MuiOutlinedInput-root:hover .MuiOutlinedInput-notchedOutline,.login__textfield .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline{border-color:#6088d8}.login__textfield .MuiFormHelperText-root{color:red;font-size:.75rem}.login__textfield .MuiFormHelperText-root.Mui-error{color:red}.login__outlinedinput .MuiOutlinedInput-input,.login__outlinedinput .MuiInputLabel-root,.login__outlinedinput .MuiInputLabel-root.Mui-focused{color:#fff}.login__outlinedinput .MuiOutlinedInput-notchedOutline{border-color:#fff}.login__outlinedinput .MuiOutlinedInput-root:hover .MuiOutlinedInput-notchedOutline,.login__outlinedinput.Mui-focused .MuiOutlinedInput-notchedOutline{border-color:#6088d8}.login__checkbox .MuiCheckbox-root,.login__checkbox .MuiCheckbox-root.Mui-checked{color:#1976d2}.login__checkbox .MuiCheckbox-root .MuiSvgIcon-root{font-size:1.8rem}.login__checkbox .MuiFormControlLabel-label{color:#fff}@media all and (min-width: 768px){.login{border-radius:10px;max-width:500px;gap:20px}}@media all and (min-width: 1024px){.login{max-width:700px;gap:25px}}.contact{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;gap:15px;padding:2rem}.contact__buttons{display:flex;justify-content:center}.contact__buttons .btn_close{background-color:#a1a1a1}.contact__buttons .btn_close:hover{background-color:#6e6e6e;color:#fff}.contact__buttons .btn_send{background-color:#01b121}.contact__buttons .btn_send:hover{background-color:#004c0e;color:#fff}.contact__formlabel{color:#fff;font-size:1.2rem;font-weight:700;margin-bottom:5px}.contact__status{display:flex;flex-direction:column;align-items:center;margin-bottom:20px}.forgotPassword{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;gap:15px;padding:2rem}.forgotPassword__buttons{display:flex;justify-content:center}.forgotPassword__buttons .btn_close{background-color:#a1a1a1}.forgotPassword__buttons .btn_close:hover{background-color:#6e6e6e;color:#fff}.forgotPassword__buttons .btn_resetPassword{background-color:#01b121}.forgotPassword__buttons .btn_resetPassword:hover{background-color:#004c0e;color:#fff}.forgotPassword__status{display:flex;flex-direction:column;align-items:center;margin-bottom:20px}.error{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:50px 10px}.error__title{color:orange;font-size:12rem;font-weight:700;margin-bottom:20px}.error__message{color:#fff;font-size:1.5rem;font-weight:400;text-align:center;margin-bottom:20px}.account{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;padding:30px 30px 30px 20px;gap:15px;width:100%;background-color:#1e1e20}.account__header{width:100%;display:flex;justify-content:space-between;align-items:center;position:relative}.account__header h1{position:absolute;left:50%;transform:translate(-50%)}.account__formlabel{font-size:1.2rem;font-weight:700;margin-bottom:5px}.account__textfield.MuiTextField-root,.account__textfield.MuiOutlinedInput-root{margin-left:10px}.account__buttons{width:90%}@media all and (min-width: 768px){.account__buttons{width:auto}}.account .toggle-password-visibility{color:#fff}.account .toggle-password-visibility:hover{color:#a1a1a1}.account__error{color:red;padding:5px 10px}.account__modify{display:flex;flex-direction:row;gap:10px}.account__modify .account__link{background:none;border:none;color:#6088d8;text-decoration:underline;cursor:pointer;padding:0;font:inherit}.account__modify .account__link:hover{cursor:pointer;color:#6088d8}.account__password-status{display:flex;flex-direction:column;align-items:center;margin-bottom:20px;width:100%}@media all and (min-width: 768px){.account{border-radius:10px;width:auto;min-width:500px;gap:20px}}@media all and (min-width: 1024px){.account{min-width:700px;gap:25px}}header{display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:15px 20px;position:relative;min-height:100px;max-width:1440px;width:100%;margin:0 auto}@media all and (min-width: 768px){header{min-height:120px}}@media all and (min-width: 1024px){header{min-height:150px}}header .header__center{display:flex;flex-direction:column;align-items:center;position:absolute;left:50%;transform:translate(-50%)}header .header__center-title{display:flex;flex-direction:row;gap:10px;justify-content:space-between;align-items:baseline}header .header__center-title .header__logo{width:2.5rem}@media all and (min-width: 768px){header .header__center-title .header__logo{width:3.5rem}}header .header__center h1{font-size:1.8rem}@media all and (min-width: 768px){header .header__center h1{font-size:2.5rem}}header .header__center h2{font-family:Luxurious Script,cursive!important;font-weight:400;font-size:1.9rem}@media all and (min-width: 768px){header .header__center h2{font-size:2.8rem}}@media all and (min-width: 1024px){header .header__center h2{font-size:4rem}}header .header__right{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:10px}header .header__right-language-switcher{display:none}@media all and (min-width: 768px){header .header__right-language-switcher{display:flex}}header .header__right-userName{display:none;font-size:.9rem}@media all and (min-width: 768px){header .header__right-userName{display:flex}}header .header__right-role{display:flex;flex-direction:column;justify-content:center;align-items:center;border-radius:100%;aspect-ratio:1;padding:10px}header .header__right .guest{background-color:#fff;color:#181818}header .header__right .manager{background-color:#01b121}header .header__right .admin{background-color:#e09947}header .header__right .super-admin{background-color:#6088d8}@media all and (min-width: 768px){header{padding:20px 30px}}@media all and (min-width: 1024px){header{padding:25px 30px}}.burger-menu__icon:hover{color:#6088d8}.burger-menu__account{display:flex;flex-direction:row;gap:15px}.burger-menu__account .guest{background-color:#fff;color:#181818}.burger-menu__account .manager{background-color:#01b121}.burger-menu__account .admin{background-color:#e09947}.burger-menu__account .super-admin{background-color:#6088d8}.burger-menu__name{color:#a1a1a1}.burger-menu__role{padding:5px 10px;font-size:.7rem;border-radius:15px}.burger-menu__version{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:10px;font-size:.8rem;color:#a1a1a1}.burger-menu__version img{opacity:.6;width:1.5rem}.burger-menu__version p{margin-top:5px}.loader__modal{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;background:#0006;z-index:9999}.loader__container{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;text-align:center}.loader__spinner{color:#fb714c;font-size:100px;width:1em;height:1em;border-radius:50%;position:relative;animation:mltShdSpin 1.7s infinite ease,round 1.7s infinite ease}.loader__text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1.5rem;font-size:1.5rem;color:#fff}@keyframes mltShdSpin{0%{box-shadow:0 -.83em 0 -.4em,0 -.83em 0 -.42em,0 -.83em 0 -.44em,0 -.83em 0 -.46em,0 -.83em 0 -.477em}5%,95%{box-shadow:0 -.83em 0 -.4em,0 -.83em 0 -.42em,0 -.83em 0 -.44em,0 -.83em 0 -.46em,0 -.83em 0 -.477em}10%,59%{box-shadow:0 -.83em 0 -.4em,-.087em -.825em 0 -.42em,-.173em -.812em 0 -.44em,-.256em -.789em 0 -.46em,-.297em -.775em 0 -.477em}20%{box-shadow:0 -.83em 0 -.4em,-.338em -.758em 0 -.42em,-.555em -.617em 0 -.44em,-.671em -.488em 0 -.46em,-.749em -.34em 0 -.477em}38%{box-shadow:0 -.83em 0 -.4em,-.377em -.74em 0 -.42em,-.645em -.522em 0 -.44em,-.775em -.297em 0 -.46em,-.82em -.09em 0 -.477em}to{box-shadow:0 -.83em 0 -.4em,0 -.83em 0 -.42em,0 -.83em 0 -.44em,0 -.83em 0 -.46em,0 -.83em 0 -.477em}}@keyframes round{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error__modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px;padding:10px;width:100%;height:100%}.error__modal-message{font-size:3rem;text-align:center}.error__modal-text{color:orange;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;font-size:1.5rem;text-align:center;word-wrap:break-word}.log-table__cell>*{padding:4px 6px;text-align:center;border-radius:5px}.log-table__cell .guest{background-color:#fff;color:#181818}.log-table__cell .manager{background-color:#01b121}.log-table__cell .admin{background-color:#e09947}.log-table__cell .super-admin{background-color:#6088d8}.flip-scene{position:relative;width:100%;aspect-ratio:1;perspective:1000px;border-radius:8px;overflow:hidden}.flip-card{width:100%;height:100%;position:relative;transform-style:preserve-3d;transition:transform .6s ease;border-radius:8px}.flip-card.flipped{transform:rotateY(180deg)}.flip-face{position:absolute;inset:0;backface-visibility:hidden}.flip-face img{width:100%;height:100%;object-fit:contain;display:block;border-radius:8px}.flip-back{transform:rotateY(180deg)}.button-icon{position:absolute!important;width:3.5rem;aspect-ratio:1;bottom:8px;right:8px;background-color:#6088d8!important;color:#fff!important;box-shadow:2px 2px 6px #0000004d}.button-icon:hover{background-color:#000!important}footer{display:flex;flex-direction:row;align-items:center;justify-content:center;padding:10px;color:#d4d4d4;font-size:.8rem}.signup__textfield input:-webkit-autofill,.signup__textfield input:-webkit-autofill:hover,.signup__textfield input:-webkit-autofill:focus,.signup__textfield input:-webkit-autofill:active{-webkit-box-shadow:0 0 0px 1000px #1e1e20 inset;-webkit-text-fill-color:#fff;transition:background-color 5000s ease-in-out 0s}.resetPassword{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;margin-top:20px;width:100%;padding:30px 30px 30px 20px;gap:15px;background-color:#1e1e20}.resetPassword .toggle-password-visibility{color:#fff}.resetPassword .toggle-password-visibility:hover{color:#a1a1a1}.resetPassword__error{color:red;font-size:.75rem;padding:5px 10px}.resetPassword__status{display:flex;flex-direction:column;align-items:center;margin-bottom:20px;width:100%}@keyframes shake{0%{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-10px)}20%,40%,60%,80%{transform:translate(10px)}to{transform:translate(0)}}.resetPassword .resetPassword__error{animation:shake 1s ease}.resetPassword .resetPassword__link{background:none;border:none;color:#6088d8;text-decoration:underline;cursor:pointer;padding:0;font:inherit}.resetPassword__textfield .MuiInputBase-input,.resetPassword__textfield .MuiInputLabel-root{color:#fff}.resetPassword__textfield .MuiInputLabel-root.Mui-focused{color:#000}.resetPassword__textfield .MuiOutlinedInput-root .MuiOutlinedInput-notchedOutline{border-color:#fff}.resetPassword__textfield .MuiOutlinedInput-root:hover .MuiOutlinedInput-notchedOutline,.resetPassword__textfield .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline{border-color:#6088d8}.resetPassword__textfield .MuiFormHelperText-root{color:red;font-size:.75rem}.resetPassword__textfield .MuiFormHelperText-root.Mui-error{color:red}.resetPassword__outlinedinput .MuiOutlinedInput-input,.resetPassword__outlinedinput .MuiInputLabel-root,.resetPassword__outlinedinput .MuiInputLabel-root.Mui-focused{color:#fff}.resetPassword__outlinedinput .MuiOutlinedInput-notchedOutline{border-color:#fff}.resetPassword__outlinedinput .MuiOutlinedInput-root:hover .MuiOutlinedInput-notchedOutline,.resetPassword__outlinedinput.Mui-focused .MuiOutlinedInput-notchedOutline{border-color:#6088d8}@media all and (min-width: 768px){.resetPassword{border-radius:10px;max-width:500px;gap:20px}}@media all and (min-width: 1024px){.resetPassword{max-width:700px;gap:25px}}