:root{--color-bg: #FDFBF7;--color-surface: #F4F1EA;--color-surface-hover: #EBE6DC;--color-text-main: #2C2C2C;--color-text-muted: #5D5D5D;--color-accent: #8B7E74;--color-accent-light: #D6CFC7;--color-amen: #7A8B74;--color-blue-muted: #6B7A8F;--color-border: #E0DCD5;--font-serif: "Crimson Pro", "Georgia", serif;--font-sans: "Inter", system-ui, -apple-system, sans-serif;--spacing-container: 1200px;--spacing-nav-height: 60px}body.dark{--color-bg: #1A1A1A;--color-surface: #2D2D2D;--color-surface-hover: #3D3D3D;--color-text-main: #EAEAEA;--color-text-muted: #A0A0A0;--color-accent: #A89F91;--color-accent-light: #4A4A4A;--color-amen: #8B9B84;--color-blue-muted: #8B9BB4;--color-border: #404040}body.dark,body.dark .card,body.dark .settings-card,body.dark .profile-sidebar,body.dark .profile-content,body.dark .mobile-menu,body.dark .profile-dropdown,body.dark .dropdown-item,body.dark .login-card,body.dark .auth-card,body.dark .access-card,body.dark .question-card,body.dark .ask-form-card,body.dark .qt-compose-card,body.dark .qt-entry,body.dark .contrib-card,body.dark .contrib-form-section,body.dark .payment-card,body.dark .admin-table,body.dark input,body.dark textarea,body.dark select,body.dark button.btn-outline,body.dark .nav-item:hover,body.dark .form-group,body.dark .box,body.dark .panel,body.dark .modal-content,body.dark .home-section{background-color:var(--color-surface)!important;color:var(--color-text-main)!important;border-color:var(--color-border)!important}body.dark,body.dark .page-container,body.dark input,body.dark textarea,body.dark select{background-color:var(--color-bg)!important}body.dark h1,body.dark h2,body.dark h3,body.dark h4,body.dark h5,body.dark h6,body.dark p,body.dark span,body.dark label,body.dark li,body.dark td,body.dark th,body.dark div{color:var(--color-text-main)}body.dark .text-muted{color:var(--color-text-muted)!important}body.dark img.icon-invert{filter:invert(1)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--color-bg);color:var(--color-text-main);font-family:var(--font-sans);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-family:var(--font-serif);font-weight:500;color:var(--color-text-main);line-height:1.3}h1{font-size:2.5rem;letter-spacing:-.02em}h2{font-size:2rem;letter-spacing:-.01em}h3{font-size:1.5rem}a{color:inherit;text-decoration:none;transition:color .2s ease,opacity .2s ease}button,input,textarea{font-family:var(--font-sans)}.container{max-width:var(--spacing-container);margin:0 auto;padding:0 2rem}.text-serif{font-family:var(--font-serif)}.text-muted{color:var(--color-text-muted)}.text-center{text-align:center}.fade-in{animation:fadeIn .8s ease-out forwards;opacity:0}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.card{background:#fff;border:1px solid var(--color-border);border-radius:4px;padding:2rem;transition:transform .2s ease,box-shadow .2s ease}.card:hover{transform:translateY(-2px);box-shadow:0 4px 20px #00000008}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;font-size:.95rem;border-radius:4px;cursor:pointer;transition:all .2s ease;border:none;background:var(--color-text-main);color:#fff}.btn:hover{background:var(--color-accent)}.btn-outline{background:transparent;border:1px solid var(--color-border);color:var(--color-text-main)}.btn-outline:hover{background:var(--color-surface);border-color:var(--color-accent)}input,textarea,select{width:100%;padding:10px 12px;border:1px solid var(--color-border);border-radius:4px;background:#fff;font-size:1rem;margin-top:5px;transition:border-color .2s}input:focus,textarea:focus{outline:none;border-color:var(--color-accent)}label{display:block;font-size:.9rem;color:var(--color-text-muted);margin-bottom:.5rem;margin-top:1rem}body.dark .mobile-menu{background:var(--color-surface);border-bottom:1px solid var(--color-border)}body.dark .mobile-link{color:var(--color-text-main)}body.dark .profile-dropdown{background:var(--color-surface);border-color:var(--color-border);box-shadow:0 4px 20px #0000004d}body.dark .dropdown-header{border-color:var(--color-border)}body.dark .dropdown-item{color:var(--color-text-main)}body.dark .dropdown-item:hover{background:#ffffff0d}body.dark .dropdown-item.logout{border-color:var(--color-border)}body.dark .navbar{background:transparent;border-bottom:1px solid transparent}.navbar{position:fixed;top:0;left:0;width:100%;height:var(--spacing-nav-height);z-index:1000;transition:all .3s ease;background:transparent;border-bottom:1px solid transparent}.navbar.scrolled{background:#fffffffa;border-bottom:1px solid var(--color-border);box-shadow:0 2px 10px #00000005}body.dark .navbar.scrolled{background:#1a1a1af2;border-bottom:1px solid var(--color-border);box-shadow:0 2px 10px #0003}.nav-content{height:100%;display:grid;grid-template-columns:1fr auto 1fr;align-items:center}.logo{font-family:var(--font-serif);font-size:2.2rem;font-weight:700;letter-spacing:-.04em;color:var(--color-text-main);justify-self:start;text-decoration:none}.desktop-links{display:flex;gap:2rem;justify-self:center}.desktop-auth{justify-self:end;display:flex;align-items:center}.nav-link{font-size:.95rem;color:var(--color-text-muted);font-weight:500;position:relative}.nav-link:hover,.nav-link.active{color:var(--color-text-main)}.nav-link.active:after{content:"";position:absolute;bottom:-4px;left:0;width:100%;height:1px;background-color:var(--color-accent)}.mobile-toggle{display:none;background:none;border:none;cursor:pointer;color:var(--color-text-main)}.mobile-menu{position:absolute;top:var(--spacing-nav-height);left:0;width:100%;background:#fff;padding:2rem;display:flex;flex-direction:column;gap:1.5rem;border-bottom:1px solid var(--color-border);box-shadow:0 10px 30px #0000000d}.mobile-link{font-size:1.1rem;color:var(--color-text-main);text-align:center}@media(max-width:900px){.nav-content{display:flex;justify-content:space-between}.desktop-links,.desktop-auth{display:none}.mobile-toggle{display:block}}.auth-nav-group{display:flex;align-items:center;gap:1.5rem;padding-left:1.5rem;border-left:1px solid var(--color-border)}.auth-link{display:flex;align-items:center;gap:.5rem;font-weight:500}.logout-btn{background:none;border:none;cursor:pointer;padding:0;transition:color .2s}.logout-btn:hover{color:#dc2626}.nav-actions{display:flex;align-items:center;gap:1.5rem}.user-menu{position:relative}.user-avatar{width:38px;height:38px;border-radius:50%;background:var(--color-accent);color:#fff;border:none;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .2s}.user-avatar:hover{background:var(--color-text-main);transform:scale(1.05)}.profile-dropdown{position:absolute;top:calc(100% + 10px);right:0;background:#fff;border:1px solid var(--color-border);border-radius:8px;box-shadow:0 4px 20px #0000001a;min-width:200px;z-index:1001}.dropdown-header{padding:1rem;border-bottom:1px solid var(--color-border);display:flex;flex-direction:column;gap:.25rem}.user-email{font-size:.8rem;color:var(--color-text-muted)}.dropdown-item{width:100%;padding:.75rem 1rem;background:none;border:none;text-align:left;cursor:pointer;display:flex;align-items:center;gap:.75rem;color:var(--color-text-main);transition:background .2s}.dropdown-item:hover{background:var(--color-surface)}.dropdown-item.logout{color:#dc2626;border-top:1px solid var(--color-border)}.btn-login{display:flex!important;align-items:center;gap:.5rem;padding:.5rem 1.25rem;background:var(--color-text-main);color:#fff!important;border-radius:4px;font-size:.9rem;font-weight:500;transition:all .2s}.btn-login:hover{background:var(--color-accent)}@media(max-width:900px){.desktop-menu{display:none}.mobile-toggle{display:block}.mobile-menu .logout-btn{color:#dc2626;text-align:left;padding:0}}.nav-skeleton{width:60px;height:32px;background:var(--color-surface);border-radius:4px;position:relative;overflow:hidden;display:inline-block}.nav-skeleton:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.6),transparent);animation:skeleton-shimmer 1.5s infinite}@keyframes skeleton-shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.loading-dots{font-size:.8rem;color:var(--color-text-muted);letter-spacing:.1em;text-transform:uppercase;opacity:.6}.hero-section{padding:8rem 0 6rem;background:linear-gradient(to bottom,var(--color-surface),var(--color-bg));min-height:60vh;display:flex;align-items:center}.verse-container{max-width:800px;margin:0 auto}.verse-label{display:block;font-size:.85rem;text-transform:uppercase;letter-spacing:.15em;color:var(--color-accent);margin-bottom:2rem;font-weight:600}.scripture-text{font-size:2.2rem;line-height:1.5;margin-bottom:2rem;position:relative;font-style:italic;color:var(--color-text-main)}.verse-reference{font-size:1.1rem;color:var(--color-text-muted);font-family:var(--font-serif);margin-top:1.5rem}.reflection-box{max-width:600px;margin:4rem auto 0;padding-top:2rem;border-top:1px solid var(--color-border);color:var(--color-text-muted);font-style:italic}.access-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;padding-top:4rem;padding-bottom:4rem}.access-card{text-align:center;padding:3rem 2rem;display:flex;flex-direction:column;align-items:center;gap:1rem;text-decoration:none;background:#fff}.card-icon{color:var(--color-accent);margin-bottom:1rem;transition:transform .3s ease}.access-card:hover .card-icon{transform:scale(1.1);color:var(--color-text-main)}.access-card h3{font-size:1.4rem;color:var(--color-text-main)}.access-card p{color:var(--color-text-muted);font-size:.95rem}.page-header{text-align:center;margin-bottom:3rem;padding:2rem 0}.subtitle{color:var(--color-text-muted);font-style:italic;margin:1rem 0 2rem}.rules-banner{background-color:var(--color-surface);border:1px solid var(--color-border);padding:1rem;border-radius:4px;display:flex;align-items:center;gap:1rem;margin-bottom:3rem;font-size:.9rem;color:var(--color-text-muted)}.questions-feed{display:flex;flex-direction:column;gap:2rem;max-width:800px;margin:0 auto}.question-card{background:#fff;border:1px solid var(--color-border);padding:2rem;border-radius:4px}.question-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;font-size:.9rem}.header-left{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.author-name{font-weight:600;color:var(--color-text-muted)}.verse-tag{background-color:var(--color-bg);padding:2px 8px;border-radius:4px;font-size:.85rem;color:var(--color-accent);font-family:var(--font-serif)}.question-title{font-size:1.3rem;margin-bottom:.5rem}.question-context{color:var(--color-text-muted);margin-bottom:1.5rem}.interaction-bar{display:flex;gap:1rem;border-top:1px solid var(--color-border);padding-top:1rem;margin-top:1rem}.action-btn{background:none;border:none;display:inline-flex;align-items:center;gap:.5rem;color:var(--color-text-muted);cursor:pointer;font-size:.9rem;transition:color .2s}.action-btn:hover{color:var(--color-text-main)}.answers-section{margin-top:2rem;padding-top:1rem;border-top:1px dotted var(--color-border)}.answers-section h3{font-size:1rem;margin-bottom:1rem;color:var(--color-text-muted)}.answer-item{background-color:var(--color-surface);padding:1rem;border-radius:4px;margin-bottom:1rem}.answer-author{display:block;font-weight:600;font-size:.85rem;margin-bottom:.5rem;color:var(--color-text-muted)}.text-btn{background:none;border:none;font-size:.8rem;color:var(--color-accent);cursor:pointer;margin-top:.5rem;padding:0}.text-btn:hover{text-decoration:underline}.ask-form-card{background:#fff;border:1px solid var(--color-accent);padding:2rem;border-radius:4px;margin-bottom:3rem;box-shadow:0 4px 20px #0000000d}.form-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.close-btn{background:none;border:none;cursor:pointer;color:var(--color-text-muted)}.close-btn:hover{color:var(--color-text-main)}.qt-header{margin-bottom:4rem}.qt-layout{display:grid;grid-template-columns:350px 1fr;gap:4rem;align-items:start}@media(max-width:800px){.qt-layout{grid-template-columns:1fr;gap:2rem}}.qt-compose-card{background:#fff;padding:1.5rem;border:1px solid var(--color-border);border-radius:4px;position:sticky;top:100px}.qt-compose-card h3{font-size:1.1rem;margin-bottom:1.5rem}.qt-actions{display:flex;justify-content:space-between;align-items:center;margin-top:1.5rem}.qt-feed{display:flex;flex-direction:column;gap:2rem}.qt-entry{background:#fff;border-bottom:1px solid var(--color-border);padding-bottom:2rem}.qt-entry:last-child{border-bottom:none}.qt-meta{font-size:.85rem;color:var(--color-text-muted);margin-bottom:.5rem;display:flex;justify-content:space-between;align-items:center}.meta-left{display:flex;align-items:center;gap:1rem}.delete-btn{background:none;border:none;color:var(--color-text-muted);cursor:pointer;padding:.5rem;border-radius:4px;transition:all .2s;display:flex;align-items:center}.delete-btn:hover{background:#fee2e2;color:#dc2626}.qt-user{font-weight:600;color:var(--color-text-main)}.qt-scripture{display:inline-flex;align-items:center;gap:.5rem;background:var(--color-surface);padding:4px 10px;border-radius:100px;font-size:.9rem;color:var(--color-accent);margin-bottom:1rem;font-family:var(--font-serif)}.qt-content{font-size:1.05rem;line-height:1.7;color:var(--color-text-main);margin-bottom:1rem}.qt-footer{display:flex;justify-content:flex-end}.reaction-btn{background:none;border:none;display:flex;align-items:center;gap:.5rem;color:var(--color-text-muted);cursor:pointer;transition:color .2s}.reaction-btn:hover{color:#e06c75}.category-nav{display:flex;justify-content:center;gap:1rem;margin-bottom:4rem;flex-wrap:wrap}.cat-btn{background:none;border:1px solid transparent;padding:.5rem 1.5rem;border-radius:100px;cursor:pointer;color:var(--color-text-muted);transition:all .2s}.cat-btn:hover{background:var(--color-surface);color:var(--color-text-main)}.cat-btn.active{background:var(--color-text-main);color:#fff;border-color:var(--color-text-main)}.teachings-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem}.teaching-card{padding:0;overflow:hidden;border:1px solid var(--color-border);display:flex;flex-direction:column}.video-placeholder{background-color:var(--color-surface);height:200px;display:flex;align-items:center;justify-content:center;color:var(--color-accent);transition:background .3s}.teaching-card:hover .video-placeholder{background-color:#e6e1d8}.play-icon{opacity:.7;transition:transform .3s}.teaching-card:hover .play-icon{transform:scale(1.1);opacity:1}.teaching-content{padding:1.5rem;flex:1;display:flex;flex-direction:column}.teaching-cat{font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:var(--color-accent);margin-bottom:.5rem;font-weight:600}.teaching-content h3{font-size:1.2rem;margin-bottom:.75rem}.teaching-content p{font-size:.95rem;color:var(--color-text-muted);margin-bottom:1.5rem;flex:1}.teaching-meta{display:flex;justify-content:space-between;align-items:center;font-size:.85rem;color:var(--color-text-muted);border-top:1px solid var(--color-surface);padding-top:1rem}.teaching-meta .text-btn{display:flex;align-items:center;gap:4px;margin-top:0}.auth-card{max-width:500px;margin:2rem auto;background:#fff;padding:3rem;border:1px solid var(--color-border);border-radius:4px}.auth-header{text-align:center;margin-bottom:2.5rem}.auth-header h1{font-size:1.8rem;margin-bottom:.5rem}.auth-header p{color:var(--color-text-muted)}.auth-form{display:flex;flex-direction:column;gap:1.5rem}.form-check{display:flex;align-items:flex-start;gap:.75rem;margin-top:.5rem}.form-check input{width:auto;margin-top:4px}.check-label{font-size:.9rem;color:var(--color-text-muted);line-height:1.4;margin:0}.btn-full{width:100%;margin-top:1rem;padding:1rem;font-size:1rem;font-weight:500}.auth-footer{margin-top:2rem;font-size:.9rem;color:var(--color-text-muted)}.link{color:var(--color-text-main);text-decoration:underline;cursor:pointer}.link:hover{color:var(--color-accent)}.btn-full:hover{background:var(--color-accent)}.btn-full:disabled{background:var(--color-border);cursor:not-allowed;opacity:.6}.center-content{display:flex;align-items:center;justify-content:center;min-height:calc(100vh - 200px)}.login-card{width:100%;max-width:400px;background:#fff;padding:3rem;border-radius:8px;border:1px solid var(--color-border)}.shadow-sm{box-shadow:0 2px 8px #0000000d}.mb-4{margin-bottom:2rem}.text-small{font-size:.9rem;color:var(--color-text-muted)}.error-msg{background:#fee2e2;color:#b91c1c;padding:.75rem;border-radius:4px;margin-bottom:1.5rem;font-size:.9rem;text-align:center}.profile-layout{display:grid;grid-template-columns:280px 1fr;gap:3rem;padding-bottom:4rem}@media(max-width:800px){.profile-layout{grid-template-columns:1fr}}.profile-sidebar{background:#fff;border:1px solid var(--color-border);padding:2.5rem;border-radius:8px;text-align:center}.user-avatar-large{width:100px;height:100px;background:var(--color-accent);color:#fff;font-size:2.5rem;font-weight:600;display:flex;align-items:center;justify-content:center;border-radius:50%;margin:0 auto}.profile-role{display:inline-block;margin-top:.5rem;background:var(--color-surface);padding:4px 12px;border-radius:20px;font-size:.8rem;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted)}.profile-nav{display:flex;flex-direction:column;gap:.5rem}.nav-item{background:none;border:none;padding:.8rem;text-align:left;cursor:pointer;border-radius:4px;color:var(--color-text-muted);transition:all .2s}.nav-item:hover{background:var(--color-surface);color:var(--color-text-main)}.nav-item.active{background:var(--color-text-main);color:#fff}.profile-content{background:#fff;border:1px solid var(--color-border);padding:2.5rem;border-radius:8px}.content-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid var(--color-border)}.btn-icon{background:#fff;border:1px solid var(--color-border);padding:.5rem 1rem;border-radius:4px;display:flex;align-items:center;gap:.5rem;cursor:pointer;color:var(--color-text-main);transition:all .2s}.btn-icon:hover{border-color:var(--color-accent)}.save{background:var(--color-text-main);color:#fff;border-color:var(--color-text-main)}.save:hover{background:var(--color-accent)}.details-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.detail-item{display:flex;flex-direction:column;gap:.5rem}.full-width{grid-column:1 / -1}.detail-value{font-size:1.05rem;display:flex;align-items:center;gap:.75rem;color:var(--color-text-main)}.detail-bio{line-height:1.6;color:var(--color-text-muted)}.action-group{display:flex;gap:.5rem}.settings-grid{display:flex;flex-direction:column;gap:1.5rem}.settings-card{background:#fff;border:1px solid var(--color-border);border-radius:8px;padding:0;overflow:hidden}.card-header{background:var(--color-surface);padding:1rem 1.5rem;display:flex;align-items:center;gap:.75rem;border-bottom:1px solid var(--color-border)}.card-header h4{margin:0;font-size:1rem;font-weight:600}.setting-row{padding:1.25rem 1.5rem;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--color-border)}.setting-row:last-child{border-bottom:none}.setting-info label{margin:0;font-weight:500;font-size:1rem;color:var(--color-text-main)}.setting-info p{margin:.25rem 0 0;font-size:.85rem;color:var(--color-text-muted)}.toggle-btn{width:50px;height:28px;background:var(--color-border);border-radius:20px;position:relative;border:none;cursor:pointer;transition:background .3s;padding:2px}.toggle-btn.active{background:var(--color-text-main)}.thumb{width:24px;height:24px;background:#fff;border-radius:50%;position:absolute;left:2px;top:2px;transition:transform .3s;display:flex;align-items:center;justify-content:center;color:var(--color-text-main)}.toggle-btn.active .thumb{transform:translate(22px);color:var(--color-text-main)}.icon-blue{color:#3b82f6}.icon-green{color:#10b981}.icon-orange{color:#f59e0b}.icon-red{color:#ef4444}body.dark .profile-sidebar,body.dark .profile-content,body.dark .settings-card,body.dark .btn-icon{background:var(--color-surface);border-color:var(--color-border)}body.dark .card-header{background:#ffffff0d;border-color:var(--color-border)}body.dark .nav-item{color:var(--color-text-muted)}body.dark .nav-item:hover{background:#ffffff0d;color:var(--color-text-main)}body.dark .nav-item.active{background:var(--color-text-main);color:var(--color-bg)}body.dark .detail-value{color:var(--color-text-main)}body.dark .toggle-btn{background:var(--color-border)}body.dark .toggle-btn.active{background:var(--color-text-main)}body.dark .thumb{background:var(--color-text-main);color:var(--color-bg)}body.dark .toggle-btn.active .thumb{background:var(--color-bg);color:var(--color-text-main)}body.dark .danger-zone .card-header{background:#dc26261a}body.dark .danger-zone h4{color:#f87171}.confirm-container{min-height:calc(100vh - var(--spacing-nav-height));display:flex;align-items:center;justify-content:center;padding:2rem;background-color:var(--color-bg)}.confirm-card{background:#fff;padding:3rem;border-radius:8px;border:1px solid var(--color-border);max-width:500px;width:100%;text-align:center;box-shadow:0 4px 25px #0000000a}.icon-wrapper{margin-bottom:2rem}.success-icon{color:var(--color-amen)}.confirm-card h1{font-size:2.2rem;margin-bottom:1rem;color:var(--color-text-main)}.confirm-card p{color:var(--color-text-muted);font-size:1.1rem;margin-bottom:2.5rem;line-height:1.7}.confirm-footer{margin-top:3rem;font-family:var(--font-serif);font-style:italic;color:var(--color-text-muted);opacity:.6}.btn-full{width:100%}.contrib-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem;margin-bottom:4rem}.contrib-card{background:#fff;border:1px solid var(--color-border);border-radius:4px;padding:2rem;text-align:center;cursor:pointer;transition:all .2s;display:flex;flex-direction:column;align-items:center;gap:1rem}.contrib-card:hover{transform:translateY(-2px);border-color:var(--color-accent)}.contrib-card.active{background-color:var(--color-surface);border-color:var(--color-text-main);box-shadow:0 4px 12px #0000000d}.contrib-icon{color:var(--color-text-muted)}.contrib-card.active .contrib-icon{color:var(--color-text-main)}.contrib-card h3{font-size:1.2rem;color:var(--color-text-main)}.contrib-card p{font-size:.9rem;color:var(--color-text-muted)}.contrib-form-section{max-width:600px;margin:0 auto 4rem;background:#fff;padding:2rem;border:1px solid var(--color-border);border-radius:4px}.contrib-form-section h2{font-size:1.4rem;margin-bottom:1.5rem;text-align:center}.payment-section{max-width:600px;margin:3rem auto 0}.payment-intro{text-align:center;color:var(--color-text-muted);margin-bottom:2rem}.payment-card{background:#fff;border:1px solid var(--color-border);border-radius:8px;padding:2.5rem}.amount-input-wrapper{position:relative;display:flex;align-items:center}.currency-symbol{position:absolute;left:12px;font-size:1.2rem;font-weight:600;color:var(--color-text-main)}.amount-input-wrapper input{padding-left:2.5rem;font-size:1.1rem;font-weight:600}.quick-amounts{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem;margin:1.5rem 0}.amount-btn{padding:.75rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:4px;cursor:pointer;font-weight:500;transition:all .2s}.amount-btn:hover{background:var(--color-accent-light);border-color:var(--color-accent)}.payment-gateway-placeholder{margin:2rem 0;padding:3rem 2rem;background:var(--color-surface);border:2px dashed var(--color-border);border-radius:8px}.gateway-box{text-align:center;color:var(--color-text-muted)}.gateway-box svg{margin:0 auto 1rem;color:var(--color-accent)}.btn-payment{width:100%;padding:1rem;font-size:1.05rem;background:var(--color-text-main);color:#fff}.btn-payment:disabled{background:var(--color-border);cursor:not-allowed;opacity:.6}.payment-note{text-align:center;margin-top:1rem;font-size:.85rem;color:var(--color-text-muted)}@media(max-width:600px){.quick-amounts{grid-template-columns:repeat(2,1fr)}}.contact-layout{display:grid;grid-template-columns:1fr 2fr;gap:4rem;align-items:start}@media(max-width:800px){.contact-layout{grid-template-columns:1fr;gap:3rem}}.contact-info{background:var(--color-surface);padding:2rem;border-radius:4px}.info-block{margin-bottom:2rem}.info-block h3{font-size:1.1rem;margin-bottom:1rem}.info-item{display:flex;align-items:center;gap:.75rem;color:var(--color-text-muted)}.contact-form-container{background:#fff;border:1px solid var(--color-border);border-radius:4px}.form-tabs{display:flex;border-bottom:1px solid var(--color-border)}.tab-btn{flex:1;background:none;border:none;padding:1rem;font-size:1rem;cursor:pointer;color:var(--color-text-muted);font-weight:500;transition:all .2s}.tab-btn:hover{background:var(--color-surface)}.tab-btn.active{color:var(--color-text-main);border-bottom:2px solid var(--color-accent);margin-bottom:-1px}.contact-form{padding:2rem}.admin-container{padding-top:2rem;padding-bottom:4rem}.admin-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid var(--color-border)}.refresh-btn{background:none;border:1px solid var(--color-border);border-radius:4px;padding:.5rem;cursor:pointer;color:var(--color-text-muted);transition:all .2s}.refresh-btn:hover{background:var(--color-surface);color:var(--color-text-main)}.refresh-btn .spin{animation:spin 1s linear infinite}.admin-delete-btn{background:none;border:none;color:var(--color-text-muted);cursor:pointer;padding:.5rem;border-radius:4px;transition:all .2s;display:inline-flex;align-items:center;justify-content:center}.admin-delete-btn:hover{background:#fee2e2;color:#dc2626}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.admin-layout{display:grid;grid-template-columns:250px 1fr;gap:2rem}.admin-sidebar{display:flex;flex-direction:column;gap:.5rem}.admin-nav-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:none;border:1px solid transparent;border-radius:4px;cursor:pointer;color:var(--color-text-muted);font-size:1rem;transition:all .2s;text-align:left}.admin-nav-item:hover{background:var(--color-surface)}.admin-nav-item.active{background:var(--color-text-main);color:#fff}.count-badge{margin-left:auto;background:#0000001a;padding:2px 8px;border-radius:12px;font-size:.8rem}.admin-nav-item.active .count-badge{background:#fff3}.admin-table{width:100%;border-collapse:collapse;background:#fff;border:1px solid var(--color-border);font-size:.95rem}.admin-table th,.admin-table td{padding:1rem;text-align:left;border-bottom:1px solid var(--color-border)}.admin-table th{background:var(--color-surface);font-weight:600;color:var(--color-text-muted);font-size:.85rem;text-transform:uppercase;letter-spacing:.05em}.admin-table tr:hover{background:var(--color-surface)}.user-badge{background:#e3f2fd;color:#1565c0;padding:4px 8px;border-radius:4px;font-weight:500}.cell-wrap{max-width:300px;white-space:normal}.cell-truncate{max-width:200px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--color-text-muted)}.cell-scripture{font-family:var(--font-serif);color:var(--color-accent);font-weight:600}.type-badge{padding:2px 8px;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:uppercase}.type-badge.content{background:#e0f2f1;color:#00695c}.type-badge.prayer{background:#fce4ec;color:#c2185b}.type-badge.service{background:#e8f5e9;color:#2e7d32}.type-badge.support{background:#fff3e0;color:#ef6c00}.detail-text{font-size:.85rem;color:var(--color-text-muted);margin-top:4px;line-height:1.4}.join-card{max-width:600px;margin:0 auto;background:#fff;padding:3rem;border-radius:8px;border:1px solid var(--color-border)}.join-header{text-align:center;margin-bottom:2.5rem}.join-header h1{margin-bottom:.5rem}.join-header p{color:var(--color-text-muted)}.join-form{display:flex;flex-direction:column;gap:1.5rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-group{display:flex;flex-direction:column}.form-check{display:flex;gap:.75rem;align-items:flex-start}.form-check input[type=checkbox]{width:auto;margin-top:.25rem}.check-label{margin:0;font-size:.95rem;line-height:1.5}.success-card{max-width:700px;margin:0 auto;background:#fff;padding:4rem 3rem;border-radius:8px;border:1px solid var(--color-border);text-align:center}.success-icon{width:80px;height:80px;background:#10b981;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 2rem}.success-message{font-size:1.1rem;color:var(--color-text-muted);margin-bottom:3rem}.whatsapp-section{background:var(--color-surface);padding:2rem;border-radius:8px;margin-top:2rem}.whatsapp-section h3{margin-bottom:.5rem}.whatsapp-options{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-top:2rem}.qr-placeholder{display:flex;justify-content:center}.qr-box{width:150px;height:150px;border:2px dashed var(--color-border);border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#fff;color:var(--color-text-muted)}.link-section{display:flex;flex-direction:column;justify-content:center;gap:.5rem}.whatsapp-link{display:inline-block;background:#25d366;color:#fff;padding:1rem 1.5rem;border-radius:8px;font-weight:600;transition:all .2s}.whatsapp-link:hover{background:#20ba5a;transform:translateY(-2px)}.link-note{font-size:.85rem;color:var(--color-text-muted)}.mt-4{margin-top:2rem}@media(max-width:600px){.form-row,.whatsapp-options{grid-template-columns:1fr}}.app-container{display:flex;flex-direction:column;min-height:100vh}.main-content{flex:1;padding-top:calc(var(--spacing-nav-height) + 2rem);width:100%}html,body{scroll-padding-top:var(--spacing-nav-height);margin:0;padding:0;width:100%}.simple-footer{padding:3rem 0;border-top:1px solid var(--color-border);margin-top:4rem;background-color:var(--color-bg)}.soli-deo-gloria{font-family:var(--font-serif);font-style:italic;color:var(--color-text-muted);font-size:1.1rem;margin-top:.5rem;margin-bottom:.5rem}.copyright-text{font-size:.85rem;color:var(--color-text-muted);opacity:.8}