@import"https://fonts.googleapis.com/css2?family=Cairo:wght@300;400;500;600;700;800&display=swap";*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Cairo,sans-serif;direction:rtl;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f8f8f8}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#c08e71;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#a07050}#root,#root>*,.ant-app{direction:rtl!important}.ant-table-wrapper .ant-table,.ant-select-dropdown,.ant-modal-content{direction:rtl}.otp-input{width:102px!important;height:102px!important;border:2px solid #b0b0b0;border-radius:8px;font-size:36px;font-weight:700;text-align:center;font-family:Cairo,sans-serif;color:#562509;outline:none;transition:border-color .3s}.otp-input:focus{border-color:#562509;box-shadow:0 0 0 2px #5625091a}@keyframes backdropFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.92) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes modalContentFade{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.donation-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000004d;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);z-index:50;display:flex;align-items:center;justify-content:center;animation:backdropFadeIn .25s ease-out}.donation-modal-container{background:#fff;border-radius:24px;box-shadow:0 25px 60px -12px #0003,0 0 0 1px #0000000a;width:680px;max-width:95vw;max-height:92vh;overflow-y:auto;position:relative;padding:44px;animation:modalSlideIn .35s cubic-bezier(.16,1,.3,1)}.donation-modal-container>*:not(button:first-child){animation:modalContentFade .3s ease-out .1s both}.modal-close-btn{position:absolute;top:16px;left:16px;background:none;border:none;cursor:pointer;font-size:18px;color:#949494;display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;transition:all .2s ease}.modal-close-btn:hover{background:#f5f0ed;color:#562509}.modal-title{font-size:24px;font-weight:800;color:#562509;font-family:Cairo,sans-serif;margin:0}.modal-subtitle{font-size:14px;color:#6f6863;font-family:Cairo,sans-serif;margin-top:6px;line-height:1.7}.modal-card{border:1.5px solid rgba(86,37,9,.12);border-radius:16px;padding:24px;transition:border-color .2s ease}.modal-card:hover{border-color:#56250938}.modal-label{display:block;font-size:14px;font-weight:600;color:#2a2a2a;font-family:Cairo,sans-serif;margin-bottom:8px;text-align:right}.modal-error{color:#dc2626;font-size:13px;font-family:Cairo,sans-serif;text-align:center;margin-bottom:16px;padding:10px 16px;background:#fef2f2;border:1px solid rgba(220,38,38,.1);border-radius:10px;animation:modalContentFade .2s ease-out}.modal-btn-primary{height:54px;border-radius:100px;border:none;background:#562509;color:#fff;font-size:18px;font-weight:600;font-family:Cairo,sans-serif;cursor:pointer;transition:all .25s ease;flex:1}.modal-btn-primary:hover:not(:disabled){background:#3d1a06;box-shadow:0 4px 16px #5625094d;transform:translateY(-1px)}.modal-btn-primary:active:not(:disabled){transform:translateY(0)}.modal-btn-primary:disabled{background:#d4c8c1;cursor:not-allowed}.modal-btn-secondary{width:200px;height:54px;border-radius:100px;border:1.5px solid #c0b5ae;background:transparent;color:#454545;font-size:18px;font-weight:600;font-family:Cairo,sans-serif;cursor:pointer;transition:all .25s ease}.modal-btn-secondary:hover:not(:disabled){border-color:#562509;color:#562509;background:#5625090a}.modal-btn-secondary:disabled{opacity:.5;cursor:not-allowed}.modal-btn-row{max-width:460px;margin:0 auto;display:flex;gap:12px}.category-chips{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.category-chip{display:flex;flex-direction:column;align-items:center;gap:6px;padding:14px 8px;border:1.5px solid rgba(86,37,9,.12);border-radius:14px;background:#fff;cursor:pointer;transition:all .2s ease;font-family:Cairo,sans-serif;font-size:13px;font-weight:600;color:#454545}.category-chip:hover{border-color:#5625094d;background:#56250908;transform:translateY(-1px)}.category-chip.selected{border-color:#562509;background:#5625090f;color:#562509;box-shadow:0 2px 8px #5625091f}.category-chip .chip-icon{font-size:24px;line-height:1}.phone-input-wrapper{display:flex;align-items:center;border:1.5px solid #d9d9d9;border-radius:12px;overflow:hidden;transition:all .2s ease;height:48px;background:#fff}.phone-input-wrapper:focus-within{border-color:#562509;box-shadow:0 0 0 2px #5625091a}.phone-input-wrapper.error{border-color:#dc2626}.phone-input-wrapper.error:focus-within{box-shadow:0 0 0 2px #dc26261a}.phone-country-prefix{display:flex;align-items:center;gap:6px;padding:0 12px;background:#fafafa;border-left:1px solid #e8e8e8;height:100%;font-size:14px;font-weight:600;color:#454545;flex-shrink:0;direction:ltr}.phone-input-field{flex:1;height:100%;border:none;outline:none;font-size:16px;font-family:Cairo,sans-serif;padding:0 12px;direction:ltr;text-align:left;letter-spacing:.5px}.phone-input-field::placeholder{color:#c0b5ae;letter-spacing:0}.points-display-card{border:1.5px solid rgba(86,37,9,.12);border-radius:16px;padding:20px 24px;text-align:center;background:linear-gradient(135deg,#fdf6f0,#fff);transition:all .2s ease}.points-display-card.has-points{border-color:#56250940}@keyframes successBounce{0%{transform:scale(0);opacity:0}50%{transform:scale(1.15)}to{transform:scale(1);opacity:1}}@keyframes successCheckmark{0%{stroke-dashoffset:100}to{stroke-dashoffset:0}}.success-icon-container{animation:successBounce .5s cubic-bezier(.16,1,.3,1) .15s both}.sar-balance-card.ant-card{width:266px;height:180px;border:1px solid #562509;border-radius:20px;flex-shrink:0;transition:transform .2s,box-shadow .2s}.sar-balance-card.ant-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.sar-balance-card .ant-card-body{padding:10px 13px;height:100%;display:flex;flex-direction:column;align-items:center;gap:17px}.dashboard-stat-card.ant-card{border:1px solid #562509;border-radius:20px;height:180px;transition:transform .2s,box-shadow .2s}.dashboard-stat-card.ant-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.dashboard-stat-card .ant-card-body{padding:20px;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:space-between}.donations-table-card.ant-card{border-radius:24px;border:none;box-shadow:0 1px 4px #0000000a}.donations-table-card .ant-card-body{padding:28px}.donations-table .ant-table{border-radius:16px;overflow:hidden}.donations-table .ant-table-thead>tr>th{text-align:center!important;font-weight:700;font-size:13px;color:#562509;background:#5625090a!important;border-bottom:2px solid rgba(86,37,9,.1)!important;border-inline-end:none!important;padding:14px 16px!important;letter-spacing:.3px}.donations-table .ant-table-thead>tr>th:first-child{border-start-start-radius:16px!important}.donations-table .ant-table-thead>tr>th:last-child{border-start-end-radius:16px!important}.donations-table .ant-table-tbody>tr>td{text-align:center;font-size:14px;color:#454545;padding:14px 16px!important;border-bottom:1px solid #f0f0f0!important;transition:background .2s ease}.donations-table .ant-table-tbody>tr:last-child>td{border-bottom:none!important}.donations-table .ant-table-tbody>tr:hover>td{background:#56250908!important}.donations-table .ant-table-tbody>tr.ant-table-row-selected>td{background:#5625090f!important}.donations-table .ant-checkbox-checked .ant-checkbox-inner{background-color:#562509!important;border-color:#562509!important}.donations-table .ant-pagination-item-active{border-color:#562509!important}.donations-table .ant-pagination-item-active a{color:#562509!important}.table-action-btn.ant-btn{border-color:#562509;color:#562509;font-size:13px;font-weight:600;border-radius:10px;height:36px;padding:0 16px;display:inline-flex;align-items:center;gap:6px}.table-action-btn.ant-btn:hover{border-color:#3d1a06!important;color:#3d1a06!important;background:#5625090a!important}.donations-pagination{direction:ltr}.sidebar-menu.ant-menu{border-inline-end:none!important}.sidebar-menu .ant-menu-item{display:flex;text-align:right;transition:all .2s ease}.sidebar-menu .ant-menu-item-selected{background:#56250914!important;color:#562509!important;font-weight:600}.sidebar-menu .ant-menu-item:hover{background:#5625090a!important}.page-header{display:flex;justify-content:space-between;align-items:center}.navbar-icon-btn{background:#f6f6f6;border-radius:9px;padding:6px;cursor:pointer;transition:all .2s ease}.navbar-icon-btn:hover{background:#eee;transform:scale(1.05)}.notification-item:hover{background:#c08e7114!important}.program-card.ant-card{border:1px solid #562509;border-radius:20px;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}.program-card.ant-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #5625091f}.program-card .ant-card-body{padding:24px}.points-balance-card{border-radius:20px;position:relative;overflow:hidden}.faq-collapse.ant-collapse{border:none;background:transparent}.faq-collapse .ant-collapse-item{border:1px solid #f0f0f0;border-radius:12px!important;margin-bottom:8px;overflow:hidden}.faq-collapse .ant-collapse-header{padding:14px 16px!important}.faq-collapse .ant-collapse-content-box{padding:0 16px 14px!important}.settings-tabs .ant-tabs-nav{min-width:180px}.settings-tabs .ant-tabs-tab{padding:10px 16px!important;border-radius:10px!important;transition:all .2s ease}.settings-tabs .ant-tabs-tab:hover{background:#5625090a}.settings-tabs .ant-tabs-tab-active{background:#5625090f!important}.settings-tabs .ant-tabs-ink-bar{background:#562509!important}.ant-btn-primary:hover{background:#3d1a06!important}.ant-input:focus,.ant-input-focused,.ant-input-affix-wrapper:focus,.ant-input-affix-wrapper-focused,.ant-select-focused .ant-select-selector{border-color:#562509!important;box-shadow:0 0 0 2px #5625091a!important}.ant-dropdown-menu-item:hover{background:#c08e711a!important}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.page-header,.dashboard-stat-card,.donations-table-card,.program-card,.points-balance-card,.settings-tabs{animation:fadeInUp .4s ease-out}.dashboard-top-row{display:flex;gap:20px;margin-bottom:23px}.dashboard-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}@media(max-width:1024px){.dashboard-top-row{flex-direction:column}.dashboard-stats-grid{grid-template-columns:repeat(2,1fr)}.sar-balance-card.ant-card{width:100%!important;height:auto!important}.dashboard-stat-card.ant-card{height:auto;min-height:150px}.programs-grid,.help-quick-links,.help-support-grid,.points-stats-grid{grid-template-columns:repeat(2,1fr)!important}}@media(max-width:768px){.app-sidebar{display:none!important}.app-main-content{margin-right:0!important}.app-header{padding:12px 16px!important;height:auto!important;min-height:56px}.header-search,.header-program-selector,.header-separator{display:none!important}.app-page-content{padding:16px!important}.dashboard-banner{height:auto!important;min-height:140px;padding:20px!important;flex-direction:column;gap:16px;align-items:flex-start!important}.banner-title{font-size:18px!important}.banner-points{font-size:32px!important}.banner-desc{font-size:12px!important}.banner-cta{width:100%!important;align-self:stretch}.dashboard-stats-grid{grid-template-columns:repeat(2,1fr)}.dashboard-stat-card.ant-card{height:auto;min-height:130px}.dashboard-stat-card .ant-card-body{padding:14px}.points-stats-grid{grid-template-columns:repeat(2,1fr)!important}.table-controls{flex-direction:column!important;gap:12px;align-items:stretch!important}.table-controls .ant-input{max-width:100%!important}.donations-table-card .ant-card-body{padding:16px}.donations-table{overflow-x:auto}.donations-table .ant-table-thead>tr>th,.donations-table .ant-table-tbody>tr>td{padding:10px 8px!important;font-size:13px;white-space:nowrap}.table-pagination{flex-direction:column-reverse!important;gap:12px;align-items:center!important}.donation-modal-container{width:95vw!important;max-width:95vw;padding:28px 20px;border-radius:20px}.modal-title{font-size:20px}.modal-subtitle{font-size:13px}.modal-btn-row{flex-direction:column-reverse;max-width:100%}.modal-btn-secondary{width:100%}.otp-input{width:56px!important;height:56px!important;font-size:24px}.category-chips{grid-template-columns:repeat(2,1fr)}.phone-fetch-row{flex-direction:column!important}.fetch-btn{width:100%!important}.points-value{font-size:32px!important}.sar-equivalent-box{width:100%!important}.programs-grid{grid-template-columns:1fr!important}.programs-search{width:100%!important}.points-converter-row{flex-direction:column!important;gap:12px!important}.points-converter-row>div:nth-child(2){align-self:center}.transaction-cards-grid{grid-template-columns:1fr!important}.balance-amount{font-size:32px!important}.balance-cta{width:100%!important;align-self:stretch}.points-balance-card{height:auto!important;min-height:140px;padding:20px!important;flex-direction:column;gap:16px;align-items:flex-start!important}.help-quick-links,.help-support-grid{grid-template-columns:1fr!important}.help-search,.help-contact-form{max-width:100%!important}.donations-filter-bar{flex-direction:column!important;gap:10px}.donations-filter-bar .ant-input,.donations-filter-bar .ant-picker{width:100%!important}.donations-filter-bar .ant-select{width:100%!important;min-width:unset!important}.ant-drawer-content-wrapper{max-width:85vw!important}.auth-page{padding:16px!important}.auth-container{width:100%!important;max-width:440px;padding:32px 24px 28px!important}.settings-tabs .ant-tabs-nav{min-width:unset}.page-header{flex-direction:column;align-items:flex-start!important;gap:12px}}@media(max-width:480px){.dashboard-stats-grid{grid-template-columns:1fr}.points-stats-grid{grid-template-columns:1fr!important}.otp-input{width:48px!important;height:48px!important;font-size:20px}.auth-container{padding:24px 16px 20px!important}.donation-modal-container{padding:20px 16px}.banner-points{font-size:28px!important}.dashboard-stat-card .ant-card-body{padding:10px}.app-page-content{padding:12px!important}}