@charset "UTF-8";*{margin:0;padding:0;box-sizing:border-box;list-style-type:none;text-decoration:none;font-family:Arial,Helvetica,sans-serif}.spinner-container{display:flex;justify-content:center;align-items:center}.spinner{width:20px;height:20px;border:2px solid #ffffff;border-right-color:transparent;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.login-container{display:flex;justify-content:center;align-items:center;height:100vh;background-color:#004744;font-family:Arial,Helvetica,sans-serif}.login-container .login-card{background-color:#002221;padding:3rem;box-shadow:0 4px 10px #0000001a;width:550px;text-align:center;border-radius:12px}.login-container .login-card h2{margin-bottom:1rem;color:#fff;font-size:2em}.login-container .login-card input,.login-container .login-card .login-button{height:50px}.login-container .login-card .form-group{display:flex;flex-direction:column;margin-bottom:1rem;text-align:left}.login-container .login-card .form-group label{font-size:17px;font-weight:600;margin-bottom:.5rem;color:#fff}.login-container .login-card .form-group input{margin-bottom:20px;padding:10px;border:none;font-size:16px;transition:all .3s ease;color:#fff;width:100%;background:#486665;border-radius:12px}.login-container .login-card .form-group input::placeholder{font-size:.9em;color:#fff}.login-container .login-card .form-group input:focus{outline:none;border-color:#773693;box-shadow:0 0 5px #77369380}.login-container .login-card .form-group .error{color:red;font-size:12px;margin-top:5px}.login-container .login-card .password-group{position:relative}.login-container .login-card .password-group .password-container{position:relative;display:flex;align-items:center}.login-container .login-card .password-group .password-container input{flex:1}.login-container .login-card .password-group .password-container .password-toggle{position:absolute;right:11px;top:14px;background:transparent;border:none;font-size:21px;cursor:pointer;color:#fff}.login-container .login-card .password-group .password-container .password-toggle:hover{color:#fff}.login-container .login-card .login-button{width:100%;padding:10px;background:#0d3635;border-radius:12px;border:none;color:#fff;font-size:16px;display:flex;justify-content:center;align-items:center;cursor:pointer;transition:all .3s ease}.login-container .login-card .login-button:hover{background:#486665}.calendar-container{background-color:#002221;color:#fff;padding:50px 100px;width:100%;font-family:Arial,Helvetica,sans-serif}.calendar-container .calendar-head{display:flex;justify-content:space-between;width:100%;align-items:center}.calendar-container .calendar-head .btns{display:flex;align-items:center;gap:10px}.calendar-container .calendar-head .btns button{background-color:#00b8a5;color:#fff;border-radius:12px;padding:13px 23px;border:none;cursor:pointer;font-weight:700;transition:all .3s;letter-spacing:1.3px}.calendar-container .calendar-head .btns button:hover{background-color:#058174}.calendar-container .calendar-head .btns svg{font-size:30px;cursor:pointer;transform:rotate(180deg)}.calendar-container .mainlogo{width:20%;padding-bottom:20px}.calendar-container .mainlogo img{width:100%}.calendar-info{margin-bottom:24px}.calendar-info h1{font-size:24px;font-weight:600;margin-bottom:15px}.calendar-info .calendar-day{display:flex;align-items:center;margin-bottom:8px;gap:10px}.calendar-info .calendar-day span{font-size:.7em;color:#dedede}.calendar-info .calendar-day .book,.calendar-info .calendar-day .holiday{border-radius:100%}.calendar-info .calendar-day .book{width:17px;height:17px;background-color:#ff5733}.calendar-info .calendar-day .holiday{width:5px;height:5px;background-color:#00b8a5}.calendar-navigation{display:flex;gap:12px}.calendar-navigation button{background:none;border:none;border-radius:15px;color:#f2f2f2;background-color:#ff5733;padding:5px}.month-grid{display:grid;grid-template-columns:315px 315px 315px 315px;gap:20px}.booked{background-color:#ff5733;color:#fff;position:relative}.month-card{background-color:#00222180;padding:16px;text-align:center;border-radius:12px!important;background-color:#002221;position:relative}.month-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:12px;padding:1.5px;background:linear-gradient(90deg,#6ebff439,#72a5b0);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:destination-out;mask-composite:exclude;pointer-events:none}.month-card .month-name{font-size:16px;margin-bottom:12px}.month-card .days-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;font-size:14px}.month-card .day-cell{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:50%;cursor:pointer;position:relative;transition:all .2s}.month-card .day-cell:hover .booked-modal{opacity:1!important;visibility:visible!important}.month-card .day-cell .booked-modal{position:absolute;left:0;line-height:20px;top:30px;text-align:center;min-width:280px;width:200px;min-height:30px;background-color:#fff!important;border-radius:12px;opacity:0;visibility:hidden;padding:5px;color:#000;z-index:5}.month-card .day-cell .booked-modal .modal-container{display:flex;align-items:center;justify-content:space-between}.month-card .day-cell .booked-modal .time{text-align:center}.month-card .day-cell:hover{background-color:#ffffff1a}.month-card .day-cell.holiday:after{content:"";position:absolute;background-color:#00b8a5;width:4px;height:4px;bottom:0;left:50%;transform:translate(-50%);border-radius:50%}.month-card .day-cell.selected{background-color:#8b95a9;color:#fff}@media screen and (max-width: 1024px){.month-grid{grid-template-columns:300px 300px!important}}@media screen and (max-width: 768px){.month-grid{grid-template-columns:300px!important}}.custom-modal{background:#fff;border-radius:10px;overflow:hidden;z-index:11;font-family:Arial,Helvetica,sans-serif;width:50%;outline:none;box-shadow:0 5px 15px #0000004d;position:relative}.custom-modal .view{font-size:.9em;text-decoration:underline;position:absolute;cursor:pointer;color:#595959;top:20px;right:20px}.custom-modal .view:hover{color:#000}.modal-content{display:flex;flex-direction:column}.modal-content .input-container{display:flex;align-items:center;gap:10px;width:100%;padding:20px 40px;outline:none;border:none;border-bottom:2px solid rgb(184,184,184)}.modal-content .input-container img{width:25px;height:20px}.input-field{width:100%;border:1px solid #ccc;padding:35px 40px;outline:none;box-sizing:border-box;border:none;border-bottom:2px solid rgb(184,184,184)}.input-field::placeholder{font-size:1.3em;color:#b8b8b8}.add-button{outline:none;border:none;width:100%}.add-button::placeholder{font-size:1.3em;color:#b8b8b8}.ant-picker-panel-container{margin-left:40px!important}.ant-picker-panel-container::-webkit-scrollbar{display:none!important}.modal-options{display:flex;justify-content:space-between;border-bottom:2px solid rgb(184,184,184);height:60px;align-items:center}.modal-options .first-date{padding-left:40px}.modal-options .first-date:after{content:"";position:absolute;width:1.6px;height:60px;right:0;background-color:#b8b8b8}.modal-options .second-date{padding:0 40px}.modal-options .ant-picker{width:50%;border:none!important;outline:none;height:55px;position:relative}.modal-options .ant-picker ::placeholder{font-size:1.3em;color:#b8b8b8}.modal-options .ant-picker svg{font-size:1.5em}.time-button{flex:1;margin:5px;border:1px solid #ddd;border-radius:5px;background:#f8f8f8;outline:none}.submit-button{margin:20px auto;width:50%;padding:10px;background:#0d3635;border-radius:12px;border:none;color:#fff;font-size:16px;display:flex;justify-content:center;align-items:center;cursor:pointer;transition:all .3s ease}.submit-button:hover{background:#042a29}:where(.css-dev-only-do-not-override-1v613y0) .ant-btn-variant-solid:not(:disabled):not(.ant-btn-disabled){background-color:#002221!important}.custom-overlay{background:#00000080;position:fixed;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;z-index:10}.custom-overlay .custom-modal{background:#fff;border-radius:10px;overflow:hidden;z-index:11;font-family:Arial,Helvetica,sans-serif;width:50%;outline:none;padding:20px;box-shadow:0 5px 15px #0000004d;overflow-x:auto}.custom-overlay .custom-modal .active-meet{display:flex;align-items:center;padding:20px;gap:10px}.custom-overlay .custom-modal .active-meet .react-switch-bg{width:20px}.custom-overlay .custom-modal table{width:100%}.custom-overlay .custom-modal table thead{border-bottom:1px solid gray}.custom-overlay .custom-modal table tr{border:1px solid gray!important}.custom-overlay .custom-modal table th,.custom-overlay .custom-modal table td{text-align:center;padding:10px 20px;text-wrap:nowrap}