.login-page{position:relative;height:100vh;background:url(/clinic-bg.jpg) no-repeat center center/cover;display:flex;justify-content:center;align-items:center}.overlay{position:absolute;width:100%;height:100%;background:#00000073}.login-card{position:relative;width:420px;padding:30px 25px;border-radius:18px!important;box-shadow:0 20px 60px #0000004d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1}.logo-wrapper{display:flex;justify-content:center;margin-bottom:16px}.logo{width:80px;height:auto}.filters{display:flex;gap:12px;margin-bottom:16px;flex-wrap:wrap}.filters .ant-input,.filters .ant-select{flex:1;min-width:180px}@media(max-width:768px){.filters{flex-direction:column}.filters .ant-input,.filters .ant-select{width:100%}.ant-table{font-size:13px}}.doctor-details-page .doctor-header{border-radius:12px}.doctor-details-page .consultation-box{text-align:right}.doctor-details-page .consultation-box h4{margin:8px 0}.doctor-details-page .availability-slots{display:flex;flex-wrap:wrap;gap:8px}.doctor-details-page .about-item{margin-bottom:16px}.availability-card .availability-filter{margin-bottom:20px}.availability-card .day-column{background:#f9fafb;padding:12px;border-radius:10px;min-height:120px}.availability-card .day-column h5{margin-bottom:10px;font-weight:600}.availability-card .day-column .availability-tag{display:inline-flex;align-items:center;margin-bottom:8px;padding:6px 10px;border-radius:8px;font-size:13px}.availability-card .day-column .availability-tag .delete-icon{margin-left:6px;font-size:12px;cursor:pointer;color:#ff4d4f}.doctor-schedule-drawer .ant-drawer-header{background:#f8fafc}.doctor-schedule-drawer .schedule-list{margin-top:30px}.doctor-schedule-drawer .schedule-list .ant-list-item{background:#fafafa;border-radius:8px;padding:12px 16px;margin-bottom:10px;transition:.2s}.doctor-schedule-drawer .schedule-list .ant-list-item:hover{background:#f0f5ff}.doctor-schedule-drawer .ant-btn-primary{height:42px;font-weight:500;border-radius:8px}.schedule-item{background:#fafafa;border-radius:8px;padding:12px 16px;margin-bottom:12px;transition:.2s ease}.schedule-item:hover{background:#f0f5ff}.schedule-title{font-weight:600;font-size:14px}.schedule-description{font-size:13px;margin-top:6px;line-height:1.6;color:#555}.status-active{color:#16a34a;font-weight:500}.status-inactive{color:#dc2626;font-weight:500}.doctor-schedule-display .availability-filter{margin-bottom:20px}.doctor-schedule-display .day-column{background:#fafafa;padding:16px;border-radius:10px;min-height:140px;transition:.2s ease}.doctor-schedule-display .day-column:hover{background:#f0f5ff}.doctor-schedule-display .day-title{margin-bottom:12px;font-weight:600}.doctor-schedule-display .availability-tag{display:block;margin-bottom:8px;text-align:center;padding:6px 10px;border-radius:6px;background:#e6f4ff;border:1px solid #91caff;font-weight:500}.doctor-schedule-display .empty-day{opacity:.4;margin-top:10px}.doctor-schedule .doctor-info-card{margin-bottom:24px;border-radius:12px;text-align:center}.doctor-schedule .schedule-grid{margin-top:10px}.doctor-schedule .day-column{background:#fff;border-radius:12px;min-height:180px;box-shadow:0 2px 10px #0000000a}.doctor-schedule .day-column .ant-typography{text-align:center;margin-bottom:12px;font-weight:600}.doctor-schedule .slot-card{background:#f9fafc;border-radius:10px;padding:10px;margin-bottom:10px;display:flex;flex-direction:column;gap:6px;border:1px solid #f0f0f0}.doctor-schedule .slot-card .slot-time{font-weight:600;color:#1677ff}.doctor-schedule .slot-card .slot-branch{line-height:1.3}.doctor-schedule .slot-card .ant-tag{width:fit-content}.doctor-details-page.rtl{direction:rtl;text-align:right}.doctor-details-page .doctor-header-card{border-radius:14px}.doctor-details-page .stat-card{text-align:center;border-radius:14px}.doctor-details-page .stat-card .stat-icon{font-size:24px;margin-bottom:8px}.doctor-details-page .stat-card .blue{color:#1677ff}.doctor-details-page .stat-card .green{color:#52c41a}.doctor-details-page .stat-card .orange{color:#fa8c16}.doctor-details-page .appointment-item{padding:8px 0;border-bottom:1px solid #f0f0f0}.appointments-page .ant-card{border-radius:12px}.appointments-page .filters-row{margin-bottom:20px}.appointments-page .appointments-table{margin-top:10px}.appointments-page .appointments-table .ant-table-thead>tr>th{font-weight:600}.appointments-page .pagination-wrapper{margin-top:20px;display:flex;justify-content:flex-end}.selected-slot{border:2px solid #1677ff!important;background:#e6f4ff;transition:all .2s ease}.patient-details{display:flex;flex-direction:column;gap:20px}.patient-details .patient-header .ant-vard-body{display:flex;justify-content:space-between;align-items:center;border-radius:12px}.patient-details .patient-header .patient-main h2{margin:0;font-weight:600}.patient-details .patient-header .patient-main p{margin:0;color:#888}.patient-details .patient-header .patient-meta{font-size:14px;color:#666}.patient-details .patient-tabs .ant-tabs-tab{font-weight:500}.medical-records{display:flex;flex-direction:column;gap:16px}.medical-record-card{border-radius:10px}.medical-record-card .record-meta{margin-bottom:8px}.medical-record-card .record-section{margin-bottom:12px}.medical-record-card .record-section strong{display:block;margin-bottom:4px;color:#262626}.medical-record-card .record-appointment{margin-top:8px}.medical-record-card .medical-records .record-section{margin-bottom:12px}.medical-record-card .medical-records .record-section strong{display:block;margin-bottom:4px}.medical-record-card .medical-records .records-pagination{margin-top:16px;display:flex;justify-content:center}.patient-progress .ant-collapse{background:transparent;border:none}.patient-progress .ant-collapse-item{background:#fff;border-radius:10px;margin-bottom:12px;border:1px solid #edf0f5;overflow:hidden}.patient-progress .ant-collapse-header{font-weight:500;padding:12px 16px!important}.patient-progress .ant-collapse-content{background:#fafbff}.patient-progress .record-section{margin-bottom:12px}.patient-progress .record-section strong{display:block;margin-bottom:4px;color:#262626;font-size:13px}.patient-progress .record-section p{background:#f7f9fc;border:1px solid #edf0f5;padding:10px 12px;border-radius:6px;margin:0;font-size:13px;color:#434343}.patient-progress .records-pagination{display:flex;justify-content:center;margin-top:16px}.patient-progress .ant-tag{font-weight:500;border-radius:6px}.transactions-page .filters{margin-bottom:20px}.transactions-page .ant-table{overflow-x:auto}[dir=rtl] .ant-table{direction:rtl}[dir=rtl] .filters{flex-direction:row-reverse}.lang-selector{min-width:120px}.lang-item{display:flex;align-items:center;gap:8px}.lang-item img{width:20px;height:14px;border-radius:3px;object-fit:cover}.lang-item span{font-size:14px}html[dir=rtl] .lang-item{flex-direction:row-reverse}.stat-cards-container .stat-header{display:flex;justify-content:flex-end;margin-bottom:16px}.stat-cards-container .ant-radio-group{background:#f5f7fb;padding:4px;border-radius:8px}.stat-card{border-radius:14px;box-shadow:0 3px 10px #0000000d;overflow:hidden}.stat-card .ant-card-body{padding:18px}.stat-card .stat-card-inner{display:flex;justify-content:space-between;align-items:center}.stat-card .stat-left{display:flex;align-items:center;gap:14px}.stat-card .stat-icon{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:20px}.stat-card .stat-text .stat-title{color:#888;font-size:14px}.stat-card .stat-text h2{margin:2px 0 0;font-weight:700;font-size:24px}.stat-card .stat-right{text-align:right}.stat-card .stat-right .stat-badge{font-size:12px;padding:4px 8px;border-radius:6px;display:inline-block;margin-bottom:3px}.stat-card .stat-right .stat-badge.up{background:#dcfce7;color:#16a34a}.stat-card .stat-right .stat-badge.down{background:#fee2e2;color:#dc2626}.stat-card .stat-right .stat-sub{display:block;font-size:12px;color:#777;margin-bottom:6px}.stat-card .stat-right .stat-chart{width:100px;height:50px}[dir=rtl] .stat-cards-container .stat-left{flex-direction:row-reverse}[dir=rtl] .stat-cards-container .stat-right{text-align:left}.appointment-statistics{border-radius:12px}.appointment-statistics .appointment-summary{margin-bottom:20px}.appointment-statistics .summary-box{background:#f7f8fa;border-radius:10px;padding:14px 18px;font-size:14px;color:#555;display:flex;flex-direction:column}.appointment-statistics .summary-box h3{margin:6px 0 0;font-size:20px;font-weight:700;color:#0f172a}.appointment-statistics .summary-box .dot{width:8px;height:8px;border-radius:50%;display:inline-block;margin-right:6px}.appointment-statistics .summary-box .blue{background:#3b82f6}.appointment-statistics .summary-box .red{background:#ef4444}.appointment-statistics .summary-box .yellow{background:#f59e0b}.appointment-statistics .summary-box .green{background:#10b981}.appointment-statistics .appointment-chart{margin-top:20px}.appointments-widget{border-radius:12px}.appointments-widget .month-select{text-align:center;margin-bottom:10px}.appointments-widget .ant-picker-calendar{border:none}.appointments-widget .appointment-list{margin-top:16px;display:flex;flex-direction:column;gap:10px}.appointments-widget .appointment-item{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;border-radius:10px}.appointments-widget .appointment-info{display:flex;flex-direction:column}.appointments-widget .appointment-date{font-size:13px;color:#555;display:flex;align-items:center;gap:6px;margin-top:3px}.appointments-widget .view-btn{margin-top:14px;background:#f3f4f6;font-weight:500}.top-patients-widget{border-radius:12px}.top-patients-widget .patients-list{display:flex;flex-direction:column;gap:16px}.top-patients-widget .patient-row{display:flex;justify-content:space-between;align-items:center}.top-patients-widget .patient-info{display:flex;align-items:center;gap:12px}.top-patients-widget .patient-text{display:flex;flex-direction:column}.top-patients-widget .patient-name{font-weight:600;color:#0f172a}.top-patients-widget .patient-paid{font-size:13px;color:#64748b}.top-patients-widget .appointments-badge{border:1px solid #4f46e5;color:#4f46e5;padding:4px 10px;border-radius:6px;font-size:13px;font-weight:500}.top-doctors-widget .doctor-row{display:flex;justify-content:space-between;align-items:center;padding:10px 0;cursor:pointer;border-bottom:1px solid #f3f4f6;transition:.2s}.top-doctors-widget .doctor-row:hover{background:#fafafa;border-radius:8px;padding-left:6px;padding-right:6px}.top-doctors-widget .doctor-info{display:flex;align-items:center;gap:10px}.top-doctors-widget .doctor-name{font-weight:600}.top-doctors-widget .doctor-specialty{font-size:12px;color:#888}.top-doctors-widget .patients-badge{background:#eff6ff;color:#2563eb;padding:4px 10px;border-radius:20px;font-size:12px;font-weight:600}.recent-transactions-widget{border-radius:12px;height:100%}.recent-transactions-widget .transactions-list{display:flex;flex-direction:column;gap:18px}.recent-transactions-widget .transaction-row{display:flex;justify-content:space-between;align-items:center;cursor:pointer}.recent-transactions-widget .transaction-info{display:flex;align-items:center;gap:12px}.recent-transactions-widget .transaction-logo{width:40px;height:40px;background:#f1f5f9;border-radius:50%;display:flex;align-items:center;justify-content:center}.recent-transactions-widget .transaction-logo img{width:22px}.recent-transactions-widget .transaction-text{display:flex;flex-direction:column}.recent-transactions-widget .transaction-title{font-weight:600;color:#0f172a}.recent-transactions-widget .transaction-invoice{font-size:13px;color:#4f46e5}.recent-transactions-widget .transaction-amount{padding:4px 10px;border-radius:6px;font-weight:600;font-size:13px}.recent-transactions-widget .transaction-amount.income{background:#22c55e;color:#fff}.recent-transactions-widget .transaction-amount.expense{background:#ef4444;color:#fff}.appointment-details-drawer .ant-drawer-body{background:#f7f9fc;padding:20px}.appointment-details-drawer .section{background:#fff;border-radius:10px;padding:18px;margin-bottom:16px;box-shadow:0 2px 8px #0000000a}.appointment-details-drawer .section.medical{border-left:4px solid #1890ff}.appointment-details-drawer .section-header{display:flex;align-items:center;gap:10px;margin-bottom:14px}.appointment-details-drawer .section-header h3{font-size:15px;font-weight:600;margin:0;color:#1f1f1f}.appointment-details-drawer .icon{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:8px;font-size:16px}.appointment-details-drawer .icon.patient{background:#e6f4ff;color:#1677ff}.appointment-details-drawer .icon.appointment{background:#fff7e6;color:#fa8c16}.appointment-details-drawer .icon.doctor{background:#f6ffed;color:#52c41a}.appointment-details-drawer .icon.record{background:#f0f5ff;color:#2f54eb}.appointment-details-drawer .icon.payment{background:#fff1f0;color:#ff4d4f}.appointment-details-drawer .icon.progress{background:#f6ffed;color:#52c41a}.appointment-details-drawer .info-row{display:flex;justify-content:space-between;padding:8px 0;font-size:14px;border-bottom:1px dashed #f0f0f0}.appointment-details-drawer .info-row:last-child{border-bottom:none}.appointment-details-drawer .info-row span:first-child{color:#8c8c8c;font-weight:500}.appointment-details-drawer .info-row span:last-child{font-weight:600;color:#262626}.appointment-details-drawer .medical-block{margin-bottom:12px}.appointment-details-drawer .medical-block label{font-size:12px;font-weight:600;color:#595959;margin-bottom:4px;display:block}.appointment-details-drawer .medical-block p{background:#f9fafc;border:1px solid #edf0f5;padding:10px 12px;border-radius:6px;margin:0;font-size:13px;color:#434343}.appointment-details-drawer .ant-tag{font-weight:500;border-radius:6px;padding:2px 8px}h1{font-size:4.8rem;line-height:1.2}h2{font-size:3.6rem;line-height:1.4}h3{font-size:2.8rem;line-height:1.3}h4{font-size:2.4rem;line-height:1.1}h5{font-size:1.6rem;line-height:1.4;font-weight:700}h6{font-size:1.2rem;line-height:1.1;font-weight:500}h1,h2,h3,h4,h5,h6{text-transform:capitalize;color:#333;font-weight:500}p{font-size:1.6rem;line-height:1.2}.img-circle{width:8rem;border-radius:50%}.row{display:flex;align-items:center;gap:1.5rem}.list{width:100%;display:flex;flex-direction:column;gap:1.5rem}.form-row{width:100%;display:flex;align-items:center;gap:1rem}@media(max-width:900px){.form-row{flex-direction:column}}.ant-form-item{width:100%}.ant-picker{width:100%;border-radius:9px}.ant-form-item-label>label{width:100%!important}.ant-input-number{border-radius:9px;width:100%}.ant-btn{border-radius:9px;font-weight:500;padding:1.4rem!important}.ant-input,.ant-select-selector{border-radius:9px;padding:4px 2rem}.ant-form-item-label{padding-bottom:4px!important}.non_cursor{cursor:none}.flex-row{display:flex;justify-content:center;flex-wrap:wrap;gap:2rem}.blur-overlay{position:absolute;top:0;left:0;z-index:10;width:100%;height:100%;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#ffffff4d;display:flex;align-items:center;justify-content:center;font-size:1.25rem;font-weight:500;color:#444;pointer-events:none}.force-ltr,.force-ltr *,.force-ltr-dropdown{direction:ltr!important;text-align:left!important}body{font-family:Cairo,sans-serif;direction:ltr}[lang=ar],.ar{font-family:Cairo,sans-serif;direction:rtl}html{font-size:62.5%}@media(max-width:1000px){html{font-size:55%}}@media(max-width:500px){html{font-size:47%}}@media(max-width:450px){html{font-size:40%}}.ant-layout{font-family:Inter,sans-serif!important}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%}body{font-family:Inter,sans-serif!important;color:#171717;overflow-x:hidden;margin:0 auto;letter-spacing:.4px}body[dir=rtl]{direction:rtl}.app{margin:0 auto}a{text-decoration:none;color:inherit;color:#171717;cursor:pointer;transition:ease-in-out .2s}button{border:none;cursor:pointer;transition:ease-in-out .3s}ul{list-style:none}.ant-radio-button-wrapper{font-weight:500!important}.ant-form-item-label label{color:#438dcf!important}.navbar{background-color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 2rem!important}.navbar-btns{display:flex;align-items:center;gap:3rem}.sidebar-logo{height:6rem;max-width:100%}.sidebar .ant-menu-inline{border:none!important}.sidebar .ant-layout-sider-children{display:flex;flex-direction:column;justify-content:space-between}.sidebar .logo-container{direction:ltr;display:flex;align-items:center;padding:1rem;justify-content:space-between;gap:8px}.sidebar .btn-collapse{margin:16px 10px;z-index:1;padding:0}.sidebar .ant-menu-item{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;font-weight:400;font-size:1.6rem;color:#777;transition:all .3s}.sidebar .ant-menu-item-selected{transition:all .3s;font-weight:600;background:#eaf2ef!important;color:#438dcf!important;border-left:1rem solid #438dcf!important}.nav-prof-btn{background-color:transparent;display:flex;align-items:center;gap:1rem}.nav-prof-btn span{font-size:1rem;margin-top:2px;color:#777}.content-container{height:100vh;padding:1.5rem;border-radius:9px;overflow-y:scroll;display:flex;flex-direction:column}.App[dir=rtl] .logo-container{display:flex;gap:1rem;flex-direction:row-reverse;align-items:center}.sidebar-inner{height:100%;display:flex;flex-direction:column;justify-content:space-between}.logout-btn-container{padding:1rem;margin-bottom:2rem}.logout-btn-container .ant-btn{margin-bottom:2rem}.ant-layout-sider{transition:all .2s ease!important}.sidebar-logo{height:5rem;object-fit:contain}.btn-collapse{display:flex;align-items:center;justify-content:center}html[dir=rtl] .logo-container{flex-direction:row-reverse}body{font-family:Cairo,sans-serif;background-color:#f5f7fa;margin:0 auto}[dir=rtl]{text-align:right}