@charset "UTF-8";.header{background-color:var(--color-1);height:60px;display:flex;justify-content:flex-end;align-items:center;gap:10px;box-shadow:5px 0 5px -5px #ffffff80 inset}.header .user-profile-wrapper{height:40px;gap:10px;margin-right:20px}.header .user-profile-wrapper .image{width:30px;height:30px;overflow:hidden;border-radius:var(--main-rd)}.header .user-profile-wrapper .username{color:#fff}.header .user-profile-wrapper .username span{color:#c4c4c4;font-size:14px}.header .notif-icon{width:40px;height:40px;border-radius:var(--main-rd);cursor:pointer;position:relative}.header .notif-icon{background-color:#ffffff26;transition:var(--quick-transition)}.header .notif-icon svg{color:#fff;display:block;width:32px;height:32px}.header .user-profile-wrapper{padding:var(--pd-1);border-radius:var(--main-rd);position:relative}.header .user-profile-wrapper .dropdown-icon{width:45px;height:45px}.header .user-profile-wrapper .dropdown-wrapper{position:absolute;right:0;top:calc(100% + 10px)}.header .user-profile-wrapper:hover{background-color:#ffffff26;transition:var(--quick-transition);border-radius:var(--main-rd);cursor:pointer}.header .user-profile-wrapper .dropdown-icon svg{color:#fff;width:15px;height:auto;display:block;transform:rotate(180deg)}.dropdown-wrapper{position:absolute;background-color:#fff;padding:3px;width:max-content;border-radius:var(--main-rd);box-shadow:#0000003d 0 3px 8px;z-index:20}.dropdown-wrapper .dropdown-item{padding:var(--pd-0) var(--pd-1);border-radius:var(--main-rd);transition:var(--quick-transition);cursor:pointer;margin:3px;display:flex;align-items:center;justify-content:flex-start;gap:var(--main-gap);font-size:small;font-weight:700}.dropdown-wrapper .dropdown-item:hover{background-color:var(--color-4)}.dropdown-wrapper .dropdown-item span{font-size:inherit}.notifications-card-container{position:absolute;top:calc(100% + 10px);width:420px;right:0;background-color:#fff;border-radius:var(--main-rd);box-shadow:#0000003d 0 3px 8px;z-index:20;overflow:hidden}.notifications-card-container .notif-head{padding:var(--pd-2);background-color:var(--color-5);border-bottom:1px solid var(--color-1)}.notifications-card-container .notif-head .title{font-size:20px;font-weight:600;color:var(--color-1)}.notifications-card-container .notif-body{padding:10px;border-bottom:1px solid var(--color-1);display:flex;flex-direction:column;gap:10px;max-height:400px;overflow-y:scroll}.notifications-card-container .notif-foot{padding:10px;display:flex;justify-content:center;align-items:center;background-color:var(--color-4)}.notif-item{padding:var(--pd-2);border-radius:var(--main-rd);background-color:#f4f4f4;font-size:18px;display:flex;justify-content:flex-start;align-items:center;gap:var(--main-gap);height:100px}.notif-item .icon{display:flex;justify-content:center;align-items:center}.notif-item .icon .icon-wrapper{padding:var(--pd-0);border-radius:var(--main-rd);background-color:var(--color-2)}.notif-item .content{width:100%;display:flex;justify-content:center;align-items:flex-start;flex-direction:column;gap:var(--s-gap)}.notif-item .content .title,.notif-item .content .time{font-weight:700;color:var(--color-1)}.notif-item .options{height:100%;margin-left:auto;display:flex;justify-content:space-between;align-items:center;flex-direction:column}.sidebar{background-color:var(--color-1);height:100vh}.sidebar>.head{display:flex;height:60px;position:relative}.sidebar>.head .arrow{position:absolute;right:10px;padding:10px;transition:var(--main-transition)}.sidebar>.head .logo{color:#fff;font-size:x-large;font-weight:700;transition:var(--main-transition)}.sidebar .tabs{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:10px;width:100%}.sidebar .tabs a{font-weight:600;border-radius:var(--main-rd);display:flex;align-items:center;gap:5px;width:100%;overflow:hidden;color:#fff}.sidebar .tabs .active{background-color:#fff;color:var(--color-1)}.sidebar .tabs .active svg{color:var(--color-1)!important}.sidebar .tabs a:not(.active):hover{background-color:#ffffff26;transition:var(--quick-transition)}.sidebar .tabs a .nav-box{display:flex;align-items:center;justify-content:flex-start;gap:10px;padding:10px;width:100%}.sidebar .tabs svg{width:32px;height:auto}.element-to-hide{opacity:1;visibility:visible;font-size:small;transition:opacity var(--main-transition),visibility var(--main-transition)}.element-to-hide.hidden{opacity:0;visibility:hidden}.layout{display:flex}.layout .layout-content{flex-grow:1;display:flex;flex-direction:column;height:100vh}.layout .main-content{height:calc(100vh - 60px);width:calc(100% - 200px);background-color:green}.auth-page-container{height:100vh;width:100vw;background-color:var(--color-4)}.login-page-container{background-color:var(--color-1);padding:var(--pd-1);width:900px;display:flex;border-radius:var(--main-rd);box-shadow:#32325d40 0 50px 100px -20px,#0000004d 0 30px 60px -30px,#0a254059 0 -2px 6px inset}.login-page-container form{background-color:var(--color-3);padding:var(--pd-2);border-radius:var(--main-rd);width:350px;display:flex;flex-direction:column;gap:20px;font-size:16px}.login-page-container form>div{display:flex;flex-direction:column;gap:5px}.login-page-container form>div input{padding:15px;border-radius:var(--main-rd);border:none;font-size:16px}.login-page-container form button{background-color:var(--color-1);color:#fff;padding:15px;border-radius:var(--main-rd)}.login-page-container form button:hover{background-color:var(--color-1)}.login-page-container form span{display:flex;justify-content:flex-end;font-size:small;color:var(--color-1)}.login-page-container .auth-box{width:calc(100% - 350px);align-items:flex-start;flex-direction:column;gap:20px;padding:50px}.login-page-container .auth-box .logo{font-size:50px;color:#fff;font-weight:700}.form-message,.form-error{font-size:16px;width:100%;padding:var(--pd-1);border-radius:var(--main-rd)}.form-message{color:var(--success-color);background-color:var(--success-color-1)}.form-error{color:var(--danger-color);background-color:var(--danger-color-1)}.appointment-page{height:calc(100vh - 100px);width:100%;display:flex;flex-direction:column;gap:var(--main-gap)}.appointment-page .top{display:flex;justify-content:space-between}.appointment-page .head .calender-switcher{display:flex;justify-content:center;align-items:center;gap:3px}.appointment-page .head .calender-switcher button{padding:var(--pd-0);border-radius:var(--main-rd);height:30px;display:flex;justify-content:center;align-items:center}.appointment-page .head .calender-switcher button:hover{background-color:var(--color-3)}.appointment-page .head .calender-switcher .calender-btn{font-size:medium;width:200px;position:relative}.appointment-page .head .calender-views-tabs{border-radius:var(--main-rd);overflow:hidden;border:1px solid var(--color-2);margin-right:5px;display:flex;min-width:95px}.appointment-page .head .calender-views-tabs button{height:25px;padding-left:10px;padding-right:10px;font-size:12px;color:var(--color-1);background-color:#fff}.appointment-page .head .calender-views-tabs .week-tab{color:#fff}.appointment-page .head .calender-views-tabs .active-tab{border-right:1px solid var(--color-2);color:#fff;background-color:var(--color-1)}.table-component{border-collapse:collapse;table-layout:fixed;width:100%}.table-component thead{position:sticky;top:0;border-top-right-radius:var(--main-rd);border-top-left-radius:var(--main-rd)}.table-component tfoot{position:sticky;bottom:0}.table-component thead th,.table-component tbody td,.table-component tfoot td{text-align:left;padding:var(--pd-1)}.table-component tfoot tr td,.table-component thead th{background-color:var(--color-2);color:var(--color-1)}.table-component thead th:first-child{border-top-left-radius:var(--main-rd);width:50px}.table-component thead th:last-child{border-top-right-radius:var(--main-rd);width:50px}.table-component tfoot td:first-child{border-bottom-left-radius:var(--main-rd)}.table-component tfoot td:last-child{border-bottom-right-radius:var(--main-rd)}.table-component tfoot div.pagination>div{display:flex;justify-content:center;align-items:center}.table-component tfoot tr td div input{min-width:40px;max-width:50px;border-radius:3px;padding:3px;margin-right:10px}.table-component tfoot .pagination{display:flex;justify-content:space-between;align-items:center}.table-component tfoot .pagination>div:first-child{flex-grow:1;text-align:center;margin-left:15%}.table-component tfoot .pagination>div:last-child{min-width:15%;gap:7px;text-align:end}.table-component tbody tr{color:var(--color-1);transition:var(--main-transition)}.table-component tbody tr:first-child{background-color:var(--color-5)}.table-component tfoot .pagination .page-numbers-container{display:flex;justify-content:center;align-items:center;gap:5px}.table-component tfoot .pagination .page-number-btn,.table-component tfoot .pagination .page-number-arrow,.table-component tfoot .pagination .page-number-dots{height:28px;width:28px;padding:0 7px;border-radius:3px;display:flex;justify-content:center;align-items:center;cursor:pointer}.table-component tfoot .pagination .page-number-dots,.table-component tfoot .pagination .page-number-btn{background-color:var(--color-3)}.table-component tfoot .pagination .selected{background-color:var(--color-1);color:var(--color-3)}.table-component tfoot .pagination .page-number-arrow{background-color:var(--color-3)}.table-component tbody td .checkbox{display:none}.table-component tbody td .checkbox-label{display:inline-block;width:20px;height:20px;background-color:#fff;border:1px solid #ccc;border-radius:4px;cursor:pointer;display:flex;justify-content:center;align-items:center}.table-component tbody .dropdown-cell-container button{position:relative}.table-component tbody .dropdown-cell-container button .dropdown-wrapper{position:absolute;right:100%;top:0}.table-component tbody td .checkbox:checked+.checkbox-label{background-color:var(--color-1);border-color:var(--color-1)}.table-component tbody td:first-child,.table-component tbody td:last-child{width:60px}.table-component tbody tr:not(:last-child) td{border-bottom:1px solid var(--color-2)}.table-component .options-list{position:absolute;top:calc(100% - 10px);right:calc(100% - 25px);width:fit-content;z-index:9;background-color:#fff;border-radius:2px;box-shadow:#00000029 0 1px 4px;padding:3px}.table-component .options-list ul{list-style:none;display:flex;flex-direction:column;gap:5px;white-space:nowrap}.table-component .options-list ul li{padding:3px;font-size:12px;border-radius:2px}.table-component .options-list ul li:hover{background-color:var(--color-3);cursor:pointer}.table-component tbody tr:not(.loader,.no-data):hover{background-color:var(--color-4)!important}.button-component{display:flex;justify-content:center;align-items:center;gap:5px;padding:8px 15px;background-color:var(--color-1);color:#fff;font-size:12px;border-radius:var(--main-rd)}.button-component>span{font-size:inherit;color:inherit;font-weight:inherit}.appointment-page .appointment-list{height:calc(100% + -0px)!important;padding:var(--pd-1);min-width:900px}.appointment-page .views-btn{display:flex;overflow:hidden}.appointment-page .views-btn button svg{display:block}.appointment-page .period-views-btn{display:flex;overflow:hidden}.appointment-page .period-views-btn button{padding:var(--pd-1);font-size:small;font-weight:700;color:#01497e}.appointment-page .period-views-btn button svg{display:block}.appointment-page>.head{width:100%;display:flex;justify-content:space-between;align-items:center;padding:var(--pd-1);height:62px}.calender-switcher .left-arrow,.calender-switcher .right-arrow{color:var(--color-2);transition:var(--main-transition)}.calender-switcher .left-arrow:hover,.calender-switcher .right-arrow:hover{color:var(--color-1)}.appointment-page .appointment-list .filters{min-height:70px;height:fit-content;display:flex;justify-content:flex-start;align-items:center;gap:var(--main-rd);flex-wrap:wrap}.appointment-page .appointment-list .filters input[type=date]{width:140px}.appointment-page .appointment-list .filters input[type=number]{width:90px}.appointment-page .appointment-list .list{height:calc(100% - 70px);overflow:auto!important}.modal-container{display:flex;flex-direction:column;justify-content:center;align-items:center;position:fixed;z-index:99;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#000;background-color:#0006}.modal-container .modal-content{padding:20px;animation:animate-open .4s ease-out}@keyframes animate-open{0%{top:-300px;opacity:0}to{top:0;opacity:1}}@keyframes animate-close{0%{top:0;opacity:1}to{top:-300px;opacity:0}}.popup-card-container{background-color:#fff;border-radius:var(--main-rd)}.popup-card-container>.head{padding:var(--pd-2);display:flex;justify-content:space-between;align-items:center;gap:var(--main-gap);background-color:var(--gray-0);border-top-left-radius:var(--main-rd);border-top-right-radius:var(--main-rd)}.popup-card-container .head .title{color:var(--color-1);font-size:large;font-weight:700}.popup-card-container .head .close-icon{color:var(--color-1)}.popup-card-container .content{padding:var(--pd-2);width:500px}.popup-card-container .foot{background-color:var(--gray-0);padding:var(--pd-2);display:flex;justify-content:flex-end;align-items:center;gap:var(--main-gap);border-bottom-left-radius:var(--main-rd);border-bottom-right-radius:var(--main-rd)}.popup-card-container .foot button{padding:var(--pd-1) var(--pd-2);border-radius:var(--main-rd)}.popup-card-container .foot .cancel-btn{padding:var(--pd-1);border-radius:var(--main-rd)}.add-appointment-tabs{display:flex;justify-content:flex-start;align-items:center;gap:var(--main-gap);margin-bottom:var(--pd-2)}.add-appointment-tabs .tab{padding:var(--pd-1);color:var(--color-2);border-radius:var(--main-rd) var(--main-rd) 0 0;cursor:pointer;position:relative;transition:var(--main-transition)}.add-appointment-tabs .tab:after{content:"";height:2px;background-color:var(--color-2);position:absolute;width:0;left:50%;bottom:0;transition:var(--main-transition)}.add-appointment-tabs .tab:not(.active-form):hover{border-color:var(--color-2);color:var(--color-2);background-color:var(--color-4)}.add-appointment-tabs .tab:not(.active-form):hover :after{width:100%;left:0}.add-appointment-tabs .active-form{border-color:var(--color-2);color:var(--color-1);background-color:var(--color-5)}.add-appointment-tabs .active-form:after{width:100%;left:0}.appointment-form{display:flex;flex-direction:column;gap:var(--main-gap)}.appointment-form .search{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:var(--main-gap)}.appointment-form .search label,.appointment-form p{color:var(--color-1);font-size:12px;font-weight:700}.appointment-form label{color:var(--gray-2);font-size:14px}.appointment-form input,.appointment-form textarea{border:1px solid transparent;background-color:var(--gray-0);padding:var(--pd-1);border-radius:var(--main-rd);width:100%;display:block;transition:.2s ease-in-out}.appointment-form input:focus,.appointment-form textarea:focus{border:1px solid var(--gray-1);background-color:#fff}.appointment-form .appointment-infos{display:grid;grid-template-columns:repeat(2,1fr);margin-top:var(--pd-1);gap:var(--main-gap)}.appointment-form .appointment-infos>div{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;gap:var(--s-gap)}.appointment-form .appointment-infos .duration{grid-row:3 / span 1;grid-column:1 / span 1}.appointment-form .appointment-infos .note{grid-row:2 / span 3;grid-column:2 / span 1}.appointment-form .appointment-infos .note textarea{height:calc(100% - 20px);width:100%;resize:none}.appointment-page .week-calender{height:100%;overflow-y:auto;min-width:800px;width:100%}.appointment-page .week-calender .calender-grid-table{border-collapse:collapse;background-color:var(--color-3);width:100%;height:100%;border-radius:var(--main-rd);table-layout:fixed}.appointment-page .week-calender .calender-grid-table thead{background-color:#fff;height:40px;position:sticky;top:0;z-index:10;box-shadow:0 3px 3px #0000001a}.appointment-page .week-calender .calender-grid-table thead .day{font-size:14px;font-weight:00}.appointment-page .week-calender .calender-grid-table thead .single-day-header{padding-left:20px;color:var(--color-1)}.appointment-page .week-calender .calender-grid-table thead .day span{font-size:12px;margin-left:5px}.appointment-page .week-calender .calender-grid-table tbody{position:relative}.appointment-page .week-calender .calender-grid-table tr td:not(:first-child){border-bottom:1px solid var(--color-1)}.appointment-page .week-calender .calender-grid-table tbody tr td:not(:last-child,:first-child){border-right:1px solid var(--color-1)}.appointment-page .week-calender .rendez-vous-layer{position:absolute;width:100%;height:100%;top:0;left:0}.appointment-page .week-calender .calender-grid-table thead tr th{border-bottom:1px solid var(--color-1)}.appointment-page .week-calender .calender-grid-table thead tr th:not(:last-child){border-right:1px solid var(--color-1)}.appointment-page .week-calender .calender-grid-table .times{font-size:small;position:relative}.appointment-page .week-calender .calender-grid-table .times span{position:absolute;bottom:-17px;padding:10px;font-weight:700;background-color:#fff;z-index:1}.appointment-page .week-calender .calender-grid-table tr td:first-child:not(.rendez-vous-layer),.appointment-page .week-calender .calender-grid-table tr td:nth-child(2):not(.rendez-vous-layer){background-color:#fff}.appointment-page .week-calender .calender-grid-table thead tr th:first-child{width:70px}.appointment-page .week-calender .calender-grid-table tbody tr:last-child{height:0}.appointment-page .week-calender .calender-grid-table tbody tr .lines{width:5px}.appointment-page .week-calender .calender-grid-table tbody .rendez-wrapper{position:absolute;border-radius:var(--main-rd);overflow:hidden;width:calc(calc(calc(100% - 70px) / 7) - 4px);background-color:#fff}.appointment-page .week-calender .calender-grid-table tbody .rendez-wrapper .rendez{border:2px ridge;border-radius:var(--main-rd);height:100%;width:100%;position:relative;overflow:hidden}.appointment-page .week-calender .rendez .details-rendez{visibility:hidden;opacity:0;transition:var(--main-transition);cursor:pointer}.appointment-page .week-calender .rendez:hover .details-rendez{visibility:visible;opacity:1}.appointment-page .appointment-list{height:calc(100% - 100px);padding:var(--pd-1)}.appointment-page .appointment-list .filters{height:70px;display:flex;justify-content:flex-start;align-items:center;gap:var(--main-rd)}.appointment-page .appointment-list .filters>div{height:57px;display:flex;flex-direction:column;justify-content:space-between}.appointment-page .appointment-list .filters>div label{font-size:12px;font-weight:500px;color:gray}.appointment-page .appointment-list .filters>div input{height:40px;align-self:flex-end}.appointment-page .appointment-list .filters>div:not(:first-child) input{padding:var(--pd-1);border:1px solid var(--color-2);border-radius:var(--main-rd)}.appointment-page .appointment-list .filters .search{border:1px solid var(--color-2);border-radius:var(--main-rd);z-index:11;overflow:hidden;display:flex;align-items:center}.appointment-page .appointment-list .filters .search label{display:flex;justify-content:center;align-items:center;padding:var(--pd-0)}.appointment-page .appointment-list .filters .search label svg{display:block}.appointment-page .appointment-list .list{height:calc(100% - 70px);overflow:auto}.appointment-page .patient-in-table{display:flex;justify-content:flex-start;align-items:center;gap:var(--main-gap)}.appointment-page .patient-in-table .image{width:35px;height:35px;overflow:hidden;border-radius:var(--main-rd)}.react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow,.react-datepicker__navigation-icon:before{border-color:#ccc;border-style:solid;border-width:3px 3px 0 0;content:"";display:block;height:9px;position:absolute;top:6px;width:9px}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle,.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle{margin-left:-4px;position:absolute;width:0}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:before,.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before,.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:after,.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:after{box-sizing:content-box;position:absolute;border:8px solid transparent;height:0;width:1px;content:"";z-index:-1;border-width:8px;left:-8px}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:before,.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before{border-bottom-color:#aeaeae}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle{top:0;margin-top:-8px}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before,.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:after{border-top:none;border-bottom-color:#f0f0f0}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:after{top:0}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before{top:-1px;border-bottom-color:#aeaeae}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle{bottom:0;margin-bottom:-8px}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:before,.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:after{border-bottom:none;border-top-color:#fff}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:after{bottom:0}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:before{bottom:-1px;border-top-color:#aeaeae}.react-datepicker-wrapper{display:inline-block;padding:0;border:0}.react-datepicker{font-family:Helvetica Neue,helvetica,arial,sans-serif;font-size:.8rem;background-color:#fff;color:#000;border:1px solid #aeaeae;border-radius:.3rem;display:inline-block;position:relative}.react-datepicker--time-only .react-datepicker__triangle{left:35px}.react-datepicker--time-only .react-datepicker__time-container{border-left:0}.react-datepicker--time-only .react-datepicker__time,.react-datepicker--time-only .react-datepicker__time-box{border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem}.react-datepicker__triangle{position:absolute;left:50px}.react-datepicker-popper{z-index:1}.react-datepicker-popper[data-placement^=bottom]{padding-top:10px}.react-datepicker-popper[data-placement=bottom-end] .react-datepicker__triangle,.react-datepicker-popper[data-placement=top-end] .react-datepicker__triangle{left:auto;right:50px}.react-datepicker-popper[data-placement^=top]{padding-bottom:10px}.react-datepicker-popper[data-placement^=right]{padding-left:8px}.react-datepicker-popper[data-placement^=right] .react-datepicker__triangle{left:auto;right:42px}.react-datepicker-popper[data-placement^=left]{padding-right:8px}.react-datepicker-popper[data-placement^=left] .react-datepicker__triangle{left:42px;right:auto}.react-datepicker__header{text-align:center;background-color:#f0f0f0;border-bottom:1px solid #aeaeae;border-top-left-radius:.3rem;padding:8px 0;position:relative}.react-datepicker__header--time{padding-bottom:8px;padding-left:5px;padding-right:5px}.react-datepicker__header--time:not(.react-datepicker__header--time--only){border-top-left-radius:0}.react-datepicker__header:not(.react-datepicker__header--has-time-select){border-top-right-radius:.3rem}.react-datepicker__year-dropdown-container--select,.react-datepicker__month-dropdown-container--select,.react-datepicker__month-year-dropdown-container--select,.react-datepicker__year-dropdown-container--scroll,.react-datepicker__month-dropdown-container--scroll,.react-datepicker__month-year-dropdown-container--scroll{display:inline-block;margin:0 15px}.react-datepicker__current-month,.react-datepicker-time__header,.react-datepicker-year-header{margin-top:0;color:#000;font-weight:700;font-size:.944rem}.react-datepicker-time__header{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.react-datepicker__navigation{align-items:center;background:none;display:flex;justify-content:center;text-align:center;cursor:pointer;position:absolute;top:2px;padding:0;border:none;z-index:1;height:32px;width:32px;text-indent:-999em;overflow:hidden}.react-datepicker__navigation--previous{left:2px}.react-datepicker__navigation--next{right:2px}.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button){right:85px}.react-datepicker__navigation--years{position:relative;top:0;display:block;margin-left:auto;margin-right:auto}.react-datepicker__navigation--years-previous{top:4px}.react-datepicker__navigation--years-upcoming{top:-4px}.react-datepicker__navigation:hover *:before{border-color:#a6a6a6}.react-datepicker__navigation-icon{position:relative;top:-1px;font-size:20px;width:0}.react-datepicker__navigation-icon--next{left:-2px}.react-datepicker__navigation-icon--next:before{transform:rotate(45deg);left:-7px}.react-datepicker__navigation-icon--previous{right:-2px}.react-datepicker__navigation-icon--previous:before{transform:rotate(225deg);right:-7px}.react-datepicker__month-container{float:left}.react-datepicker__year{margin:.4rem;text-align:center}.react-datepicker__year-wrapper{display:flex;flex-wrap:wrap;max-width:180px}.react-datepicker__year .react-datepicker__year-text{display:inline-block;width:4rem;margin:2px}.react-datepicker__month{margin:.4rem;text-align:center}.react-datepicker__month .react-datepicker__month-text,.react-datepicker__month .react-datepicker__quarter-text{display:inline-block;width:4rem;margin:2px}.react-datepicker__input-time-container{clear:both;width:100%;float:left;margin:5px 0 10px 15px;text-align:left}.react-datepicker__input-time-container .react-datepicker-time__caption,.react-datepicker__input-time-container .react-datepicker-time__input-container{display:inline-block}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input{display:inline-block;margin-left:10px}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input{width:auto}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-inner-spin-button,.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]{-moz-appearance:textfield}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter{margin-left:5px;display:inline-block}.react-datepicker__time-container{float:right;border-left:1px solid #aeaeae;width:85px}.react-datepicker__time-container--with-today-button{display:inline;border:1px solid #aeaeae;border-radius:.3rem;position:absolute;right:-87px;top:0}.react-datepicker__time-container .react-datepicker__time{position:relative;background:white;border-bottom-right-radius:.3rem}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box{width:85px;overflow-x:hidden;margin:0 auto;text-align:center;border-bottom-right-radius:.3rem}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list{list-style:none;margin:0;height:calc(195px + .85rem);overflow-y:scroll;padding-right:0;padding-left:0;width:100%;box-sizing:content-box}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item{height:30px;padding:5px 10px;white-space:nowrap}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover{cursor:pointer;background-color:#f0f0f0}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected{background-color:#216ba5;color:#fff;font-weight:700}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover{background-color:#216ba5}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled{color:#ccc}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover{cursor:default;background-color:transparent}.react-datepicker__week-number{color:#ccc;display:inline-block;width:1.7rem;line-height:1.7rem;text-align:center;margin:.166rem}.react-datepicker__week-number.react-datepicker__week-number--clickable{cursor:pointer}.react-datepicker__week-number.react-datepicker__week-number--clickable:not(.react-datepicker__week-number--selected,.react-datepicker__week-number--keyboard-selected):hover{border-radius:.3rem;background-color:#f0f0f0}.react-datepicker__week-number--selected{border-radius:.3rem;background-color:#216ba5;color:#fff}.react-datepicker__week-number--selected:hover{background-color:#1d5d90}.react-datepicker__week-number--keyboard-selected{border-radius:.3rem;background-color:#2a87d0;color:#fff}.react-datepicker__week-number--keyboard-selected:hover{background-color:#1d5d90}.react-datepicker__day-names{white-space:nowrap;margin-bottom:-8px}.react-datepicker__week{white-space:nowrap}.react-datepicker__day-name,.react-datepicker__day,.react-datepicker__time-name{color:#000;display:inline-block;width:1.7rem;line-height:1.7rem;text-align:center;margin:.166rem}.react-datepicker__day,.react-datepicker__month-text,.react-datepicker__quarter-text,.react-datepicker__year-text{cursor:pointer}.react-datepicker__day:hover,.react-datepicker__month-text:hover,.react-datepicker__quarter-text:hover,.react-datepicker__year-text:hover{border-radius:.3rem;background-color:#f0f0f0}.react-datepicker__day--today,.react-datepicker__month-text--today,.react-datepicker__quarter-text--today,.react-datepicker__year-text--today{font-weight:700}.react-datepicker__day--highlighted,.react-datepicker__month-text--highlighted,.react-datepicker__quarter-text--highlighted,.react-datepicker__year-text--highlighted{border-radius:.3rem;background-color:#3dcc4a;color:#fff}.react-datepicker__day--highlighted:hover,.react-datepicker__month-text--highlighted:hover,.react-datepicker__quarter-text--highlighted:hover,.react-datepicker__year-text--highlighted:hover{background-color:#32be3f}.react-datepicker__day--highlighted-custom-1,.react-datepicker__month-text--highlighted-custom-1,.react-datepicker__quarter-text--highlighted-custom-1,.react-datepicker__year-text--highlighted-custom-1{color:#f0f}.react-datepicker__day--highlighted-custom-2,.react-datepicker__month-text--highlighted-custom-2,.react-datepicker__quarter-text--highlighted-custom-2,.react-datepicker__year-text--highlighted-custom-2{color:green}.react-datepicker__day--holidays,.react-datepicker__month-text--holidays,.react-datepicker__quarter-text--holidays,.react-datepicker__year-text--holidays{position:relative;border-radius:.3rem;background-color:#ff6803;color:#fff}.react-datepicker__day--holidays .holiday-overlay,.react-datepicker__month-text--holidays .holiday-overlay,.react-datepicker__quarter-text--holidays .holiday-overlay,.react-datepicker__year-text--holidays .holiday-overlay{position:absolute;bottom:100%;left:50%;transform:translate(-50%);background-color:#333;color:#fff;padding:4px;border-radius:4px;white-space:nowrap;visibility:hidden;opacity:0;transition:visibility 0s,opacity .3s ease-in-out}.react-datepicker__day--holidays:hover,.react-datepicker__month-text--holidays:hover,.react-datepicker__quarter-text--holidays:hover,.react-datepicker__year-text--holidays:hover{background-color:#cf5300}.react-datepicker__day--holidays:hover .holiday-overlay,.react-datepicker__month-text--holidays:hover .holiday-overlay,.react-datepicker__quarter-text--holidays:hover .holiday-overlay,.react-datepicker__year-text--holidays:hover .holiday-overlay{visibility:visible;opacity:1}.react-datepicker__day--selected,.react-datepicker__day--in-selecting-range,.react-datepicker__day--in-range,.react-datepicker__month-text--selected,.react-datepicker__month-text--in-selecting-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--selected,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--selected,.react-datepicker__year-text--in-selecting-range,.react-datepicker__year-text--in-range{border-radius:.3rem;background-color:#216ba5;color:#fff}.react-datepicker__day--selected:hover,.react-datepicker__day--in-selecting-range:hover,.react-datepicker__day--in-range:hover,.react-datepicker__month-text--selected:hover,.react-datepicker__month-text--in-selecting-range:hover,.react-datepicker__month-text--in-range:hover,.react-datepicker__quarter-text--selected:hover,.react-datepicker__quarter-text--in-selecting-range:hover,.react-datepicker__quarter-text--in-range:hover,.react-datepicker__year-text--selected:hover,.react-datepicker__year-text--in-selecting-range:hover,.react-datepicker__year-text--in-range:hover{background-color:#1d5d90}.react-datepicker__day--keyboard-selected,.react-datepicker__month-text--keyboard-selected,.react-datepicker__quarter-text--keyboard-selected,.react-datepicker__year-text--keyboard-selected{border-radius:.3rem;background-color:#bad9f1;color:#000}.react-datepicker__day--keyboard-selected:hover,.react-datepicker__month-text--keyboard-selected:hover,.react-datepicker__quarter-text--keyboard-selected:hover,.react-datepicker__year-text--keyboard-selected:hover{background-color:#1d5d90}.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__month-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__quarter-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__year-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range){background-color:#216ba580}.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range){background-color:#f0f0f0;color:#000}.react-datepicker__day--disabled,.react-datepicker__month-text--disabled,.react-datepicker__quarter-text--disabled,.react-datepicker__year-text--disabled{cursor:default;color:#ccc}.react-datepicker__day--disabled:hover,.react-datepicker__month-text--disabled:hover,.react-datepicker__quarter-text--disabled:hover,.react-datepicker__year-text--disabled:hover{background-color:transparent}.react-datepicker__input-container{position:relative;display:inline-block;width:100%}.react-datepicker__input-container .react-datepicker__calendar-icon{position:absolute;padding:.5rem;box-sizing:content-box}.react-datepicker__view-calendar-icon input{padding:6px 10px 5px 25px}.react-datepicker__year-read-view,.react-datepicker__month-read-view,.react-datepicker__month-year-read-view{border:1px solid transparent;border-radius:.3rem;position:relative}.react-datepicker__year-read-view:hover,.react-datepicker__month-read-view:hover,.react-datepicker__month-year-read-view:hover{cursor:pointer}.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow{border-top-color:#b3b3b3}.react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow{transform:rotate(135deg);right:-16px;top:0}.react-datepicker__year-dropdown,.react-datepicker__month-dropdown,.react-datepicker__month-year-dropdown{background-color:#f0f0f0;position:absolute;width:50%;left:25%;top:30px;z-index:1;text-align:center;border-radius:.3rem;border:1px solid #aeaeae}.react-datepicker__year-dropdown:hover,.react-datepicker__month-dropdown:hover,.react-datepicker__month-year-dropdown:hover{cursor:pointer}.react-datepicker__year-dropdown--scrollable,.react-datepicker__month-dropdown--scrollable,.react-datepicker__month-year-dropdown--scrollable{height:150px;overflow-y:scroll}.react-datepicker__year-option,.react-datepicker__month-option,.react-datepicker__month-year-option{line-height:20px;width:100%;display:block;margin-left:auto;margin-right:auto}.react-datepicker__year-option:first-of-type,.react-datepicker__month-option:first-of-type,.react-datepicker__month-year-option:first-of-type{border-top-left-radius:.3rem;border-top-right-radius:.3rem}.react-datepicker__year-option:last-of-type,.react-datepicker__month-option:last-of-type,.react-datepicker__month-year-option:last-of-type{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem}.react-datepicker__year-option:hover,.react-datepicker__month-option:hover,.react-datepicker__month-year-option:hover{background-color:#ccc}.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming{border-bottom-color:#b3b3b3}.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous{border-top-color:#b3b3b3}.react-datepicker__year-option--selected,.react-datepicker__month-option--selected,.react-datepicker__month-year-option--selected{position:absolute;left:15px}.react-datepicker__close-icon{cursor:pointer;background-color:transparent;border:0;outline:0;padding:0 6px 0 0;position:absolute;top:0;right:0;height:100%;display:table-cell;vertical-align:middle}.react-datepicker__close-icon:after{cursor:pointer;background-color:#216ba5;color:#fff;border-radius:50%;height:16px;width:16px;padding:2px;font-size:12px;line-height:1;text-align:center;display:table-cell;vertical-align:middle;content:"×"}.react-datepicker__close-icon--disabled{cursor:default}.react-datepicker__close-icon--disabled:after{cursor:default;background-color:#ccc}.react-datepicker__today-button{background:#f0f0f0;border-top:1px solid #aeaeae;cursor:pointer;text-align:center;font-weight:700;padding:5px 0;clear:left}.react-datepicker__portal{position:fixed;width:100vw;height:100vh;background-color:#000c;left:0;top:0;justify-content:center;align-items:center;display:flex;z-index:2147483647}.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__time-name{width:3rem;line-height:3rem}@media (max-width: 400px),(max-height: 550px){.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__time-name{width:2rem;line-height:2rem}}.react-datepicker__portal .react-datepicker__current-month,.react-datepicker__portal .react-datepicker-time__header{font-size:1.44rem}.react-datepicker__children-container{width:13.8rem;margin:.4rem;padding-right:.2rem;padding-left:.2rem;height:auto}.react-datepicker__aria-live{position:absolute;clip-path:circle(0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;width:1px;white-space:nowrap}.react-datepicker__calendar-icon{width:1em;height:1em;vertical-align:-.125em}.patient-list-page{display:flex;flex-direction:column;gap:var(--main-gap);height:calc(100vh - 100px)}.patient-list-page>.head{padding:var(--pd-1);height:62px}.patient-list-page .patient-list{height:100%;min-width:800px;width:100%}.patient-list-page .patient-list{min-height:calc(100vh - 200px);padding:var(--pd-1)}.patient-list-page .patient-list .header-container{display:flex;justify-content:space-between;align-items:center}.patient-list-page .patient-list .filters{height:70px;display:flex;justify-content:flex-start;align-items:center;gap:var(--main-rd)}.patient-list-page .patient-list .filters>div{height:57px;display:flex;flex-direction:column;justify-content:space-between}.patient-list-page .patient-list .filters .search{border:1px solid var(--color-2);border-radius:var(--main-rd);z-index:11;overflow:hidden;display:flex;align-items:center;height:40px}.patient-list-page .patient-list .filters>div label{font-size:12px;font-weight:500px;color:gray}.patient-list-page .patient-list .filters>div input{height:40px;align-self:flex-end}.patient-list-page .patient-list .filters>div:not(:first-child) input{padding:var(--pd-1);border:1px solid var(--color-2);border-radius:var(--main-rd)}.patient-list-page input[type=date]{width:100%}.patient-list-page input[type=number]{width:90px}.patient-list-page .patient-list .filters .search label{display:flex;justify-content:center;align-items:center;padding:var(--pd-0)}.patient-list-page .patient-list .filters .search label svg{display:block}.patient-list-page .patient-list .list{height:calc(100% - 70px);overflow:auto}.patient-list .patient-entry{overflow-wrap:break-word}.add-patient-form label{color:var(--gray-2)}.add-patient-form input,.add-patient-form textarea{border:1px solid transparent;background-color:var(--gray-0);padding:var(--pd-1);border-radius:var(--main-rd);width:100%;transition:.2s ease-in-out}.add-patient-form input:focus,.add-patient-form textarea:focus{border:1px solid var(--gray-1);background-color:#fff}.add-patient-form textarea{height:80px;resize:none}.add-patient-form .add-patient-infos{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--main-gap)}.add-patient-form .add-patient-infos .info-item{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:var(--main-gap);margin-top:var(--pd-1)}.add-patient-form .add-patient-infos .info-item:last-child{grid-column:span 2}.patient-profile-page{display:flex;gap:var(--main-gap);flex-direction:column;height:calc(100vh - 100px)}.patient-profile-page>.content{display:flex;flex-direction:row;gap:var(--main-gap);align-items:flex-start;width:100%;height:calc(100vh - 135px)}.patient-profile-page>.content .header-profile{height:100%;width:20%;gap:var(--main-gap);display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;padding:var(--pd-1)}.patient-profile-page>.content .header-profile .info-list{height:100%;overflow:auto;display:flex;flex-direction:column;gap:var(--main-gap);width:100%}.patient-profile-page>.content .header-profile .name{font-weight:600;font-size:14px}.patient-profile-page>.content .header-profile .photo{width:50px}.patient-profile-page>.content .header-profile .photo img{width:100%}.patient-profile-page>.content .header-profile .id{font-weight:600;font-size:14px;color:var(--gray-1);background-color:var(--gray-0);width:fit-content;border-radius:3px;padding:3px 6px}.patient-profile-page>.content .profile-data{width:80%;display:flex;flex-direction:column;gap:var(--main-gap);height:100%}.patient-profile-page>.content .profile-data .tabs{display:flex;gap:var(--main-gap);height:auto;padding:var(--pd-1)}.patient-profile-page>.content .profile-data .tabs a{padding:var(--pd-1);border-radius:var(--main-rd)}.patient-profile-page>.content .profile-data .tabs a:not(.active):hover{background-color:var(--color-3)}.patient-profile-page>.content .profile-data .tabs .active{background-color:var(--color-1);color:var(--color-3)}.patient-profile-page>.content .profile-data .content-data{overflow:hidden;padding:var(--pd-1);height:100%}.patient-profile-page>.content .profile-data .content-data{width:100%}.data-slice{display:flex;flex-direction:column;align-items:flex-start;gap:var(--s-gap);background-color:var(--color-3);padding:var(--pd-1);width:100%;border-radius:var(--main-rd);height:max-content}.data-slice .data-name{font-size:14px;color:var(--gray-3)}.data-slice .data-text{font-size:16px}.patient-profile-page .appointment-list{height:calc(100% - 70px)}.patient-profile-page .appointment-list .filters{height:70px;display:flex;justify-content:flex-start;align-items:center;gap:var(--main-rd)}.patient-profile-page .appointment-list .filters>div{height:57px;display:flex;flex-direction:column;justify-content:space-between}.patient-profile-page .appointment-list .filters>div label{font-size:12px;font-weight:500px;color:gray}.patient-profile-page .appointment-list .filters>div input{height:40px;align-self:flex-end}.patient-profile-page .appointment-list .filters>div:not(:first-child) input{padding:var(--pd-1);border:1px solid var(--color-2);border-radius:var(--main-rd)}.patient-profile-page .appointment-list input[type=date]{width:140px}.patient-profile-page .appointment-list input[type=number]{width:90px}.patient-profile-page .appointment-list .filters .search{border:1px solid var(--color-2);border-radius:var(--main-rd);z-index:11;overflow:hidden;display:flex;align-items:center}.patient-profile-page .appointment-list .filters .search label{display:flex;justify-content:center;align-items:center;padding:var(--pd-0)}.patient-profile-page .appointment-list .filters .search label svg{display:block}.patient-profile-page .appointment-list .list{height:100%;overflow:auto}.patient-profile-page .patient-in-table{display:flex;justify-content:flex-start;align-items:center;gap:var(--main-gap)}.patient-profile-page .patient-in-table .image{width:35px;height:35px;overflow:hidden;border-radius:var(--main-rd)}.files{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--gap-2)}.file{padding:var(--pd-1);border-radius:var(--main-rd);border:1px solid #c9c9c9;gap:var(--main-gap);flex-direction:column;position:relative;overflow:hidden}.filled{background-color:#fff9c6}.empty:hover{background-color:var(--color-3)}.file .icon svg{display:block}.file .empty-content{flex-direction:column;width:60%;gap:var(--s-gap)}.file .empty-content .empty-title{font-size:22px;font-weight:500;text-align:center;color:var(--color-1)}.file .empty-content .empty-description{font-size:13px;font-weight:400;text-align:center;color:var(--color-1)}.file .box{position:absolute;top:0;left:0;width:100%;height:100%;opacity:1;transition:var(--main-transition);display:flex;justify-content:flex-start;align-items:center;flex-direction:column;gap:var(--gap-3);padding:var(--pd-2)}.file .box:hover{opacity:1;background-color:#000000b3}.file .box:hover .file-title{color:#fff;background-color:transparent}.file .box:hover .file-actions{opacity:1}.file .box .file-title{color:var(--color-3);font-size:24px;font-weight:700;background-color:#000000b3;padding:var(--pd-1);border-radius:var(--main-rd);transition:var(--main-transition)}.file .box .file-actions{display:flex;gap:var(--main-gap);opacity:0;transition:var(--main-transition)}.file .box .file-actions .icon{background-color:#fff;padding:var(--pd-0);border-radius:var(--main-rd)}.file .box .file-actions .icon svg{height:32px;width:32px}.add-document-card-container{display:flex;flex-direction:column;gap:var(--main-gap)}.add-document-card-container>div{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;gap:var(--s-gap)}.add-document-card-container .document ::-webkit-file-upload-button{display:none}.add-document-card-container .document label{display:flex;justify-content:center;align-items:center;flex-direction:column;gap:var(--main-gap);color:var(--color-1);height:200px;width:100%;border-radius:var(--main-rd);border:2px dashed var(--color-1);font-size:large;background-color:var(--color-3);cursor:pointer;transition:var(--main-transition)}.add-document-card-container .document label button{background-color:var(--color-5);color:var(--color-1);font-weight:600;padding:var(--pd-2);border-radius:var(--main-rd);display:flex;align-items:center;justify-content:center;gap:var(--main-gap)}.add-document-card-container .document label:hover{background-color:var(--color-4)}.add-document-card-container .title label{color:var(--gray-2);font-size:14px}.add-document-card-container input:not([type=file]){border:1px solid transparent;background-color:var(--gray-0);padding:var(--pd-1);border-radius:var(--main-rd);width:100%;display:block;transition:.2s ease-in-out}.add-document-card-container input:not([type=file]):focus{border:1px solid var(--gray-1);background-color:#fff}.chart-container{display:flex;justify-content:start;align-items:center;flex-direction:column;gap:var(--main-gap);height:100%;overflow:auto}.chart-container .teeth-container{display:flex;justify-content:center;align-items:center;flex-direction:column;gap:var(--gap-2);padding:var(--pd-2);max-height:67%;border-radius:var(--main-rd)}.chart-container .teeth-container>div:last-child .tooth-wrapper img{transform:rotate(180deg)}.chart-container .tooth-wrapper{height:190px;cursor:pointer;border-radius:var(--main-rd);display:flex;flex-direction:column;justify-content:center;transition:.2s ease}.tooth-number{font-weight:700;font-size:medium!important}.chart-container .tooth-wrapper>div{text-align:center;height:10%;color:var(--color-1);font-size:large}.chart-container .tooth-wrapper img{max-height:70%;width:auto}.chart-container .tooth-wrapper:hover{background-color:var(--color-4)}.chart-container .checkout-btn{background-color:var(--warning-color);color:#fff;border:2px solid var(--warning-color);padding:4px 8px;gap:5px;border-radius:var(--main-rd);margin-right:10px;margin-left:auto;font-size:large;animation:grow .8s linear infinite}.chart-container .checkout-btn svg{background-color:transparent;animation:moving-arrow .5s linear infinite}@keyframes moving-arrow{to{transform:translate(5px)}}@keyframes grow{to{scale:1.03}}.chart-popup{display:flex;flex-direction:column;gap:var(--main-gap)}.chart-popup .add-act-btn{padding:8px;width:100;display:flex;justify-content:center;align-items:center;gap:var(--main-gap);background-color:var(--color-3);color:var(--color-1);border-radius:var(--main-rd)}.chart-popup .tooth-act-input{display:flex;gap:var(--main-gap);flex-direction:column}.chart-popup .tooth-act-input>div{display:flex;flex-direction:column;justify-content:space-between}.chart-popup .tooth-act-input .act-select{width:calc(100% + -0px)}.chart-popup .tooth-act-input .rdv{width:calc(50% - 20px)}.chart-popup input,.chart-popup textarea{border:1px solid transparent;background-color:var(--gray-0);padding:var(--pd-1);border-radius:var(--main-rd);width:100%;display:block;transition:.2s ease-in-out}.chart-popup .input label{color:var(--gray-2);font-size:14px}.chart-popup .input{display:flex;flex-direction:column;gap:var(--s-gap);width:100%}.chart-popup input:focus,.chart-popup textarea:focus{border:1px solid var(--gray-1);background-color:#fff}.stock-list-page{display:flex;flex-direction:column;gap:var(--main-gap);height:calc(100vh - 100px)}.stock-list-page>.head{padding:var(--pd-1);height:62px}.stock-list-page .stock-list{max-height:100%;min-width:800px}.stock-list-page .stock-list{height:100%;padding:var(--pd-1)}.stock-list-page .stock-list .filters{height:70px;display:flex;justify-content:flex-start;align-items:center;gap:var(--main-rd)}.stock-list-page .stock-list .filters .search{border:1px solid var(--color-2);border-radius:var(--main-rd);z-index:11;overflow:hidden;display:flex;align-items:center;height:40px}.stock-list-page .stock-list .filters>div{height:57px;display:flex;flex-direction:column;justify-content:space-between}.stock-list-page .stock-list .filters>div label{font-size:12px;font-weight:500px;color:gray}.stock-list-page .stock-list .filters>div input{height:40px;align-self:flex-end}.stock-list-page .stock-list .filters input[type=date]{width:140px}.stock-list-page .stock-list .filters input[type=number]{width:90px}.stock-list-page .stock-list .filters>div:not(:first-child) input{padding:var(--pd-1);border:1px solid var(--color-2);border-radius:var(--main-rd)}.stock-list-page input[type=date],.stock-list-page input[type=number]{width:100%}.stock-list-page .stock-list .filters .search{display:flex}.stock-list-page .stock-list .filters .search label{display:flex;justify-content:center;align-items:center;padding:var(--pd-0)}.stock-list-page .stock-list .filters .search label svg{display:block}.stock-list-page .stock-list .list{height:calc(100% - 70px);overflow:auto}.add-stock-form label{color:var(--gray-2)}.add-stock-form input,.add-stock-form textarea{border:1px solid transparent;background-color:var(--gray-0);padding:var(--pd-1);border-radius:var(--main-rd);width:100%;transition:.2s ease-in-out}.add-stock-form input:focus,.add-stock-form textarea:focus{border:1px solid var(--gray-1);background-color:#fff}.add-stock-form textarea{height:80px;resize:none}.add-stock-form .add-stock-infos{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--main-gap)}.add-stock-form .add-stock-infos .info-item{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:var(--main-gap);margin-top:var(--pd-1)}.add-stock-form .add-stock-infos .info-item:last-child,.add-stock-form .add-stock-infos .info-item:first-child{grid-column:span 2}.product-container .delete-product-icon{transition:var(--main-transition);right:-40px}.product-container:hover .delete-product-icon{right:0}.notifications-page{display:flex;flex-direction:column;gap:var(--main-gap);height:calc(100vh - 100px);overflow:hidden}.notifications-page .notifications-list{padding:var(--pd-2);display:flex;flex-direction:column;gap:var(--main-gap);max-height:100%}.notifications-page .notifications-list .items{padding:var(--pd-0);max-height:100%;overflow-y:scroll;display:flex;flex-direction:column;gap:var(--main-gap)}.invoicing-page{height:calc(100vh - 100px);width:100%;display:flex;flex-direction:column;gap:var(--main-gap)}.invoicing-page>.head{display:flex;justify-content:space-between;align-items:center;padding:var(--pd-1);height:62px}.invoicing-page>.head .invoicing-views-tabs{border-radius:var(--main-rd);overflow:hidden;border:1px solid var(--color-2);margin-right:5px;display:flex;min-width:95px}.invoicing-page .invoicing-list .filters .search{border:1px solid var(--color-2);border-radius:var(--main-rd);z-index:11;overflow:hidden;display:flex;align-items:center}.invoicing-page .invoicing-list .filters>div:not(:first-child) input{padding:var(--pd-1);border:1px solid var(--color-2);border-radius:var(--main-rd)}.invoicing-page input[type=date]{width:140px}.invoicing-page input[type=number]{width:90px}.invoicing-page .invoicing-list .filters .search{display:flex}.invoicing-page .invoicing-list .filters .search label{display:flex;justify-content:center;align-items:center;padding:var(--pd-0)}.invoicing-page .invoicing-list{height:100%;padding:var(--pd-1)}.invoicing-page .invoicing-list .filters{height:70px;display:flex;justify-content:flex-start;align-items:center;gap:var(--main-rd)}.invoicing-page .invoicing-list .filters>div{height:57px;display:flex;flex-direction:column;justify-content:space-between}.invoicing-page .invoicing-list .filters .search{border:1px solid var(--color-2);border-radius:var(--main-rd);z-index:11;overflow:hidden;display:flex;align-items:center;height:40px}.invoicing-page .invoicing-list .filters>div label{font-size:12px;font-weight:500px;color:gray}.invoicing-page .invoicing-list .filters>div input{height:40px;align-self:flex-end}.invoicing-page .invoicing-list .filters .search label svg{display:block}.invoicing-page .invoicing-list .list{height:calc(100% - 70px);overflow:auto}.add-payment-card-container{display:flex;flex-direction:column}.add-payment-card-container .payment-card-header{display:flex;flex-direction:column;justify-content:center;align-items:center}.add-payment-card-container .payment-card-header .fact-ref{font-size:18px}.add-payment-card-container .payment-card-header .fact-patient{font-size:14px}.add-payment-card-container .payment-info{display:flex;flex-direction:column;gap:5px;margin-top:25px}.add-payment-card-container .payment-info .payment-card-subheader{display:flex;width:40%;justify-content:space-between}.add-payment-card-container .payment-card-content{display:flex;flex-direction:column;align-items:center;margin:25px 25px 0;padding:7px;border:1px solid #bcbcbc;border-radius:4px}.invoice-card{display:flex;flex-direction:column;max-height:70vh;overflow:auto;justify-content:space-between;gap:var(--main-gap)}.invoice-card .invoice-card-header{display:flex;width:100%;justify-content:space-between}.invoice-ref-date-body #invoice-ref{font-size:21px}.invoice-ref-date-body #invoice-date{font-size:15px;color:#7f8c8d}.invoice-patient-status-body{display:flex;justify-content:center;align-items:start;flex-direction:column;gap:var(--main-gap)}.invoice-patient-status-body .patient-name h2{font-size:medium}.invoice-patient-status-body #invoice-status{font-size:14px;text-align:right;color:#7f8c8d}.invoice-card .invoice-card-content{display:flex;align-items:start;width:100%;height:100%;margin:10px 0}.invoice-card-footer{display:flex;justify-content:space-between;width:100%}.total-calculation .amount-container{display:flex;justify-content:space-between;width:20vw;padding:5px 7px}.amount-container .amount-label{color:var(--color-1)}.amount-seperator{background-color:var(--color-1);height:2px;font-weight:700}.invoice-card-footer .invoice-footer-options{display:flex;width:30vw;justify-content:end;align-items:center;gap:13px}.invoice-details-container{display:flex;width:100%}.invoice-details-container table{border-radius:5px;overflow:hidden}.invoice-details-container table tr td{padding:var(--pd-0)}.invoice-appointment-details-container{background-color:var(--color-1);border-radius:5px!important}.invoice-appointment-details-container .appointment-description{padding:4px 4px 4px 5px;border-radius:5px!important}.invoice-appointment-details-container .appointment-cost,.invoice-appointment-details-container .appointment-paid{display:flex;justify-content:center;align-items:center;margin-right:24%;margin-left:45%;text-align:center;padding:4px 4px 4px 5px}.invoice-appointment-toothAct-container{background-color:var(--color-4)}.invoice-appointment-toothAct-container .appointment-toothAct-description{display:flex;width:100%;text-align:left;padding:4px;margin-left:60px}.invoice-appointment-toothAct-container .appointment-toothAct-cost{display:flex;justify-content:center;align-items:center;margin-right:24%;margin-left:45%;text-align:center;padding:4px 4px 4px 5px}.appointment-toothAct-cost .toothAct-cost{display:flex;justify-content:space-between;align-items:center;margin-right:24%;margin-left:45%;text-align:center}.invoice-appointment-toothAct-container .appointment-toothAct-payment{display:flex;justify-content:center;align-items:center;margin-right:24%;margin-left:45%;text-align:center;padding:4px 4px 4px 5px}.invoice-appointment-service-container{background-color:var(--color-4)}.invoice-appointment-service-container .appointment-service-description{display:flex;width:100%;text-align:left;padding:4px;margin-left:60px}.invoice-appointment-service-container .appointment-service-cost{display:flex;justify-content:center;align-items:center;margin-right:24%;margin-left:45%;text-align:center;padding:4px 4px 4px 5px}.appointment-service-cost .service-cost{display:flex;justify-content:space-between;align-items:center;margin-right:24%;margin-left:45%;text-align:center}.invoice-appointment-service-container .appointment-service-payment{display:flex;justify-content:center;align-items:center;margin-right:24%;margin-left:45%;text-align:center;padding:4px 4px 4px 5px}.invoice-payment-container{background-color:var(--color-2)}.invoice-payment-container .payment-description{padding:4px 4px 4px 5px}.invoice-payment-container .payment-cost{display:flex;justify-content:center;align-items:center;margin-right:24%;margin-left:45%;text-align:center;padding:4px 4px 4px 5px}.invoice-payment-container .payment-paid{display:flex;justify-content:space-between;align-items:center;text-align:center;margin-right:24%;margin-left:45%;padding:4px 4px 4px 5px}.setting-page{display:flex;flex-direction:column;gap:var(--main-gap);height:calc(100vh - 100px)}.setting-page .settings-container{display:flex;flex-direction:column;min-height:80vh;height:100%;overflow:auto}.settings-container .settings-content{margin-left:20px;margin-top:20px}.settings-content .setting-group{display:flex;gap:7px;margin:5px;align-items:center;justify-content:start}.date-container{display:flex;justify-content:center;gap:10px;margin-left:15px;flex-wrap:wrap}.date-container .date-box{display:flex;flex-direction:column;align-items:center;justify-content:space-evenly;background-color:var(--wh-slate-300);padding:7px;border-radius:7px}.date-container .date-box .date-day-container{display:flex;gap:15px;align-items:center;color:"#181c32";font-size:"16px"}.vacation-container{display:flex;flex-direction:column;max-height:30vh}.vacation-container .vacation-item{display:flex;gap:10px}.setting-group .switch{width:35px;height:19px}.setting-group .slider:before{height:15px;width:15px;left:1px}.setting-card-container{display:flex;flex-direction:column;border:1px solid var(--color-2);padding:15px;margin:0 20px 20px 0;border-radius:7px;gap:15px}.setting-card-container .setting-card{display:flex;justify-content:space-between;align-items:center}.setting-card-container .setting-card .setting-card-header{display:flex;flex-direction:column;gap:7px}.setting-card-container .setting-card .setting-card-header .setting-card-title{font-size:16px;color:#181c32;font-weight:700}.setting-card-container .setting-card .setting-card-header .setting-card-description{font-size:14px;color:#666b78;font-weight:400}.setting-card-container .setting-card .setting-card-side-option{width:30%;display:flex;flex-direction:column;justify-content:center;align-items:end}.setting-card-container .setting-card-bottom-option{display:flex}.switch{position:relative;display:inline-block;width:42px;height:24px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;-webkit-transition:.4s;transition:.4s}.slider:before{position:absolute;content:"";height:20px;width:20px;left:2px;bottom:2px;background-color:#fff;-webkit-transition:.4s;transition:.4s}input:checked+.slider{background-color:var(--color-1)}input:focus+.slider{box-shadow:0 0 1px var(--color-1)}input:checked+.slider:before{-webkit-transform:translateX(18px);-ms-transform:translateX(18px);transform:translate(18px)}.slider.round{border-radius:34px}.slider.round:before{border-radius:50%}.appointment-page-container{display:flex;gap:var(--main-gap);flex-direction:column;height:calc(100% - 20px)}.appointment-page-container>.content{display:flex;flex-direction:row;gap:var(--main-gap);align-items:flex-start;width:100%;height:calc(100vh - 135px)}.content .app-info{height:100%;width:20%;gap:var(--main-gap);display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;padding:var(--pd-1)}.content .app-data{width:80%;display:flex;flex-direction:column;gap:var(--main-gap);height:100%}.appointment-page-container>.content .tabs{display:flex;gap:var(--main-gap);height:auto;padding:var(--pd-1)}.appointment-page-container>.content .tabs a{padding:var(--pd-1);border-radius:var(--main-rd);transition:var(--main-transition)}.appointment-page-container>.content .tabs a:not(.active):hover{background-color:var(--color-3)}.appointment-page-container>.content .tabs .active{background-color:var(--color-1);color:var(--color-3)}.appointment-page-container>.content .content-data{overflow:hidden;padding:var(--pd-1);height:100%;width:100%}.patient-link{fill:none}.patient-link:hover{cursor:pointer;color:var(--color-1);fill:#fff}.invoice-appointment-container{display:flex;justify-content:center;flex-direction:column;gap:var(--main-gap)}.invoice-appointment-container>p{color:var(--gray-1);font-size:16px;font-weight:500}.invoice .input{height:57px;display:flex;flex-direction:column;justify-content:space-between}.invoice .input label{font-size:12px;font-weight:500px;color:gray}.invoice .input input{height:40px;padding:var(--pd-1);border:1px solid var(--color-2);border-radius:var(--main-rd)}.checkbox-label input{display:none}.checkbox-label input+div{background-color:#fff}.checkbox-label input:checked+div{background-color:var(--color-1)}.invoicing-table-parent{border-radius:var(--main-rd)}.invoicing-acts-table{border-collapse:collapse;table-layout:fixed}.invoicing-acts-table td,.invoicing-acts-table th{border-right:1px solid var(--color-3);border-bottom:1px solid var(--color-3)}.invoicing-acts-table td>div,.invoicing-acts-table th>div{padding:var(--pd-1);display:flex;justify-content:center;align-items:center;gap:3px}.invoicing-acts-table input,.invoicing-acts-table textarea{border:1px solid transparent;background-color:var(--gray-0);padding:var(--pd-0);border-radius:var(--main-rd);transition:.2s ease-in-out;text-align:center;width:60px}.invoicing-acts-table input:focus,.invoicing-acts-table textarea:focus{border:1px solid var(--gray-1);background-color:#fff}.add-service-btn{background-color:#46b45f;color:#fff;padding:4px 6px;gap:5px;border-radius:var(--main-rd);transition:var(--main-transition)}.add-service-tabs{display:flex;justify-content:flex-start;align-items:center;gap:var(--main-gap);margin-bottom:var(--pd-2)}.add-service-tabs .tab{padding:var(--pd-1);color:var(--color-2);border-radius:var(--main-rd) var(--main-rd) 0 0;cursor:pointer;position:relative;transition:var(--main-transition)}.add-service-tabs .tab:after{content:"";height:2px;background-color:var(--color-2);position:absolute;width:0;left:50%;bottom:0;transition:var(--main-transition)}.add-service-tabs .tab:not(.active-form):hover{border-color:var(--color-2);color:var(--color-2);background-color:var(--color-4)}.add-service-tabs .tab:not(.active-form):hover :after{width:100%;left:0}.add-service-tabs .active-form{border-color:var(--color-2);color:var(--color-1);background-color:var(--color-5)}.add-service-tabs .active-form:after{width:100%;left:0}.service-form{display:flex;flex-direction:column;gap:var(--main-gap)}.service-form label{color:var(--gray-2);font-size:14px}.service-form input,.service-form textarea{border:1px solid transparent;background-color:var(--gray-0);padding:var(--pd-1);border-radius:var(--main-rd);width:100%;display:block;transition:.2s ease-in-out}.service-form p{color:var(--color-1);font-size:12px;font-weight:700}.service-form input:focus,.service-form textarea:focus{border:1px solid var(--gray-1);background-color:#fff}.booking-page-container{min-height:100vh;background:linear-gradient(135deg,#f0fdfa 0%,#e0f2fe 100%);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;color:#1e293b;display:flex;flex-direction:column;align-items:center;padding:30px 16px}.booking-header{text-align:center;max-width:650px;margin-bottom:25px}.clinic-badge{display:inline-block;background:#ccfbf1;color:#0f766e;font-size:12px;font-weight:700;padding:4px 12px;border-radius:9999px;margin-bottom:10px;text-transform:uppercase;letter-spacing:.5px}.clinic-title{font-size:30px;font-weight:800;color:#0f766e;margin:0 0 6px}.clinic-sub{font-size:15px;color:#475569;margin:0 0 12px}.clinic-contacts{display:flex;flex-wrap:wrap;justify-content:center;gap:16px;font-size:13px;color:#64748b}.booking-card{background:#ffffff;width:100%;max-width:680px;border-radius:16px;box-shadow:0 10px 25px -5px #00000014,0 8px 10px -6px #0000000a;padding:32px;box-sizing:border-box}.stepper-nav{display:flex;align-items:center;justify-content:space-between;margin-bottom:25px;padding-bottom:16px;border-bottom:1px solid #e2e8f0}.step-item{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:#94a3b8;cursor:pointer}.step-item.active{color:#0d9488}.step-num{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;background:#f1f5f9;color:#64748b;font-size:12px}.step-item.active .step-num{background:#0d9488;color:#fff}.step-arrow{color:#cbd5e1;font-size:14px}.error-banner{background:#fef2f2;border-left:4px solid #ef4444;padding:12px 16px;color:#991b1b;border-radius:6px;margin-bottom:20px;font-size:14px}.step-title{font-size:20px;font-weight:700;color:#0f172a;margin:0 0 6px}.step-desc{font-size:14px;color:#64748b;margin:0 0 20px}.services-grid{display:flex;flex-direction:column;gap:10px;margin-bottom:24px}.service-card{display:flex;align-items:center;gap:14px;padding:14px 18px;border:2px solid #e2e8f0;border-radius:10px;cursor:pointer;transition:all .15s ease-in-out}.service-card:hover{border-color:#99f6e4;background:#f0fdfa}.service-card.selected{border-color:#0d9488;background:#f0fdfa}.service-radio{width:18px;height:18px;border-radius:50%;border:2px solid #cbd5e1;display:flex;align-items:center;justify-content:center}.service-card.selected .service-radio{border-color:#0d9488}.radio-dot{width:10px;height:10px;border-radius:50%;background:#0d9488}.service-name{font-weight:600;font-size:15px;color:#1e293b}.service-duration{font-size:12px;color:#64748b;margin-top:2px}.date-picker-box{margin-bottom:22px}.date-picker-box label,.slots-container label,.form-group label{display:block;font-size:14px;font-weight:600;color:#334155;margin-bottom:8px}.date-input,.text-input,.textarea-input{width:100%;padding:12px 14px;border:1.5px solid #cbd5e1;border-radius:8px;font-size:15px;box-sizing:border-box;outline:none;transition:border-color .15s}.date-input:focus,.text-input:focus,.textarea-input:focus{border-color:#0d9488}.slots-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(85px,1fr));gap:10px;margin-bottom:24px}.slot-btn{background:#ffffff;border:1.5px solid #cbd5e1;border-radius:8px;padding:10px 0;font-size:14px;font-weight:600;color:#334155;cursor:pointer;transition:all .15s}.slot-btn:hover{border-color:#0d9488;color:#0d9488;background:#f0fdfa}.slot-btn.selected{background:#0d9488;border-color:#0d9488;color:#fff}.loading-slots,.no-slots{padding:20px;text-align:center;font-size:14px;color:#64748b;background:#f8fafc;border-radius:8px;margin-bottom:20px}.form-group{margin-bottom:18px}.field-hint{display:block;font-size:12px;color:#0d9488;margin-top:4px}.summary-banner{display:flex;justify-content:space-between;background:#f0fdfa;border:1px solid #ccfbf1;padding:12px 16px;border-radius:8px;font-size:14px;color:#0f766e;margin-bottom:20px}.step-actions{display:flex;justify-content:flex-end;margin-top:24px}.step-actions.dual{justify-content:space-between}.btn-primary,.btn-primary-confirm{background:#0d9488;color:#fff;border:none;border-radius:8px;padding:12px 24px;font-size:15px;font-weight:600;cursor:pointer;transition:background .15s}.btn-primary:hover,.btn-primary-confirm:hover{background:#0f766e}.btn-primary:disabled,.btn-primary-confirm:disabled{background:#94a3b8;cursor:not-allowed}.btn-secondary{background:#f1f5f9;color:#475569;border:none;border-radius:8px;padding:12px 20px;font-size:14px;font-weight:600;cursor:pointer}.btn-secondary:hover{background:#e2e8f0}.success-state{text-align:center;padding:20px 10px}.success-icon{font-size:48px;margin-bottom:12px}.success-state h2{font-size:22px;font-weight:800;color:#0f172a;margin-bottom:10px}.success-msg{font-size:15px;color:#475569;margin-bottom:24px}.whatsapp-notice-card{display:flex;align-items:center;gap:14px;background:#ecfdf5;border:1.5px solid #a7f3d0;padding:16px;border-radius:12px;text-align:left;margin-bottom:25px}.wa-icon{font-size:32px}.wa-text strong{display:block;color:#065f46;font-size:14px;margin-bottom:2px}.wa-text p{margin:0;font-size:13px;color:#047857}.actions-row{display:flex;flex-direction:column;gap:10px}.btn-whatsapp{background:#16a34a;color:#fff;text-decoration:none;border-radius:8px;padding:13px;font-weight:700;font-size:15px;display:block;transition:background .15s}.btn-whatsapp:hover{background:#15803d}.booking-footer{margin-top:30px;text-align:center;font-size:13px;color:#64748b}.booking-footer p{margin:4px 0}:root{--color-1: #469597;--color-2: #88de9c;--color-3: #e2ebe5;--color-4: #ffebd8;--color-5: #ffd5ba;--success-color: #28a745;--warning-color: #ffc107;--danger-color: #dc3545;--success-color-1: #d4ffde;--warning-color-1: #fff6d7;--danger-color-1: #fce0e3;--gray-0: #eee;--gray-1: #8c9399;--gray-2: #8b8b8b;--gray-3: #5a5a5a;--main-transition: .3s ease;--quick-transition: .2s ease;--main-sh: rgba(0, 0, 0, .2) 0px 0px 7px;--pd-0: 5px;--pd-1: 10px;--pd-2: 20px;--pd-3: 30px;--main-rd: 5px;--m-0: 5px;--m-1: 10px;--m-2: 20px;--m-3: 30px;--main-gap: 10px;--s-gap: 5px;--gap-2: 20px;--gap-3: 30px;--gap-4: 40px}*{margin:0;padding:0;box-sizing:border-box;font-family:Poppins,sans-serif;font-family:sans-serif;font-size:16px;scrollbar-width:thin;scrollbar-color:var(--color-1)}*::-webkit-scrollbar{width:6px;height:6px}*::-webkit-scrollbar-track{background:transparent;border-radius:5px}*::-webkit-scrollbar-thumb{background-color:var(--color-1);border-radius:14px;border:3px solid var(--color-1)}a,button,input[type=submit]{color:inherit;text-decoration:none;cursor:pointer;outline:none;border:none;background-color:transparent}input,textarea{outline:none;border:none}svg{cursor:pointer;display:block}ul{list-style:none}.container{background-color:var(--color-3);height:100%;overflow:auto;padding:10px 20px}.main-box{border-radius:var(--main-rd);box-shadow:var(--main-sh);background-color:#fff;border:1px solid var(--color-2)}.nav-link{color:inherit;text-decoration:none;cursor:pointer}.center{display:flex;justify-content:center;align-items:center}.page-title{font-size:x-large;font-weight:700;color:var(--color-1)}.edit-btn{background-color:var(--color-3);width:100%;padding:var(--pd-1) var(--pd-2);border:2px solid var(--color-1);border-radius:var(--main-rd);height:40px;display:flex;justify-content:center;align-items:center;gap:var(--s-gap);color:var(--color-1);font-weight:700;cursor:pointer;transition:var(--main-transition)}.edit-btn:hover{background-color:var(--color-1);color:#fff}.delete-btn{background-color:var(--danger-color-1);width:100%;padding:var(--pd-1) var(--pd-2);border:2px solid var(--danger-color);border-radius:var(--main-rd);height:40px;display:flex;justify-content:center;align-items:center;gap:var(--s-gap);color:var(--danger-color);font-weight:700;cursor:pointer;transition:var(--main-transition)}.delete-btn:hover{background-color:var(--danger-color);color:#fff}