@font-face{font-family:Tajawal;font-style:normal;font-weight:300;src:url(/static/media/Tajawal-Light.0b9c23dd8afee3e6ab60.ttf) format("truetype")}@font-face{font-family:Tajawal;font-style:normal;font-weight:400;src:url(/static/media/Tajawal-Regular.e4ac0a5abb7d379e2308.ttf) format("truetype")}@font-face{font-family:Tajawal;font-style:normal;font-weight:500;src:url(/static/media/Tajawal-Medium.39f6e7909da6851b0fca.ttf) format("truetype")}@font-face{font-family:Tajawal;font-style:normal;font-weight:700;src:url(/static/media/Tajawal-Bold.5225a40edb511ebac6f5.ttf) format("truetype")}@font-face{font-family:Tajawal;font-style:normal;font-weight:800;src:url(/static/media/Tajawal-ExtraBold.a6895f8295995503f6b8.ttf) format("truetype")}:root{--clr-bg:#f5f5f5;--clr-border:#e5e7eb;--clr-text-main:#002237;--clr-text-secondary:#444;--clr-primary:#01c8aa;--clr-primary-d:#02bb9f;--clr-primary-light:#e8fdfc;--clr-bg-light:#f5f7fa;--clr-error:#ff2424;--clr-error-light:#ff6262;--radius:6px}*,:after,:before{box-sizing:border-box}*,:after,:before,body{font-family:Tajawal,sans-serif}body{background:#f5f5f5;background:var(--clr-bg);color:#002237;color:var(--clr-text-main);margin:0}#root,body,html{height:100%;margin:0;padding:0}.btn{--p-y:10px;--p-x:16px;--fs:14px;border-radius:6px;border-radius:var(--radius);cursor:pointer;display:inline-block;font-size:var(--fs);padding:var(--p-y) var(--p-x);text-align:center;text-decoration:none;transition:background .3s,color .3s;white-space:nowrap}.btn.filled{background:#01c8aa;background:var(--clr-primary);border:none;color:#fff}.btn.filled:hover{background:#02bb9f;background:var(--clr-primary-d)}.btn.outline{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--clr-border);color:#002237;color:var(--clr-text-main)}.btn.outline:hover{background:#f3f4f6}.btn.disabled{background-color:#f8f8f8;border:2px solid #f8f8f8;color:#999;cursor:not-allowed}.btn.danger{background-color:#ff2424;background-color:var(--clr-error);border:none;color:#fff}.btn.danger:hover,.btn.filled:hover{opacity:.85}.btn.small{border-radius:6px;border-radius:var(--radius);cursor:pointer;font-size:.85rem;padding:6px 12px;transition:all .2s ease-in-out}.layout{background:#fcfcfc;display:flex;flex:1 1;flex-direction:column;height:100%;min-height:fit-content;padding:30px}.page{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--clr-border);border-radius:10px;direction:rtl;height:95vh;padding:25px}.content-view,.page{display:flex;flex:1 1;flex-direction:column;min-height:fit-content;width:100%}.content-view{gap:50px;padding:0 1.5rem}.form-group{margin-bottom:1rem;text-align:right}label{display:block;font-size:13px;margin-bottom:.3rem;text-align:right}.select,input{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--clr-border);border-radius:6px;border-radius:var(--radius);box-sizing:border-box;font-size:14px;outline:none;padding:10px 12px;width:100%}.card{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#ffffff85;border:1px solid #0000001f;border-radius:6px;border-radius:var(--radius);box-shadow:0 0 50px #9a9a9a1f;display:flex;flex-direction:column;gap:1rem;justify-content:space-between;max-width:480px;min-height:300px;padding:2rem;text-align:center;width:100%}.logo{color:#002237;color:var(--clr-text-main);font-size:22px;font-weight:500;max-height:100%}.MuiAlert-action .MuiSvgIcon-root,.MuiAlert-icon svg{fill:#fff!important;color:#fff!important}.outline-primary{border:1px solid #02bb9f!important;border:1px solid var(--clr-primary-d)!important;color:#02bb9f!important;color:var(--clr-primary-d)!important}@media (max-width:768px){.btn.block-sm{width:100%}}h1,h2,h3,h4,h5,h6{font-weight:500}.demo{border:1px solid #01c8aa!important;border:1px solid var(--clr-primary)!important;color:#01c8aa!important;color:var(--clr-primary)!important}.demo-err{border:1px solid #ff2424!important;border:1px solid var(--clr-error)!important;color:#ff2424!important;color:var(--clr-error)!important}.demo-ylw{border:1px solid #f3d200!important;color:#ca5400!important}.App{text-align:center}*{box-sizing:border-box;margin:0;padding:0}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.page-container{box-sizing:border-box;margin:0 auto;max-width:1200px;padding:0 100px}.hero-container{align-items:center;direction:rtl;display:flex;flex-wrap:wrap;gap:40px;justify-content:center;padding-top:80px}.hero-img{height:auto;max-width:400px;width:100%}.hero-text-block{max-width:500px;text-align:right}.hero-title{color:var(--clr-text-main);font-size:2.2rem;font-weight:700;margin:0 0 16px}.highlight{color:#01c8aa;color:var(--clr-primary,#01c8aa)}.hero-text{font-size:1.3rem;line-height:1.3}.services-container{direction:rtl;display:flex;flex-direction:row;flex-wrap:wrap;gap:40px;justify-content:space-between;padding-top:80px;width:100%}.image-side{align-items:center;display:flex;flex:1 1;justify-content:center;min-width:300px;order:1}.image-box{max-width:500px;text-align:right}.preview-img{border-radius:8px;margin-bottom:20px;max-height:400px;max-width:100%}.preview-desc{color:var(--clr-text-main);font-size:1rem;line-height:1.6}.list-side{display:flex;flex:1 1;flex-direction:column;margin-right:40px;max-width:50%;order:2}.service-item{align-items:center;background-color:initial;border-radius:4px;border-right:4px solid #0000;color:var(--clr-text-main);cursor:pointer;direction:rtl;display:flex;gap:10px;margin:10px 0;padding:12px 10px;text-align:right;transition:all .2s ease}.service-item.active{background-color:var(--clr-primary-light);border-right:4px solid #01c8aa;border-right:4px solid var(--clr-primary,#01c8aa);color:#01c8aa;color:var(--clr-primary,#01c8aa)}.icon{font-size:1.2rem}.service-title{font-size:.9rem;line-height:1.2}@media (max-width:768px){.page-container{padding:0 20px}.hero-container,.services-container{flex-direction:column;gap:30px}.list-side{flex-direction:row;gap:12px;margin-right:0;max-width:100%;overflow-x:auto;padding-bottom:10px;scroll-snap-type:x mandatory}.service-item{align-items:center;border:none;flex-direction:column;justify-content:center;min-width:80px;scroll-snap-align:start}.service-item.active{border-right:none}.icon{font-size:1.6rem}.service-title{font-size:.75rem;text-align:center}}.stats-section{direction:rtl;margin-top:80px;text-align:center}.section-title{color:var(--clr-text-main);font-size:2rem;margin-bottom:30px}.stats-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));justify-items:center}.stat-card{background-color:#e8fdf9;background-color:var(--clr-primary-light,#e8fdf9);border-radius:6px;color:var(--clr-text-main);padding:40px;text-align:center}.stat-card strong{color:var(--clr-primary);display:block;font-size:1.8rem}.stat-card span{display:block;font-size:1rem;margin-top:6px}.how-section{direction:rtl;margin-top:100px;text-align:center}.section-subtext{color:#777;color:var(--clr-muted-text,#777);font-size:1.1rem;margin-bottom:30px}.steps-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));justify-items:center;padding:0 20px}.step-box{background-color:#f8f8f8;background-color:var(--clr-bg-light,#f8f8f8);border-radius:6px;color:var(--clr-text-main);font-size:.9rem;font-weight:400;max-width:240px;padding:20px;width:100%}.cta-section{background-color:#e8fdf9;background-color:var(--clr-primary-light,#e8fdf9);border-radius:20px;direction:rtl;margin-top:100px;padding:60px 20px;text-align:center}.cta-section h2{color:var(--clr-text-main);font-size:2rem;margin-bottom:12px}.cta-section p{color:#666;color:var(--clr-muted-text,#666);font-size:1.1rem;margin-bottom:24px}.container{align-items:center;color:var(--clr-text-main);display:flex;flex-direction:column;justify-content:center;min-height:100vh;text-align:center}.heading{font-size:5rem;margin:0}.paragraph{font-size:1.5rem;margin:10px 0 20px}.react-calendar{background:#fff;border:1px solid #a0a096;font-family:Arial,Helvetica,sans-serif;line-height:1.125em;max-width:100%;width:350px}.react-calendar--doubleView{width:700px}.react-calendar--doubleView .react-calendar__viewContainer{display:flex;margin:-.5em}.react-calendar--doubleView .react-calendar__viewContainer>*{margin:.5em;width:50%}.react-calendar,.react-calendar *,.react-calendar :after,.react-calendar :before{box-sizing:border-box}.react-calendar button{border:0;margin:0;outline:none}.react-calendar button:enabled:hover{cursor:pointer}.react-calendar__navigation{display:flex;height:44px;margin-bottom:1em}.react-calendar__navigation button{min-width:44px}.react-calendar__navigation button:disabled{background-color:#f0f0f0}.react-calendar__navigation button:enabled:focus,.react-calendar__navigation button:enabled:hover{background-color:#e6e6e6}.react-calendar__month-view__weekdays{font:inherit;font-size:.75em;font-weight:700;text-transform:uppercase}.react-calendar__month-view__weekdays__weekday{padding:.5em}.react-calendar__month-view__weekNumbers .react-calendar__tile{align-items:center;display:flex;font:inherit;font-size:.75em;font-weight:700;justify-content:center}.react-calendar__month-view__days__day--weekend{color:#d10000}.react-calendar__century-view__decades__decade--neighboringCentury,.react-calendar__decade-view__years__year--neighboringDecade,.react-calendar__month-view__days__day--neighboringMonth{color:#757575}.react-calendar__century-view .react-calendar__tile,.react-calendar__decade-view .react-calendar__tile,.react-calendar__year-view .react-calendar__tile{padding:2em .5em}.react-calendar__tile{font:inherit;font-size:.833em;max-width:100%;padding:10px 6.6667px;text-align:center}.react-calendar__tile:disabled{background-color:#f0f0f0;color:#ababab}.react-calendar__century-view__decades__decade--neighboringCentury:disabled,.react-calendar__decade-view__years__year--neighboringDecade:disabled,.react-calendar__month-view__days__day--neighboringMonth:disabled{color:#cdcdcd}.react-calendar__tile:enabled:focus,.react-calendar__tile:enabled:hover{background-color:#e6e6e6}.react-calendar__tile--now{background:#ffff76}.react-calendar__tile--now:enabled:focus,.react-calendar__tile--now:enabled:hover{background:#ffffa9}.react-calendar__tile--hasActive{background:#76baff}.react-calendar__tile--hasActive:enabled:focus,.react-calendar__tile--hasActive:enabled:hover{background:#a9d4ff}.react-calendar__tile--active{background:#006edc}.react-calendar__tile--active:enabled:focus,.react-calendar__tile--active:enabled:hover{background:#1087ff}.react-calendar--selectRange .react-calendar__tile--hover{background-color:#e6e6e6}.react-calendar{border:1px solid var(--clr-border);border-radius:var(--radius);font-size:14px;max-width:400px;width:100%}.react-calendar__navigation{background-color:#f0f0f0;font-weight:700;margin-bottom:10px;padding:10px 0}.react-calendar__navigation button{background:none;border:none;color:#333;cursor:pointer;font-size:.95rem;padding:0 8px}.react-calendar__month-view__weekdays{color:#666;display:grid;font-size:.85rem;grid-template-columns:repeat(7,1fr);padding:8px 0;text-align:center}.react-calendar__month-view__days{display:grid!important;grid-auto-rows:60px;grid-template-columns:repeat(7,1fr)}.react-calendar__tile{align-items:center;background:none;border:none;border-radius:4px;cursor:pointer;display:flex;font-size:.85rem;font-weight:400;justify-content:center;margin:2px!important;padding:0;transition:background-color .2s ease}.react-calendar__tile:hover{background-color:var(--clr-primary-light)}.react-calendar__tile--now{background:#e0f7fa;border-radius:4px}.react-calendar__tile--active{background:var(--clr-primary);border-radius:4px;color:#fff}.react-calendar__tile--active:enabled:focus,.react-calendar__tile--active:enabled:hover{background-color:var(--clr-primary);color:#fff}.has-appointment{background-color:var(--clr-primary-light);border-radius:var(--radius)}.react-calendar__tile.disabled-day,.react-calendar__tile:disabled{background-color:#e0e0e0!important;color:#999!important;opacity:.6;pointer-events:none}@media (max-width:768px){.react-calendar{font-size:12px;max-width:100%}.react-calendar__navigation{font-size:.8rem;padding:8px 0}.react-calendar__navigation button{font-size:.8rem;padding:0 5px}.react-calendar__month-view__weekdays{font-size:.75rem;padding:6px 0}.react-calendar__month-view__days{grid-auto-rows:45px}.react-calendar__tile{font-size:.75rem;margin:1px!important}.react-calendar__tile--active,.react-calendar__tile--now{font-size:.75rem}}.modal-backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#1b1b1b66;height:100%;width:100%;z-index:999}.modal-close{background-color:initial;margin-bottom:10px;position:sticky;text-align:end;top:0;z-index:2}.modal-box{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:1px solid var(--clr-border);border-radius:var(--radius);box-shadow:0 0 50px #9a9a9a1f;display:flex;flex-direction:column;max-height:100vh;min-height:300px;min-width:370px;overflow:auto;padding:20px;text-align:center}.profile-header{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding-bottom:15px}.profile-header .info{align-items:center;display:flex;gap:15px}.profile-image-container{position:relative}.profile-image{border-radius:50%;height:60px;object-fit:cover;width:60px}.edit-icon{background:#eee;border-radius:50%;bottom:0;cursor:pointer;font-size:12px;left:0;padding:2px 6px;position:absolute}.profile-header h3{margin:0}.profile-header p{color:#777;margin:0}.close-btn{background:none;border:none;cursor:pointer;font-size:24px}.profile-info{margin-top:20px}.info-row{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;padding:10px 0}.info-row .label{color:#555;font-weight:700;width:50%}.info-row .value{color:#777}.info-row input{border:1px solid #ccc;border-radius:var(--radius);flex:1 1;padding:6px 10px;text-align:right}.profile-actions{display:flex;flex-direction:row;justify-content:flex-end;padding-top:20px}.navbar{background:#fff;border-bottom:1px solid var(--clr-border);height:fit-content;min-height:70px;padding:0 100px;position:sticky;top:0;z-index:900}.navbar-container{flex-wrap:nowrap;height:100%;justify-content:space-between;padding:16px 28px}.navbar-container,.navbar-left{align-items:center;display:flex}.navbar-left{gap:16px}.hamburger{background:none;border:none;color:var(--clr-text-main);cursor:pointer;display:none;font-size:26px}.nav-menu{justify-content:space-between}.nav-items,.nav-menu{align-items:center;display:flex}.nav-items{direction:rtl;gap:24px;justify-content:center;list-style:none;margin:0;padding:0}.nav-item{color:var(--clr-text-main);cursor:pointer;font-size:15px;transition:color .2s}.nav-item:hover{color:var(--clr-primary)}.nav-item a{color:inherit;text-decoration:none}.nav-item.active a{color:var(--clr-primary)}.auth-buttons-left{align-items:center;display:flex;gap:10px;order:-1}.logout-button{background:#0000;border:none;color:var(--clr-error);cursor:pointer;display:flex;margin-left:50px}.logout-button:hover{color:var(--clr-error-light)}.desktop-buttons{display:flex;gap:10px}.mobile-buttons{display:none;flex-direction:column;gap:10px;margin-top:16px;width:100%}.btn-divider{background-color:var(--clr-border);height:38px;margin-left:20px;margin-right:30px;width:1px}@media (max-width:900px){.hamburger{display:block}.nav-menu{display:none;flex-direction:column;padding:25px;width:100%}.nav-menu.open{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background-color:#f4f4f4b3;border:2px solid #eaeaea;display:flex}.nav-items{flex-direction:column;justify-content:center;text-align:center;width:100%}.nav-item{border-bottom:1px solid var(--clr-border);padding:14px 0;width:100%}.nav-item:last-child{border-bottom:none}.desktop-buttons{display:none}.mobile-buttons{display:flex}.btn-divider{background-color:var(--clr-border);height:1px;margin:10px 0;width:100%}.logout-button{align-self:center}.auth-buttons-left{justify-content:center;margin-bottom:16px;order:0;width:100%}}.appointments-list{flex:1 1;padding:15px}.appointment-card{background:#f6f6f675;border:1px solid #eee;border-radius:var(--radius);direction:rtl;display:flex;flex-direction:column;gap:10px;margin-bottom:12px;max-width:700px;padding:16px;transition:all .3s ease;width:100%}.appointment-info p{color:#333;font-size:.95rem;margin:0}.appointment-info span{font-size:1rem;font-weight:500}.appointment-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:flex-start;margin-top:10px}.wrapper{align-items:flex-start;flex-direction:row;flex-wrap:wrap}.editing-layout .edit-content,.wrapper{display:flex;gap:20px;justify-content:center}.editing-layout .edit-content{align-items:center;flex-direction:column;margin-top:20px;padding:20px;width:100%}.editing-layout .calendar-side,.editing-layout .slots-side{margin:0 auto;max-width:380px;width:100%}.editing-layout .slots-side{align-items:center;display:flex;flex-direction:column}.slots-grid{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:10px}.slot-button{background-color:#f0f0f0;border-radius:8px;font-size:14px;min-width:130px;padding:10px 14px;transition:all .2s ease}.slot-button.selected{background-color:var(--clr-primary);border:2px solid var(--clr-primary-dark)}.editing-layout .appointment-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:20px}.modal-title{color:var(--clr-text-main);font-size:1.4rem;font-weight:700;margin-bottom:20px;text-align:center}.modal-backdrop{align-items:center;background:#00000073;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-box{background:#fff;border-radius:12px;box-shadow:0 4px 30px #0003;max-height:90vh;overflow-y:auto;padding:24px;position:relative}.modal-close{background:#0000;border:none;color:#888;cursor:pointer;font-size:24px;left:14px;position:absolute;top:12px}.details-row{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:25px}.details-label{color:var(--clr-text-main);font-size:15px;font-weight:500}.details-value{color:var(--clr-text-secondary);font-size:15px}.status-tag{border-radius:12px;color:#fff;font-size:13px;font-weight:500;min-width:80px;padding:6px 12px;text-align:center}.status-waiting{background-color:#ffedb6;color:#8f7400}.status-in_service{background-color:#b4d0ff;color:#00138f}.status-completed{background-color:#c6ffea;color:#04754b}.status-pending{background-color:#ffedb6;color:#8f7400}.status-approved{background-color:#b4d0ff;color:#00138f}.status-cancelled{background-color:#ffc3c3;color:#8f0000}.status-unknown{background-color:#6b7280}.page.center{align-items:flex-start;background-color:#fdfdfd;direction:rtl;display:flex;font-family:Tajawal,sans-serif;justify-content:center;min-height:100vh;padding:40px 16px}.appointment-summary-box{background:#fff;border:1px solid #eee;border-radius:16px;box-shadow:0 2px 6px #0000000a;max-width:520px;padding:24px;text-align:center;width:100%}.section-title{color:#333;font-size:22px;font-weight:700;margin-bottom:10px}.appointment-id{color:#888;font-size:18px;font-weight:700}.status-tag-wrapper{margin-bottom:20px;margin-top:6px}.status-tag{border-radius:20px;display:inline-block;font-size:14px;font-weight:700;padding:4px 12px}.status-pending{background-color:#fef3c7;color:#92400e}.status-approved{background-color:#d1fae5;color:#065f46}.status-cancelled{background-color:#fee2e2;color:#991b1b}.status-completed{background-color:#e0f2fe;color:#1e40af}.details-card{background:#f9f9f9;border-radius:12px;color:#444;font-size:15px;line-height:2;margin-bottom:20px;padding:16px;text-align:right}.calendar-slots-container{align-items:flex-start;display:flex;flex-direction:row;flex-wrap:wrap;gap:32px;justify-content:center;margin-top:24px}@media (max-width:768px){.calendar-slots-container{align-items:stretch;flex-direction:column}}.slots-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));margin-top:12px;max-width:400px;width:100%}.slot-button{text-wrap:wrap;align-items:center;background-color:#f8f8f8;border:1px solid #ccc;border-radius:12px;cursor:pointer;display:flex;font-size:17px;font-weight:500;justify-content:center;line-height:1.4;min-height:64px;min-width:140px;padding:20px 18px;text-align:center;transition:all .25s ease}.slot-button:hover{background-color:#eee}.slot-button.selected{background-color:#01c8aa;border:2px solid #01c8aa;color:#fff;font-weight:700}.calendar-slots-container button.btn.outline{border:none;border-radius:10px;cursor:pointer;font-size:15px;padding:10px 20px;transition:.3s ease}.calendar-slots-container button.btn.outline:disabled{background-color:#ccc;color:#fff;cursor:not-allowed}.actions-row{display:flex;gap:12px;justify-content:center;margin-top:30px}.btn.outline.demo{background-color:initial;border:1px solid #01c8aa;border-radius:8px;color:#01c8aa;font-size:14px;padding:8px 16px}.btn.outline.demo:hover{background-color:#01c8aa;color:#fff}.btn.outline.demo-err{background-color:initial;border:1px solid #e74c3c;border-radius:8px;color:#e74c3c;font-size:14px;padding:8px 16px}.btn.outline.demo-err:hover{background-color:#e74c3c;color:#fff}.chart-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-sizing:border-box;display:flex;flex-direction:column;min-height:300px;overflow:hidden;padding:1.5rem;width:100%}.chart-title{color:#111827;font-size:16px;font-weight:600;margin-bottom:1rem}.charts-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));width:100%}@media (max-width:768px){.charts-grid{grid-template-columns:1fr}}
/*# sourceMappingURL=main.52f62b77.css.map*/