:root{--bg-primary: #0f172a;--bg-secondary: #1e293b;--bg-card: #334155;--text-primary: #f8fafc;--text-secondary: #94a3b8;--accent-primary: #38bdf8;--accent-secondary: #818cf8;--accent-gradient: linear-gradient(135deg, #38bdf8 0%, #818cf8 100%);--success: #4ade80;--danger: #f87171;--warning: #fbbf24;--border: rgba(255, 255, 255, .1);--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--font-sans: "Inter", system-ui, -apple-system, sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-primary);color:var(--text-primary);line-height:1.5;-webkit-font-smoothing:antialiased}button{cursor:pointer;font-family:inherit}input,textarea,select{font-family:inherit}.container{max-width:1200px;margin:0 auto;padding:2rem}.card{background-color:var(--bg-secondary);border-radius:var(--radius-lg);padding:1.5rem;box-shadow:var(--shadow-md);transition:transform .2s ease,box-shadow .2s ease;border:1px solid rgba(255,255,255,.05)}.card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.search-bar{max-width:600px;margin:2rem auto;padding:.75rem 1rem;border:1px solid #38bdf8;border-radius:var(--radius-md);background-color:var(--bg-secondary)}.search-bar input[type=text]{width:100%;padding:.75rem 1rem;border:1px solid #cbd5e1;border-radius:var(--radius-md);background-color:#fff;color:var(--bg-primary);font-size:1rem;box-shadow:var(--shadow-sm);transition:all .2s ease}.search-bar input[type=text]:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px #38bdf840}.search-bar input[type=text]::placeholder{color:var(--text-secondary)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.5rem 1rem;border-radius:var(--radius-md);font-weight:500;transition:all .2s;border:none;gap:.5rem}.btn-primary{background:var(--accent-gradient);color:#fff}.btn-primary:hover{opacity:.9}.btn-secondary{background-color:var(--bg-card);color:var(--text-primary)}.btn-secondary:hover{background-color:#475569}.btn-danger{background-color:#f871711a;color:var(--danger)}.btn-danger:hover{background-color:#f8717133}.btn-success{background-color:#4ade801a;color:var(--success)}.btn-success:hover{background-color:#4ade8033}.input{width:100%;padding:.75rem;border-radius:var(--radius-md);background-color:var(--bg-primary);border:1px solid var(--bg-card);color:var(--text-primary);transition:border-color .2s}.input:focus{outline:none;border-color:var(--accent-primary)}.badge{padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:600}.badge-pending{background-color:#fdba741a;color:#fdba74}.badge-approved{background-color:#4ade801a;color:var(--success)}.header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid var(--bg-secondary)}.title-gradient{background:var(--accent-gradient);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-weight:800;font-size:2rem}.w-full{width:100%}.mb-05{margin-bottom:.5rem}.mb-1{margin-bottom:1rem}.mb-2{margin-bottom:2rem}.text-secondary{color:var(--text-secondary)}.prayer-request-card{max-width:600px;margin:0 auto}.btn-back{color:var(--text-secondary);padding-left:0;margin-bottom:1rem}.form-group{margin-bottom:1rem}.form-group-lg{margin-bottom:2rem}@media(max-width:640px){.prayer-request-card{padding:1rem!important;margin:0 -1rem!important;width:calc(100% + 2rem)!important;max-width:none!important;border-radius:0!important;border-left:none;border-right:none}.carousel-arrow{top:auto!important;bottom:20px!important;transform:none!important}}.form-label{display:block;margin-bottom:.5rem;font-size:.875rem}.select-input{width:100%;background-color:var(--bg-secondary);color:var(--text-primary)}.textarea-resize{resize:vertical;min-height:120px}.file-input-hidden{display:none}.file-upload-container{display:flex;align-items:center}.file-upload-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background-color:var(--bg-card);color:var(--text-primary);border-radius:var(--radius-md);cursor:pointer;transition:all .2s;border:1px solid rgba(255,255,255,.1);font-weight:500}.file-upload-btn:hover{background-color:#475569;border-color:var(--accent-primary)}.file-info{display:flex;align-items:center;gap:.75rem;padding:.75rem;background-color:var(--bg-primary);border-radius:var(--radius-md);border:1px solid var(--bg-card)}.file-icon{color:var(--accent-primary);flex-shrink:0}.file-details{flex:1;min-width:0}.file-name{font-size:.875rem;font-weight:500;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-size{font-size:.75rem;color:var(--text-secondary);margin-top:.125rem}.file-remove-btn{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;background-color:transparent;color:var(--text-secondary);border:none;border-radius:var(--radius-sm);cursor:pointer;transition:all .2s;flex-shrink:0}.file-remove-btn:hover{background-color:#f871711a;color:var(--danger)}.file-error{margin-top:.5rem;padding:.5rem;background-color:#f871711a;color:var(--danger);border-radius:var(--radius-sm);font-size:.875rem}@media(max-width:640px){.container{padding:1rem}.header{flex-direction:column;gap:1rem;align-items:flex-start}.header>div{width:100%;justify-content:space-between}.title-gradient{font-size:1.75rem}.card{padding:1rem}.hide-on-mobile{display:none!important}[dir=rtl] .header{flex-direction:column;align-items:flex-end;gap:1rem}[dir=rtl] .header-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.5rem;width:100%}[dir=rtl] .header-actions>*{flex:1 0 45%;max-width:48%}}.social-media-section{margin-top:4rem;padding-top:2rem;border-top:1px solid var(--bg-secondary);text-align:center}.social-links-container{display:flex;justify-content:center;gap:1.5rem;margin-top:1.5rem;flex-wrap:wrap}.social-link{display:flex;align-items:center;justify-content:center;width:3rem;height:3rem;border-radius:50%;background-color:var(--bg-secondary);color:var(--text-secondary);transition:all .3s ease;border:1px solid rgba(255,255,255,.05)}.social-link:hover{transform:translateY(-3px);color:#fff;background-color:var(--hover-color);box-shadow:0 4px 12px #0003}@media(max-width:900px){.channel-grid{grid-template-columns:repeat(2,1fr)!important}}@media(max-width:500px){.channel-grid{grid-template-columns:1fr!important}}@media(max-width:1100px){.channel-cards-grid{grid-template-columns:repeat(2,1fr)!important}}@media(max-width:600px){.channel-cards-grid{grid-template-columns:1fr!important}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}.animate-spin{animation:spin 1s linear infinite}.animate-pulse{animation:pulse 2s ease-in-out infinite}.hide-scrollbar-complete{scrollbar-width:none;-ms-overflow-style:none}.hide-scrollbar-complete::-webkit-scrollbar{display:none;width:0;height:0}@keyframes pulse-glow{0%,to{opacity:.6;transform:scale(1)}50%{opacity:.9;transform:scale(1.02)}}.program-layout-header{display:flex;align-items:center;gap:.75rem;padding:.75rem;cursor:pointer;background:transparent;width:100%;transition:background-color .2s ease}.program-layout-header:hover{background-color:#ffffff0d}.program-layout-title{flex:1;min-width:0}@media(max-width:600px){.program-layout-header{display:grid;grid-template-columns:auto auto auto 1fr auto auto;grid-template-areas:"rank move thumb spacer rating chevron" "title title title title title title";align-items:center;gap:.5rem .75rem}.pl-rank{grid-area:rank}.pl-move{grid-area:move}.pl-thumb{grid-area:thumb}.pl-rating{grid-area:rating}.pl-chevron{grid-area:chevron}.program-layout-title{grid-area:title;margin-top:.25rem}}[dir=rtl]{text-align:right}[dir=rtl] .header{flex-direction:row-reverse}[dir=rtl] .card{text-align:right}[dir=rtl] .btn{flex-direction:row-reverse}[dir=rtl] .input,[dir=rtl] input[type=text],[dir=rtl] input[type=email],[dir=rtl] input[type=tel],[dir=rtl] input[type=password],[dir=rtl] textarea,[dir=rtl] select{text-align:right}[dir=rtl] .input-with-icon{padding-left:.75rem;padding-right:3rem}[dir=rtl] .input-icon-left{left:auto;right:1rem}[dir=rtl] .flex-row{flex-direction:row-reverse}[dir=rtl] .ml-auto{margin-left:0;margin-right:auto}[dir=rtl] .mr-auto{margin-right:0;margin-left:auto}[dir=rtl] .icon-arrow-right,[dir=rtl] .icon-arrow-left,[dir=rtl] .icon-chevron-right,[dir=rtl] .icon-chevron-left{transform:scaleX(-1)}[dir=rtl] .nav-items{flex-direction:row-reverse}[dir=rtl] ul,[dir=rtl] ol{padding-left:0;padding-right:1.5rem}[dir=rtl] .btn-back{flex-direction:row-reverse;padding-left:1rem;padding-right:0}[dir=rtl] .modal-header{flex-direction:row-reverse}[dir=rtl] .social-links-container{direction:ltr}[dir=rtl] .file-info,[dir=rtl] .file-upload-btn,[dir=rtl] .staff-header{flex-direction:row-reverse}[dir=rtl] .program-card{text-align:right}[dir=rtl] .program-card__rating-badge{left:1rem;right:auto}[dir=rtl] .engagement-step-content{text-align:right}[dir=rtl] .language-toggle{direction:ltr}[dir=rtl] .search-bar,[dir=rtl] .search-bar input[type=text],[dir=rtl] .form-label{text-align:right}[dir=rtl] .badge{margin-left:0;margin-right:.5rem}[dir=rtl] .countdown-timer{direction:ltr}[dir=rtl] input[type=tel]{direction:ltr;text-align:left}[dir=rtl] .ps-1{padding-left:0;padding-right:.25rem}[dir=rtl] .ps-2{padding-left:0;padding-right:.5rem}[dir=rtl] .ps-3{padding-left:0;padding-right:.75rem}[dir=rtl] .ps-4{padding-left:0;padding-right:1rem}[dir=rtl] .pe-1{padding-right:0;padding-left:.25rem}[dir=rtl] .pe-2{padding-right:0;padding-left:.5rem}[dir=rtl] .pe-3{padding-right:0;padding-left:.75rem}[dir=rtl] .pe-4{padding-right:0;padding-left:1rem}[dir=rtl] .ms-1{margin-left:0;margin-right:.25rem}[dir=rtl] .ms-2{margin-left:0;margin-right:.5rem}[dir=rtl] .ms-3{margin-left:0;margin-right:.75rem}[dir=rtl] .ms-4{margin-left:0;margin-right:1rem}[dir=rtl] .me-1{margin-right:0;margin-left:.25rem}[dir=rtl] .me-2{margin-right:0;margin-left:.5rem}[dir=rtl] .me-3{margin-right:0;margin-left:.75rem}[dir=rtl] .me-4{margin-right:0;margin-left:1rem}[dir=rtl] body{font-family:"Noto Sans Arabic","Noto Sans",var(--font-sans)}[lang=ar] body,[lang=fa] body{line-height:1.8}[dir=rtl] .live-schedule-carousel,[dir=rtl] [data-component=live-schedule]{direction:ltr}[dir=rtl] .live-schedule-carousel .card,[dir=rtl] [data-component=live-schedule] .card{direction:rtl;text-align:right}[dir=rtl] section>button[style*="display: flex"]{flex-direction:row-reverse}[dir=rtl] section h2 span{margin-left:.5rem;margin-right:0}[dir=rtl] .modal-footer,[dir=rtl] [style*="display: flex"][style*="gap: 0.5rem"]{flex-direction:row-reverse}[dir=rtl] .header>div[style*="display: flex"][style*="gap: 0.5rem"]{flex-direction:row-reverse}[dir=rtl] button[style*=Back] svg,[dir=rtl] .btn-back svg{transform:scaleX(-1)}[dir=rtl] button[style*="position: absolute"][style*=top],[dir=rtl] .program-card .badge,[dir=rtl] [style*="position: absolute"][style*="top: 1rem"][style*="right: 1rem"]{left:1rem;right:auto}[dir=rtl] div[style*="display: flex"][style*="gap: 0.5rem"][style*="marginBottom: 1rem"],[dir=rtl] .input-group,[dir=rtl] .btn-group,[dir=rtl] [style*="display: flex"][style*="gap: 0.75rem"][style*="marginTop: auto"]{flex-direction:row-reverse}[dir=rtl] .engagement-card,[dir=rtl] [data-component=engagement],[dir=rtl] .question-text,[dir=rtl] h3[style*="fontSize: 1.5rem"],[dir=rtl] h4{text-align:right}[dir=rtl] button[style*="textAlign: left"]{text-align:right!important}[dir=rtl] .contact-form label,[dir=rtl] .prayer-form label{text-align:right}[dir=rtl] select{background-position:left .5rem center;padding-left:2rem;padding-right:.75rem}[dir=rtl] [style*=Clock]+span,[dir=rtl] .time-display{direction:ltr;display:inline-block}[dir=rtl] .date-display,[dir=rtl] [style*=formatDate]{direction:ltr;display:inline-block}[dir=rtl] .collapsible-header,[dir=rtl] .collapsible-header h2{text-align:right}[dir=rtl] .collapsible-header h2 span{margin-left:0;margin-right:.5rem}[dir=rtl] .header-actions,[dir=rtl] .header{flex-direction:row-reverse}[dir=rtl] [data-component=live-schedule]>div:nth-child(2){direction:ltr}[dir=rtl] [data-component=live-schedule] .card{direction:rtl;text-align:right}[dir=rtl] [data-component=live-schedule] .badge{align-self:flex-end}[dir=rtl] [data-component=live-schedule] .card>div:last-child{flex-direction:row-reverse}[dir=rtl] .modal-content,[dir=rtl] [style*="position: fixed"][style*=background]>div{text-align:right}[dir=rtl] .modal-header,[dir=rtl] [style*="display: flex"][style*="justifyContent: space-between"],[dir=rtl] .modal-footer{flex-direction:row-reverse}[dir=rtl] .program-layout-header{flex-direction:row-reverse;text-align:right}[dir=rtl] .program-layout-header+div>div{text-align:right}[dir=rtl] .program-layout-header+div>div>div[style*=background]>div{flex-direction:row-reverse;justify-content:flex-end}[dir=rtl] .program-layout-header+div>div>div:last-child{flex-direction:row-reverse}[dir=rtl] .engagement-section>div:first-child{flex-direction:row-reverse}[dir=rtl] [dir=ltr]{text-align:left}@media(max-width:640px){[dir=rtl] .header{flex-direction:column!important;align-items:flex-end!important;gap:1rem!important}[dir=rtl] .header>div{width:100%;justify-content:space-between}[dir=rtl] .header-actions{margin-top:.5rem;width:100%;display:flex!important;justify-content:flex-start;flex-wrap:wrap!important;gap:.5rem!important}[dir=rtl] .header-actions>*{flex:1 0 45%!important;width:auto!important;min-width:0}}