#root,body,html{margin:0;padding:0;box-sizing:border-box;font-family:Arial,sans-serif;background-color:#fafafa;font-size:medium;color:#333;font-size:16px}:root{--all-bg: #fafafa;--all-text-black: #3e2c41;--all-text-white: #fdf9fa;--all-gray: #525252;--all-light-gray: #787878;--all-border: #e0e0e0;--all-hover: #eeeeeedd;--clinic-main: #e7c4d3;--clinic-accent: #cbaacb;--clinic-support: #fdf1ff;--clinic-support-tran: #f9d7ff79;--clinic-hover: #f8e8ef;--clinic-alert: #ff6161;--clinic-event: #fce4ec;--Home-main: rgb(43, 44, 72);--Home-support: rgb(231, 231, 249);--Home-border: #0058b7;--Home-hover: #bacde59e;--doctor-main: #aad3aa;--doctor-support: #e1efe2;--doctor-support-tran: #e1efe286;--doctor-accent: #98be9a;--doctor-event: #cee7d7;--doctor-confirm: #4fb1b4;--doctor-confirm-hover: #3b9597;--nav-height: 3rem}:root{--fc-small-font-size: .85em;--fc-page-bg-color: #fff;--fc-neutral-bg-color: hsla(0, 0%, 82%, .3);--fc-neutral-text-color: grey;--fc-border-color: #ddd;--fc-button-text-color: #fff;--fc-button-bg-color: #2c3e50;--fc-button-border-color: #2c3e50;--fc-button-hover-bg-color: #1e2b37;--fc-button-hover-border-color: #1a252f;--fc-button-active-bg-color: #1a252f;--fc-button-active-border-color: #151e27;--fc-event-bg-color: #fce4ec00;--fc-event-border-color: #fce4ec00;--fc-event-text-color: #3e2c41;--fc-event-selected-overlay-color: rgba(0, 0, 0, .25);--fc-more-link-bg-color: #d0d0d0;--fc-more-link-text-color: inherit;--fc-event-resizer-thickness: 8px;--fc-event-resizer-dot-total-width: 8px;--fc-event-resizer-dot-border-width: 1px;--fc-non-business-color: hsla(0, 0%, 84%, .3);--fc-bg-event-color: #8fdf82;--fc-bg-event-opacity: .3;--fc-highlight-color: rgba(188, 232, 241, .3);--fc-today-bg-color: transparent;--fc-now-indicator-color: red}.En{direction:ltr;text-align:left}.Arabia{direction:rtl;text-align:right}nav{display:flex;padding:0 5rem;background-color:var(--Home-main);justify-content:center;position:fixed;box-sizing:border-box;top:0;left:0;width:100%;z-index:1000}.nav-container{display:flex;justify-content:space-between;align-items:center;padding:0 5rem;box-sizing:border-box;width:100%;max-width:1500px}.nav-logo{display:flex;align-items:center;height:var(--nav-height)}.nav-word{display:flex;gap:1.5rem}nav.guest,nav.customer,nav.admin{background-color:var(--Home-main)}nav.clinic{background-color:var(--clinic-main)}nav.doctor{background-color:var(--doctor-main)}.nav-link{padding:1rem 0;text-decoration:none;color:var(--all-text-black);font-weight:600}.guest .nav-link,.customer .nav-link,.admin .nav-link{color:var(--all-hover);font-weight:400}.nav-link:hover{color:var(--all-light-gray)}.nav-item{display:flex;align-items:center;cursor:pointer;height:auto}.nav-item.dropdown{position:relative;cursor:pointer}.dropdown-menu{display:none;position:absolute;top:100%;left:0;background-color:var(--all-bg);border:1px solid #e5e7eb;border-radius:.25rem;box-shadow:0 2px 8px #0000001a;min-width:160px;z-index:10}.nav-item.dropdown.Account .dropdown-menu{left:-50%}.nav-item.dropdown:hover .dropdown-menu,.nav-item.dropdown:focus-within .dropdown-menu{display:block}.dropdown-link{display:block;padding:.5rem 1rem;color:#333;text-decoration:none;transition:background-color .2s,color .2s}.dropdown-link:hover{background-color:var(--all-border)}.calendar-wrapper,.book-wrapper{display:flex;justify-content:center;align-items:center;background-color:var(--all-bg);position:relative;padding-top:var(--nav-height)}.calendar-container{display:flex;border-radius:8px;background-color:var(--all-bg);padding:3rem 5rem;align-items:stretch;width:100%;max-width:1500px;height:80vh}.calender-panel{flex:5}.fc-toolbar-title{display:flex;justify-content:center;align-items:center;vertical-align:middle}.fc-toolbar.fc-header-toolbar{background-color:var(--all-bg)}.fc .fc-button{border:none;font-weight:500;border-radius:8px;padding:6px 14px;transition:all .2s ease}.clinic .fc .fc-button{background-color:var(--clinic-main);color:#fff}.clinic .fc .fc-button:hover{background-color:var(--clinic-accent)}.doctor .fc .fc-button{background-color:var(--doctor-main)}.doctor .fc .fc-button:hover{background-color:var(--doctor-accent)}.fc .fc-button.fc-button-active{background-color:var(--all-gray)!important;color:#fff}.fc-next-button{border-top-right-radius:5px!important;border-bottom-right-radius:5px!important}.fc .fc-today-button{color:var(--all-text-white);font-weight:600;padding:.5rem 1rem!important;margin-left:1rem!important;border-radius:5px!important;cursor:pointer}.clinic .fc .fc-today-button:hover{background-color:var(--clinic-main);color:#fff}.doctor .fc .fc-today-button:hover{background-color:var(--doctor-main);color:#fff}.fc-toolbar-title{color:var(--all-text-black);font-size:1.4rem;font-weight:600;display:flex;align-items:center;justify-content:center}.calender-YM-dropdown{background:none;border:none;cursor:pointer;display:flex;align-items:center;color:var(--all-gray);font-size:1.8rem;line-height:1;padding:0;margin-left:4px}.fc-event{background-color:var(--all-hover)}.fc-event-title{padding:1% 5%!important}.fc-day-today .fc-daygrid-day-number{font-weight:600;padding:5% 10%;border-radius:50%;box-sizing:border-box}.clinic .fc-day-today .fc-daygrid-day-number{background-color:var(--clinic-support)}.doctor .fc-day-today .fc-daygrid-day-number{background-color:var(--doctor-support)}.customer .fc-day-today .fc-daygrid-day-number{background-color:var(--Home-hover)}.fc-day[role=gridcell],.fc-timegrid-slot-lane{cursor:pointer}.fc-selected-date{background-color:var(--Home-hover)!important}.fc-day-disabled{pointer-events:none}.clinic .fc-day[role=gridcell]:hover,.clinic .fc-day-today:hover{background-color:var(--clinic-support)!important}.doctor .fc-day[role=gridcell]:hover,.doctor .fc-day-today:hover{background-color:var(--doctor-support)!important}.Customer .fc-day.fc-daygrid-day:hover,.doctor .fc-day-today:hover{background-color:var(--Home-hover)!important}.fc-timegrid-slot-lane{position:relative}.fc-timegrid-slot-lane:after{content:"";position:absolute;inset:0;pointer-events:none;background-color:transparent;z-index:1}.clinic .fc-timegrid-slot-lane:hover:after{background-color:var(--clinic-support-tran)}.doctor .fc-timegrid-slot-lane:hover:after{background-color:var(--doctor-support-tran)}.clinic .fc-h-event{background-color:var(--clinic-event);border:1px solid var(--clinic-event)}.doctor .fc-h-event{background-color:var(--doctor-event);border:1px solid var(--doctor-event)}.fc-availability-dot{width:.7rem!important;height:.7rem!important;position:absolute;right:.2rem;bottom:.2rem;border-radius:50%;display:flex!important;align-items:center;justify-content:center;font-size:.8rem;font-weight:700}.fc-dot-x{background-color:#ff6161;color:#fff;font-weight:700;font-size:10px;display:flex;align-items:center;justify-content:center;border-radius:50%}.fc-dot-red{background-color:#ff6161}.fc-dot-yellow{background-color:#fc0}.fc-dot-green{background-color:#4fb154}.event-panel{flex:2;height:100%;padding:2vw}.event-detail{display:flex;flex-direction:column}.event-detail h3{margin:0}.event-panel-select{padding:.1rem .2rem;border-radius:3px;background-color:transparent;border:1px solid var(--all-border)}.react-time-picker__wrapper{display:flex;align-items:center;justify-content:flex-start;gap:1rem}.react-time-picker__inputGroup__amPm,.react-time-picker__inputGroup__hour,.react-time-picker__inputGroup__minute{width:4rem!important;padding:.1rem .2rem!important;box-sizing:border-box!important}.react-time-picker__inputGroup__amPm{background-color:#fff;border:1px solid var(--all-border);border-radius:3px}.react-time-picker__inputGroup__divider{padding:.1rem .2rem!important}.react-time-picker__inputGroup__leadingZero{display:none!important}.react-time-picker__clock-icon,.react-time-picker__clear-button{display:none}.react-time-picker__inputGroup{gap:.2rem}.react-time-picker__inputGroup input{font-size:.9rem;border:1px solid var(--all-border)}.clinic-availability-exception-panel{flex-direction:column;padding-top:1.5rem}.clinic-exception-panel.card{margin-top:.5rem;padding:.5rem;background:var(--all-bg)}.section-title{font-size:1.2rem;margin-bottom:.5rem;font-weight:600}.card-subsection{margin-top:.5rem;padding:.5rem;border:1px solid var(--all-border);border-radius:8px}.exception-form-row{display:flex;align-items:center;margin-bottom:.5rem;gap:1rem;justify-content:space-between;padding-right:1rem}.exception-form-row.full-width{justify-content:flex-start}.exception-label{font-size:.9rem;font-weight:500}.exception-input{padding:.3rem .5rem;font-size:.9rem;border-radius:8px;border:1px solid var(--all-border)}.exception-time-row{display:flex;justify-content:space-between;gap:1rem;margin-bottom:.5rem}.primary-btn{background:var(--doctor-support);border:none;padding:8px 14px;border-radius:6px;cursor:pointer;font-weight:600;margin-right:1rem}.primary-btn:hover{background:var(--doctor-accent)}.delete-btn{background:#ff4d6d;color:#fff;border:none;padding:5px 10px;border-radius:6px;cursor:pointer}.delete-btn:hover{background:#d93c55}.exception-list{margin-top:10px}.exception-row{display:flex;justify-content:space-between;align-items:center;padding:10px 6px;border-bottom:1px solid #eee}.exception-info{display:flex;flex-direction:column}.exception-date{font-weight:600}.exception-type.off{color:var(--clinic-alert)}.exception-type.partial{color:var(--all-gray)}.exception-details{display:flex;gap:1rem}.empty-text{color:#777;font-size:.9rem;margin-top:8px;font-style:italic}.availability-accordion-item{border:1px solid var(--all-border);border-radius:8px;margin-bottom:.5rem;overflow:hidden}.availability-accordion-header{background:var(--bg-light);padding:.5rem 1rem;font-weight:600;display:flex;justify-content:space-between;cursor:pointer}.availability-accordion-body{padding:.5rem 1rem;background:var(--all-bg);border-top:1px solid var(--all-border)}.availability-row{display:flex;gap:.8rem;align-items:center;margin-bottom:.3rem;margin-left:.5rem}.slot-remove-btn{border:none;background:transparent;color:var(--clinic-alert);font-weight:700;font-size:1.2rem;cursor:pointer}.slot-add-btn,.blocked-add{margin-top:.2rem;margin-left:.5rem;background:var(--all-hover);padding:.2rem .6rem;border-radius:6px;border:var(--all-border);cursor:pointer}.availability-subtitle{margin:.5rem;font-weight:600;color:var(--text-secondary)}.timepicker-wrapper{display:flex;align-items:center;gap:.3rem}.timepicker-select{padding:.2rem .5rem;border:1px solid var(--all-border);border-radius:6px;background:var(--all-bg);font-size:.9rem;color:var(--text-color);cursor:pointer;height:1.5rem}.timepicker-select:hover{border-color:var(--doctor-support)}.timepicker-colon{font-weight:700;padding:0 .2rem}.timepicker-select.ampm{width:4rem;text-align:center}.clinic-exception-panel{padding-bottom:1rem}.modify-button{display:flex;justify-content:flex-start;gap:1rem;font-weight:700}.modify-button button{font-weight:700}.reservation-panel{display:flex;flex-direction:column;gap:.8rem;margin-top:1.5rem}.reservation-panel h4{margin:0;font-style:italic;color:var(--all-gray)}.reservation-input{display:flex;justify-content:flex-start;align-items:center;gap:.8rem}.reservation-input input,.reservation-input textarea,.reservation-input select{flex:1}.doctor-list-wrapper,.clinic-list-wrapper,.procedure-list-wrapper,.product-list-wrapper,.review-list-wrapper,.appointment-list-wrapper{display:flex;padding-top:var(--nav-height);width:100%;max-width:1500px;height:93vh;gap:1rem;box-sizing:border-box;padding:3rem 5rem;margin:0 auto;margin-top:3rem}.review-list-wrapper,.appointment-list-wrapper{flex-direction:column;gap:0}.doctor-side-panel,.clinic-side-panel,.procedure-side-panel,.product-side-panel{flex:1.5;border-right:1px solid var(--all-border);overflow-y:auto}.doctor-side-list-title,.clinic-side-list-title,.procedure-side-list-title,.product-side-list-title,.appointment-list-title{padding:.5rem 1rem;border-bottom:1px solid var(--all-border);display:flex;align-items:center;justify-content:space-between}.clinic-group-header:hover,.doctor-group-header:hover{background-color:var(--all-hover)}.doctor-group-header,.clinic-group-header{background-color:transparent;cursor:pointer;font-weight:700;border-bottom:1px solid var(--all-border);padding:.5rem 1rem;display:flex;justify-content:space-between}.doctor-item,.clinic-item,.procedure-item,.product-item{padding:.5rem 0 .5rem 1.5rem;border-bottom:1px solid var(--all-hover);cursor:pointer}.doctor-item:hover,.procedure-item:hover,.product-item:hover{background-color:var(--all-hover)}.doctor-item.active,.clinic .procedure-item.active,.clinic .product-item.active{background-color:var(--clinic-hover)}.rejected.doctor-item{background-color:var(--all-hover);color:var(--all-light-gray)}.clinic-item.active,.doctor .procedure-item.active,.doctor .product-item.active{background-color:var(--doctor-support)}.clinic-item.admin.active{background-color:var(--Home-hover)}.doctor-item p,.clinic-item p,.procedure-item p,.product-item p{margin:.5rem 0;font-size:smaller;color:var(--all-gray)}.doctor-detail-panel,.clinic-detail-panel,.procedure-detail-panel,.product-detail-panel{flex:3;padding:2rem 3rem;border-radius:8px}.clinic.product-detail-panel,.clinic.doctor-detail-panel,.doctor.clinic-detail-panel{display:flex;gap:1rem;padding:1rem 0 1rem 3rem}.product-middle-panel,.clinic-middle-panel,.doctor-middle-panel,.doctor-schedule-readonly{flex:1.2}.product-inventory-panel,.apply-modal-overlay,.doctor-approve-panel,.clinic-availability-exception-panel{flex:1.5;overflow-y:auto}.apply-modal-overlay .apply-modal{display:flex;flex-direction:column;gap:1rem;justify-content:center;align-items:flex-start}.clinic-product-get-selling-price{font-size:small;color:var(--all-light-gray);margin-left:.3rem}.inventory-table-title{margin-top:3rem}.inventory-table{width:95%;text-align:left;border-collapse:collapse;margin-bottom:2rem}.inventory-table th,.inventory-table td{padding:.3rem .2rem;border:none}.inventory-table tr{border-bottom:1px solid var(--all-border)}.inventory-table tbody tr:hover{background-color:var(--clinic-hover)}.product-detail-title{display:flex;justify-items:flex-start;align-items:center;gap:1rem}.product-detail-title button{pointer-events:none;cursor:default;background-color:var(--all-hover)}.doctor-detail-panel img,.clinic-detail-panel img{width:150px;height:150px;border-radius:50%}.stock-alert{color:var(--clinic-alert);margin-left:5px;vertical-align:middle}.template-full-preview{display:flex;flex-direction:column;gap:.5rem}.template-products-box,.doctor-procedure-tag-list{display:flex;flex-wrap:wrap;align-items:center}.template-info-row{display:flex;align-items:center}.admin-procedure-register-dropdown-tag.clinic{background-color:var(--clinic-support)}.admin-procedure-register-dropdown-tag.doctor{background-color:var(--doctor-support)}.skill-level-buttons{display:flex;gap:.5rem}.skill-btn{flex:1;padding:.2rem .5rem;border-radius:5px;border:1px solid var(--all-border);cursor:pointer;font-size:.9rem}.skill-btn:hover,.skill-btn.selected{background:var(--doctor-support)}.rating-filter{display:flex;justify-content:flex-start;align-items:center;gap:2rem}.rating-filter button{background-color:var(--all-bg);border-radius:5px;padding:.3rem .5rem;border:1px solid var(--all-border);cursor:pointer}.rate-star-all{font-size:medium}.rating-filter button:hover{background-color:var(--all-hover)}.doctor.rating-filter button.active{background-color:var(--doctor-support-tran)}.review-list{margin-top:1rem}.review-card{border-bottom:1px solid var(--all-border);margin-bottom:1rem}.review-card p{margin:.5rem 0}.review-card-star,.review-card-date,.review-card-clinic{padding-right:.5rem;font-size:small;color:var(--all-light-gray)}.account-wrapper{padding:5rem 5rem 0;max-width:1500px;margin:0 auto}.account-row{display:flex;justify-content:space-between;align-items:center;margin:0;padding:.5rem 0;border-bottom:1px solid var(--all-border)}.account-row select{padding:.2rem;border-radius:5px;border:none;font-size:medium;background-color:transparent}.account-manual{margin-top:2rem}.account-manaul button{margin-left:1rem;padding:.2rem .5rem;border-radius:5px;border:1px solid var(--all-border);background-color:var(--all-bg);cursor:pointer}.account-manaul button:hover{background-color:var(--all-border)}.account-faq{margin-top:2rem}.account-faq .account-row{border-bottom:none}.profile_photo{height:5rem;width:5rem;border-radius:1rem;object-fit:cover;object-position:center}.dual-toggle{position:relative;display:flex;align-items:center;justify-content:space-between;width:10rem;border-radius:10px;background-color:var(--all-border);cursor:pointer;padding:.4rem;transition:background-color .3s ease;-webkit-user-select:none;user-select:none;overflow:hidden}.dual-toggle.right{background-color:var(--all-border)}.dual-toggle-slider{position:absolute;inset:4px;width:calc(50% - 4px);height:auto;background-color:var(--all-bg);border-radius:inherit;transition:transform .3s ease;z-index:1}.dual-toggle.right .dual-toggle-slider{transform:translate(100%)}.dual-option{position:relative;flex:1;text-align:center;font-size:.85rem;font-weight:600;z-index:2;transition:color .3s ease}.dual-toggle.right .dual-option.right,.dual-toggle:not(.right) .dual-option.left{color:var(--Home-border)}.dual-toggle.right .dual-option.left,.dual-toggle:not(.right) .dual-option.right{color:var(--all-light-gray)}.account-toolbar,.inventory-toolbar,.clinic-join-toolbar{display:flex;margin:.5rem 0;align-items:center;justify-content:flex-end;gap:1rem}.clinic-join-toolbar{flex-direction:column;justify-content:flex-start;align-items:flex-start}.account-toolbar button,.inventory-toolbar button,.clinic-join-toolbar button{display:flex;align-items:center;padding:.3rem .8rem;font-size:.9rem;border:1px solid var(--Home-support);cursor:pointer;border-radius:5px;font-style:italic;gap:.2rem;justify-content:center;vertical-align:middle;line-height:1.2rem}.account-toolbar button svg{height:1em;width:1em;display:inline-block;vertical-align:middle;position:relative;top:.02em}.accont-profile-required{color:var(--all-light-gray);font-size:small;font-style:italic}.faq-title{margin:1rem 0 .7rem}.faq-item{margin-bottom:.5rem}.faq-question{display:flex;justify-content:space-between;align-items:center;cursor:pointer;font-size:.85rem;padding:.2rem .5rem;border:1px solid var(--all-border)}.faq-toggle-icon{font-weight:700}.faq-answer{max-height:0;overflow:hidden;transition:max-height .3s ease;font-size:.85rem;padding:0 .5rem;margin:.3rem}.clinic .faq-answer{border-left:.2rem solid var(--clinic-main)}.doctor .faq-answer{border-left:.2rem solid var(--doctor-main)}.faq-answer p{margin:.5rem 0}.book-container{display:flex;border-radius:8px;background-color:var(--all-bg);padding:3rem 5rem;align-items:stretch;width:100%;max-width:1500px;margin:0 auto;height:80vh}.book-filter{display:flex;width:100%;overflow:hidden}.book-filter-card{display:flex;flex-direction:column;align-items:stretch;flex:1;border-right:1px solid var(--all-border);max-width:50vw}.book-check-detail-panel{flex:2;background-color:var(--all-bg);z-index:2;padding:1rem 2rem}.book-filter-card .procedure-side-panel{flex:0 0 100%;min-width:0;height:70vh;border-right:none}.book-filter-card .procedure-item.selected{background-color:var(--Home-hover)}.booking-detail-title{padding:.5rem 1rem}.booking-detail-list{padding:0 1rem}.booking-detail-list p{margin:.8rem 0}.book-panel-btn{width:100%;height:10vh;display:flex;align-items:center}.book-panel-btn button{display:flex;align-items:center;padding:.3rem .5rem;font-size:medium;border:1px solid var(--Home-support);background-color:var(--Home-hover);border-radius:10px;gap:.2rem;cursor:pointer}.book-panel-btn button:hover{background-color:var(--all-hover);border:1px solid var(--all-light-gray)}.book-panel-next-btn{margin-left:auto;margin-right:1rem}.book-panel-back-btn{margin-right:auto;margin-left:1rem}.book-slide-wrapper{display:flex;width:100%;height:70vh;transition:transform .7s ease}.book-panel-next-btn[disabled]{opacity:.5;cursor:not-allowed}.book-slide-card{flex:0 0 100%;overflow-y:auto;box-sizing:border-box}.book-slide-card .clinic-item,.book-slide-card .doctor-item{display:flex;gap:1rem}.book-slide-card .clinic-item img,.doctor-item-left img.doctor-profile-photo{width:80px;height:auto;aspect-ratio:1 / 1;object-fit:cover;border-radius:8px;object-position:center;flex-shrink:0}.calendar-side-panel{padding:.5rem}.calendar-side-panel .fc-header-toolbar.fc-toolbar{margin-bottom:.5rem}.calendar-side-panel .fc .fc-daygrid-day-events{margin-bottom:0}.calendar-side-panel .fc{max-height:70%;overflow-y:auto}.book-calendar-time{display:flex;gap:1rem}.book-calendar-time button{background-color:var(--all-hover);border:1px solid var(--all-light-gray);border-radius:5px;cursor:pointer;font-size:.9rem;align-items:center;padding:.2rem .4rem}.book-calendar-time button:hover{border:1px solid var(--all-light-gray);background-color:var(--Home-hover);border-radius:5px;cursor:pointer}.book-calendar-time button.selected-time{border:1px solid var(--all-light-gray);background-color:var(--Home-hover)}.time-btn.disabled{cursor:default;pointer-events:none}.time-btn.disabled:hover{background-color:inherit!important;color:inherit!important;transform:none!important;box-shadow:none!important}.appointment-item{border-bottom:1px solid var(--all-border)}.appointment-list-card{padding:0 1rem}.appointment-detail{font-size:small;color:var(--all-gray)}.banner-section,.auth-wrapper{background:no-repeat center center/cover;height:60vw;max-height:95vh;display:flex;flex-direction:column;justify-content:center;align-items:center;color:var(--all-bg);text-align:center;padding:0 1rem}.banner-section h1{font-size:2.5rem;margin-bottom:1rem;text-shadow:4px 4px 8px rgb(0,0,0)}section{height:40vw;max-height:47vh;display:flex;align-items:flex-start;padding:2rem 7%;gap:2rem;box-sizing:border-box;max-width:1500px;margin:0 auto}#Banner{max-width:100%}section h2{align-self:flex-start}section div{display:flex;flex-direction:column;align-items:start}section.home img{height:90%;border-radius:8px}section.home button{padding:.1rem .5rem;border-radius:5px;border:1px solid var(--Home-support);background-color:var(--all-bg);align-self:flex-end}.banner-section{transition:background-image .8s ease-in-out}.contact-section{background-color:var(--Home-support)}footer.contact-section{background-color:var(--Home-support);display:flex;justify-content:center}.footer-contect{display:flex;width:100%;max-width:1500px;padding:2rem 7%;box-sizing:border-box;margin:0 auto}.footer-left{width:70%}.footer-right{width:30%}.auth-wrapper{height:100vh;max-height:100vh}.auth-container{width:100%;max-width:1200px;padding:5rem;box-sizing:border-box}.auth-container button:hover{background-color:var(--all-hover)}.signup-section{width:100%}.signup-section h2,.signin-section h2,.auth-toggle p{margin-bottom:1rem;text-shadow:4px 4px 8px rgb(0,0,0)}.sign-form{display:flex;flex-direction:column;justify-content:center;align-items:center}.sign-form .select-wrapper,.sign-form .input-wrapper{position:relative;display:inline-block;width:50%;margin:.5rem 1rem}.sign-form .select-wrapper select{width:100%;padding:.5rem 2rem .5rem .5rem;border:1px solid var(--all-border);font-size:1rem;border-radius:5px;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-color:var(--all-bg);cursor:pointer}.signup-btn{margin-top:1rem}.forgot-link{text-align:center;margin-bottom:.8rem}.forgot-link a{color:var(--all-text-white);font-size:.85rem;text-decoration:none}.forgot-link :hover{text-decoration:underline}.select-wrapper .dropdown-icon{position:absolute;right:10px;top:70%;transform:translateY(-50%);pointer-events:none;color:var(--all-gray);font-size:1.5rem}.sign-form input{box-sizing:border-box;padding:.5rem;font-size:1rem;border:1px solid var(--all-border);border-radius:5px;appearance:none;-webkit-appearance:none;-moz-appearance:none;width:100%}.select-label,.sign-form label{display:block;font-weight:500;margin-bottom:.3rem;text-align:left;color:var(--all-text-white)}.required{color:red}.sign-form button,.auth-toggle button{padding:.2rem .5rem;border-radius:5px;border:1px solid var(--Home-support);background-color:var(--all-bg);font-size:medium;cursor:pointer}.auth-toggle button{font-size:small;padding:.1rem .3rem;margin-left:.5rem}.email-input-container{display:flex;align-items:stretch;gap:.5rem;width:100%}.email-input-container input{flex:1}.sign-form button.verify-btn{transition:background-color .2s;white-space:nowrap}.or-line{display:flex;align-items:center;gap:8px;margin:1.2rem 0;color:var(--all-text-white)}.or-line hr{flex-grow:1;min-width:200px;color:var(--all-text-white)}.or-line p{margin:0;font-size:.85rem;white-space:nowrap;flex:1}.verify-btn:hover:not(:disabled){background-color:var(--Home-main);color:var(--all-text-white)}.verify-btn:disabled{background-color:var(--all-border);cursor:not-allowed}.verified-label{color:var(--doctor-accent);font-weight:700;white-space:nowrap;align-self:center}.otp-container{display:flex;gap:.5rem;align-items:center}.otp-container input{flex:1}.otp-container button{background-color:var(--doctor-confirm);color:#fff;border:none;padding:.5rem 1rem;border-radius:5px;cursor:pointer;transition:background-color .2s}.otp-container button:hover{background-color:var(--doctor-confirm-hover)}.error-message{margin:.5rem 0;font-size:.8rem;font-style:italic}.admin-clinic-register-btn,.admin-product-register-btn,.admin-procedure-register-btn,.doctor-switch-bar{display:flex;align-items:center;justify-content:flex-end}.admin-clinic-register-btn button,.admin-product-register-btn button,.admin-procedure-register-btn button,.doctor-switch-bar button{display:flex;align-items:center;padding:.3rem .5rem;font-size:.9rem;border:1px solid var(--Home-support);cursor:pointer;border-radius:3px;font-style:italic}.admin-clinic-register-form,.admin-product-register-form,.admin-procedure-register-form,.doctor-join-register-form{display:flex;flex-direction:column;gap:.7rem;max-width:700px}.product-register-form{gap:.3rem}.admin-clinic-register-form-input,.admin-product-register-form-input,.admin-procedure-register-form-input,.doctor-join-register-form-input{display:inline-flex;align-items:center;width:100%}.admin-clinic-register-form-input p,.admin-product-register-form-input p,.admin-procedure-register-form-input p,.doctor-join-register-form-input p{margin:.5rem 0;font-weight:700;flex-shrink:0;margin-right:8px}.admin-clinic-register-form-input input,.admin-clinic-register-form-input textarea,.admin-clinic-register-form-input .span-flex,.admin-product-register-form-input input,.admin-product-register-form-input textarea,.admin-product-register-form-input .span-flex,.admin-procedure-register-form-input input,.admin-procedure-register-form-input textarea,.admin-procedure-register-form-input .span-flex,.doctor-join-register-form-input input,.doctor-join-register-form-input textarea,.doctor-join-register-form-input .span-flex{flex:1}.doctor-join-register-form-input.contact-preview p{margin-left:1rem;font-weight:400;text-decoration:underline}.doctor-join-register-form-input.doctor-procedures-preview{flex-direction:column;align-items:flex-start;gap:0}.doctor-join-register-form-input.doctor-procedures-preview p,.doctor-join-register-form-input.doctor-procedures-preview ul{margin:.3rem 0}.doctor-join-register-form-input.doctor-procedures-preview ul{font-size:.9rem;font-style:italic}.admin-clinic-register-actions,.admin-product-register-actions,.admin-procedure-register-actions{display:flex;justify-content:flex-end;gap:1rem;font-size:.9rem}.admin-clinic-register-actions button,.admin-product-register-actions button,.admin-procedure-register-actions button{display:flex;align-items:center;padding:.3rem .5rem;font-size:.9rem;border:1px solid var(--Home-support);cursor:pointer;border-radius:3px;margin-bottom:.5rem}.section-divider{border:none;border-top:2px solid var(--all-border)}.admin-procedure-register-dropdown-input{position:relative;border:1px solid #ccc;border-radius:6px;padding:6px;display:flex;flex-wrap:wrap;align-items:center;cursor:text;flex:1}.admin-procedure-register-dropdown-selected{display:flex;flex-wrap:wrap;gap:6px;width:100%}.admin-procedure-register-dropdown-tag{background:#e8f0fe;border-radius:12px;padding:4px 8px;display:flex;align-items:center;gap:4px;font-size:.9rem;width:fit-content}.admin-procedure-register-dropdown-tag button{background:none;border:none;color:#666;cursor:pointer}.admin-procedure-register-dropdown-input input{border:none;outline:none;flex:1;min-width:120px;font-size:.9rem}.admin-procedure-register-dropdown-list{position:absolute;top:calc(100% + 2px);left:0;right:0;background:#fff;border:1px solid #ddd;border-radius:6px;max-height:200px;overflow-y:auto;z-index:10;box-shadow:0 2px 6px #00000014;margin:0}.admin-procedure-register-dropdown-list li{padding:8px 12px;cursor:pointer}.admin-procedure-register-dropdown-list,.admin-procedure-register-dropdown-list li{list-style:none;padding-left:.5rem;margin:0}.admin-procedure-register-dropdown-list li:hover{background:#f2f2f2}.admin-procedure-register-dropdown-brand{color:#999;font-size:.85rem}.admin-procedure-register-dropdown-noresult{color:#999;padding:8px 12px}.admin-product-toggle-header{display:flex;align-items:center;gap:2rem}.admin-product-toggle{margin-top:1rem;display:flex;align-items:center;justify-content:space-between}.toggle-selling-btn{background-color:var(--all-border);border:none;border-radius:5px;padding:.4rem .8rem;cursor:pointer;font-weight:600;transition:.2s}.toggle-selling-btn:hover{background-color:var(--Home-main);color:var(--all-text-white)}.doctor-procedure-tag{flex-direction:column;align-items:flex-start;margin:.3rem}.doctor-procedure-subinfo{font-size:.9rem;color:var(--all-gray);font-style:italic}.doctor-procedures-block,.clinic-procedures-assignment{margin-bottom:1rem}.approve-modal-overlay{display:flex;flex-direction:column}.joined-msg,.closed-msg{display:inline-flex;align-items:center}.role-toggle-group{width:50%}.role-toggle-row{display:flex;gap:10px;width:100%;height:42px;box-sizing:border-box}.role-toggle-btn{flex:1;background:transparent;border:none;font-size:1rem;font-weight:500;cursor:pointer;color:var(--all-gray);border-radius:4px;transition:background-color .2s ease,color .2s ease}.role-toggle-btn:hover{background-color:var(--all-hover)}.role-toggle-btn.active{background-color:var(--all-hover);color:var(--Home-border);border:1px solid var(--Home-support)}.forgot-link{margin-top:20px}.inventory-usage-panel{margin-top:40px;display:flex;flex-direction:column;gap:.8rem}.appointment-review-block{margin-top:.75rem;padding:.75rem .9rem;border:1px solid #e5e7eb;border-radius:8px;background:#fafafa}.appointment-review-title{font-size:.85rem;font-weight:600;color:#374151;margin-bottom:.5rem}.appointment-review-form{display:flex;flex-direction:column;gap:.5rem}.appointment-review-form label{font-size:.8rem;color:#4b5563;display:flex;align-items:center;gap:.4rem}.appointment-review-form select{padding:.25rem .4rem;border-radius:6px;border:1px solid #d1d5db;font-size:.8rem}.appointment-review-form textarea{resize:none;padding:.45rem .5rem;font-size:.8rem;border-radius:6px;border:1px solid #d1d5db;background:#fff}.review-form{width:50%;max-width:750px;display:flex;flex-direction:column}.review-actions{display:flex;gap:.5rem;justify-content:flex-end;margin-top:.3rem}.review-actions button{padding:.3rem .7rem;font-size:.75rem;border-radius:6px;border:none;cursor:pointer}.review-actions button:first-child{background:#2563eb;color:#fff}.review-actions .cancel-btn{background:#e5e7eb;color:#374151}.review-star-input{margin-bottom:.75rem}.review-star-label{display:inline-block;width:70px;font-size:.85rem;color:#374151}.review-star-row{display:inline-flex;gap:.5rem}.review-star-count-btn{background:transparent;border:none;padding:.2rem .4rem;font-size:.9rem;cursor:pointer;opacity:.4;transition:opacity .15s ease,transform .1s ease}.review-star-count-btn.active{opacity:1}.review-star-count-btn:hover{opacity:.85;transform:translateY(-1px)}.review-readonly-row,.review-readonly-comment{font-size:small;margin:.5rem 0}.review-rating-row{font-size:smaller;color:var(--all-gray);margin:.5rem 0}.nav-logo-img{height:100%;max-height:calc(var(--nav-height) - .5rem);width:auto;object-fit:contain;display:block}.footer-layout{flex-direction:column;gap:2.5rem}.footer-top{display:flex;justify-content:space-between;align-items:center}.footer-logo img{width:110px;min-height:110px}.footer-follow{background-color:#4a72b8;color:#fff;padding:1rem 2.5rem;border-radius:4px;font-size:.95rem}.footer-divider{width:100%;height:2px;background-color:#4a72b8}.footer-bottom{display:flex;gap:6rem}.footer-company{flex:1}.footer-company h4,.footer-newsletter h4{color:#4a72b8;margin-bottom:1rem}.footer-company ul{list-style:none;padding:0;margin:0 2rem}.footer-company li{margin-bottom:.6rem;font-weight:500}.footer-newsletter{flex:2}.footer-newsletter p{max-width:460px;margin:.4rem 0}.footer-email{margin-top:1rem;font-weight:600}.react-time-picker{display:inline-flex;position:relative}.react-time-picker,.react-time-picker *,.react-time-picker *:before,.react-time-picker *:after{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}.react-time-picker--disabled{background-color:#f0f0f0;color:#6d6d6d}.react-time-picker__wrapper{display:flex;flex-grow:1;flex-shrink:0;border:thin solid gray}.react-time-picker__inputGroup{min-width:calc((4px * 3) + .54em * 6 + .217em * 2);flex-grow:1;padding:0 2px;box-sizing:content-box}.react-time-picker__inputGroup__divider{padding:1px 0;white-space:pre}.react-time-picker__inputGroup__divider,.react-time-picker__inputGroup__leadingZero{display:inline-block;font:inherit}.react-time-picker__inputGroup__input{min-width:.54em;height:100%;position:relative;padding:0 1px;border:0;background:none;color:currentColor;font:inherit;box-sizing:content-box;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.react-time-picker__inputGroup__input::-webkit-outer-spin-button,.react-time-picker__inputGroup__input::-webkit-inner-spin-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0}.react-time-picker__inputGroup__input:invalid{background:#ff00001a}.react-time-picker__inputGroup__input--hasLeadingZero{margin-left:-.54em;padding-left:calc(1px + .54em)}.react-time-picker__inputGroup__amPm{font:inherit;-webkit-appearance:menulist;-moz-appearance:menulist;appearance:menulist}.react-time-picker__button{border:0;background:transparent;padding:4px 6px}.react-time-picker__button:enabled{cursor:pointer}.react-time-picker__button:enabled:hover .react-time-picker__button__icon,.react-time-picker__button:enabled:focus .react-time-picker__button__icon{stroke:#0078d7}.react-time-picker__button:disabled .react-time-picker__button__icon{stroke:#6d6d6d}.react-time-picker__button svg{display:inherit}.react-time-picker__clock{width:200px;height:200px;max-width:100vw;padding:25px;background-color:#fff;border:thin solid #a0a096;z-index:1}.react-time-picker__clock--closed{display:none}.react-clock{display:block;position:relative}.react-clock,.react-clock *,.react-clock *:before,.react-clock *:after{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}.react-clock__face{position:absolute;inset:0;border:1px solid black;border-radius:50%}.react-clock__hand{position:absolute;inset:0 50%}.react-clock__hand__body{position:absolute;background-color:#000;transform:translate(-50%)}.react-clock__mark{position:absolute;inset:0 50%}.react-clock__mark__body{position:absolute;background-color:#000;transform:translate(-50%)}.react-clock__mark__number{position:absolute;left:-40px;width:80px;text-align:center}.react-clock__second-hand__body{background-color:red}