.modalOverlay{position:fixed;inset:0;background-color:rgba(0,0,0,.5);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);align-items:center;justify-content:center;z-index:var(--z-modal);padding:var(--space-4);animation:fadeIn .2s ease-out}.modalContainer,.modalOverlay{display:flex;font-family:var(--font-sans)}.modalContainer{background:white;border-radius:var(--radius-lg);box-shadow:0 25px 50px -12px rgba(0,0,0,.25);width:90%;max-width:500px;max-height:90vh;flex-direction:column}.modalHeader{border-bottom:1px solid #e5e7eb;position:relative}.modalTitle{font-weight:600;color:#111827;margin:0}.modalTitleWithIcon{display:flex;align-items:center;gap:.5rem;font-size:var(--font-size-lg);font-weight:600;color:var(--color-primary-dark);margin:0}.modalTitleWithIcon svg{flex-shrink:0}.modalCloseButton{background:none;padding:var(--space-2);color:#6b7280;transition:background-color .2s}.modalClose:hover,.modalCloseButton:hover{background-color:#f3f4f6;color:#111827}.modalClose{background:none;border:none;padding:var(--space-2);cursor:pointer;color:#6b7280;border-radius:var(--radius-md);transition:background-color .2s;display:flex;align-items:center;justify-content:center}.modalBody,.modalContent{padding:var(--space-6);overflow-y:auto;flex:1 1}.modalActions,.modalFooter{padding:var(--space-6);border-top:1px solid var(--color-border);display:flex;justify-content:flex-end;gap:var(--space-3)}.modal.modalSimple{padding:var(--space-6);max-width:420px}.modal.modalSimple .modalTitle{margin-bottom:var(--space-3);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.modal.modalSimple .modalText{margin-bottom:var(--space-6);color:var(--color-text-secondary);line-height:var(--line-height-relaxed)}.modal.modalSimple .modalActions{padding:0;border-top:none;margin-top:var(--space-2)}.completionModal{background:linear-gradient(135deg,#fffbeb,#fef3c7 50%,#fde68a);border:1px solid #fcd34d;border-radius:var(--radius-xl);max-width:500px;width:100%;padding:var(--space-6);box-shadow:0 25px 50px -12px rgba(0,0,0,.25);max-height:90vh;overflow-y:auto}.completionModalHeader{text-align:center;margin-bottom:var(--space-5)}.completionModalIcon{display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:50%;background:linear-gradient(135deg,#16a34a,#059669);margin-bottom:var(--space-3);box-shadow:0 4px 14px rgba(22,163,74,.4);color:white}.completionModalIcon svg{width:32px;height:32px}.completionModalTitle{font-size:var(--font-size-2xl);font-weight:700;color:#15803d;margin:0 0 var(--space-2) 0}.completionModalSubtitle{font-size:var(--font-size-base);color:#374151;margin:0;line-height:1.6}.completionModalSection{background-color:rgba(255,255,255,.8);border-radius:var(--radius-lg);padding:var(--space-4);margin-bottom:var(--space-4);border:1px solid rgba(251,191,36,.5)}.completionModalSectionHeader{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-3)}.completionModalSectionIcon{width:18px;height:18px;flex-shrink:0}.completionModalSectionIcon.scripture{color:#d97706}.completionModalSectionIcon.heart{color:#dc2626}.completionModalSectionIcon.sun{color:#f59e0b}.completionModalSectionTitle{font-size:var(--font-size-sm);font-weight:600;color:#92400e;margin:0;text-transform:uppercase;letter-spacing:.05em}.completionModalReflection{background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid rgba(251,191,36,.6)}.completionModalReflectionText{font-size:var(--font-size-sm);color:#78350f;margin:0;line-height:1.7;font-style:italic}.completionModalTomorrow{background-color:rgba(255,255,255,.7);border:1px solid #bbf7d0;display:flex;align-items:flex-start;gap:var(--space-3)}.completionModalTomorrowTitle{font-size:var(--font-size-sm);font-weight:600;color:#15803d;margin:0 0 var(--space-1) 0}.completionModalTomorrowText{font-size:var(--font-size-sm);color:#374151;margin:0;line-height:1.6}.completionModalStudyComplete{background-color:rgba(255,255,255,.7);border:1px solid #bbf7d0;text-align:center}.completionModalStudyCompleteTitle{font-size:var(--font-size-base);font-weight:600;color:#15803d;margin:0 0 var(--space-2) 0}.completionModalStudyCompleteText{font-size:var(--font-size-sm);color:#374151;margin:0;line-height:1.6}.completionModalActions{display:flex;flex-direction:column;gap:var(--space-2)}.completionModalBtn{display:flex;align-items:center;justify-content:center;gap:var(--space-2);width:100%;padding:var(--space-3);font-size:var(--font-size-base);font-weight:600;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.completionModalBtn.primary{background:linear-gradient(90deg,#16a34a,#059669);color:white}.completionModalBtn.primary:hover{background:linear-gradient(90deg,#15803d,#047857)}.completionModalBtn.secondary{background:linear-gradient(90deg,#3b82f6,#2563eb);color:white}.completionModalBtn.secondary:hover{background:linear-gradient(90deg,#2563eb,#1d4ed8)}.completionModalBtn svg{width:18px;height:18px}.generationModal{width:100%;max-width:800px;max-height:90vh;overflow-y:auto;margin:var(--space-4);border-radius:var(--radius-lg);box-shadow:0 25px 50px -12px rgba(0,0,0,.25);padding:var(--space-6)}.generationModal--generating{background:linear-gradient(to bottom right,#fffbeb,#fef3c7);border:1px solid #fcd34d}.generationModal--success{background:linear-gradient(to bottom right,#f0fdf4,#dcfce7);border:1px solid #86efac}.generationModal--failed{background:linear-gradient(to bottom right,#fef2f2,#fee2e2);border:1px solid #fca5a5}.generationModal--paused{background:linear-gradient(to bottom right,#fffbeb,#fef3c7);border:1px solid #fbbf24}.generationModalHeader{margin-bottom:var(--space-4)}.generationModalTitle{display:flex;align-items:center;font-size:var(--font-size-xl);font-weight:600}.generationModalTitle--generating{color:#b45309}.generationModalTitle--success{color:#15803d}.generationModalTitle--failed{color:#991b1b}.generationModalTitle--paused{color:#b45309}.generationModalSubtitle{font-size:var(--font-size-sm);color:#6b7280;margin-top:var(--space-2)}.generationModalIcon{position:relative;margin-right:var(--space-3)}.generationModalIconPulse{position:absolute;inset:0;background:linear-gradient(90deg,#f59e0b,#fbbf24);border-radius:50%;animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite;opacity:.2}.generationModalContent{display:flex;flex-direction:column;gap:var(--space-4)}.generationModalSection{background-color:rgba(255,255,255,.7);border-radius:var(--radius-lg);padding:var(--space-4)}.generationModalSection--success{border:1px solid #86efac}.generationModalSection--failed{border:1px solid #fca5a5}.generationModalSection--paused{border:1px solid #fbbf24;background-color:#fffbeb}.generationPausedInfo{display:flex;align-items:center;gap:var(--space-4);margin-bottom:var(--space-4)}.generationPausedDetails{flex:1 1}.generationPausedProgress{font-size:var(--font-size-lg);font-weight:600;color:#92400e;margin:0}.generationPausedHint{font-size:var(--font-size-sm);color:#78716c;margin:var(--space-1) 0 0 0}.generationProgressBar--paused{background-color:#fef3c7}.generationProgressFill--paused{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.generationIconLarge{width:48px;height:48px}.generationProgressWrapper{display:flex;flex-direction:column;gap:var(--space-2)}.generationProgressBar{background-color:rgba(255,255,255,.7);border-radius:9999px;height:24px;overflow:hidden;position:relative}.generationProgressFill{height:100%;background:linear-gradient(90deg,#f59e0b,#fbbf24);transition:width .5s ease-out;display:flex;align-items:center;justify-content:center;min-width:40px}.generationProgressText{font-size:var(--font-size-xs);color:white;font-weight:600}.generationProgressLabel{font-size:var(--font-size-sm);color:#b45309;font-weight:500}.generationDayTimeline{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-2)}.generationDay{display:flex;flex-direction:column;align-items:center;padding:var(--space-2);border-radius:var(--radius-md);min-width:48px}.generationDay--pending{background-color:rgba(255,255,255,.5);border:1px solid #e5e7eb}.generationDay--current{background-color:rgba(245,158,11,.2);border:2px solid #f59e0b}.generationDay--completed{background-color:rgba(22,163,74,.1);border:1px solid #86efac}.generationDayIcon{font-size:var(--font-size-xs);font-weight:600}.generationDayIcon--pending{color:#9ca3af}.generationDayIcon--current{color:#f59e0b}.generationDayIcon--completed{color:#16a34a}.generationDayTime{font-size:10px;color:#6b7280;margin-top:2px}.generationTimeInfo{display:flex;align-items:center;justify-content:space-between;margin-top:var(--space-3);padding:var(--space-3);background-color:rgba(255,255,255,.5);border-radius:var(--radius-md)}.generationTimeLabel{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);color:#374151}.generationTimeValue{font-family:monospace;font-weight:500}.generationTimeRemaining{font-size:var(--font-size-sm);color:#6b7280}.generationStatsList{display:flex;flex-direction:column;gap:var(--space-2);font-size:var(--font-size-sm);color:#374151}.generationStatItem{display:flex;align-items:center;gap:var(--space-2)}.generationSectionHeader{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-3)}.generationSectionLabel{font-size:var(--font-size-sm);font-weight:500}.generationSectionLabel--success{color:#15803d}.generationSectionMeta{font-size:var(--font-size-xs);color:#6b7280}.generationErrorText{font-size:var(--font-size-sm);color:#991b1b;margin-bottom:var(--space-2)}.generationErrorProgress{font-size:var(--font-size-xs);color:#6b7280}.generationModalActions{display:flex;justify-content:flex-end;gap:var(--space-3)}.generationModalActions--center{justify-content:center}.btn-success{height:40px;padding:0 var(--space-4);font-size:var(--font-size-sm);font-weight:500;background-color:#16a34a;color:white;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all .2s}.btn-success:hover{background-color:#15803d}.btn-warning{border:none;border-radius:var(--radius-md);display:flex;align-items:center;gap:var(--space-2)}.btn-outline-success,.btn-warning{height:40px;padding:0 var(--space-4);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:all .2s}.btn-outline-success{background-color:white;color:#15803d;border:1px solid #86efac;border-radius:var(--radius-md)}.btn-outline-success:hover{background-color:#f0fdf4}.btn-outline-danger{height:40px;padding:0 var(--space-4);font-size:var(--font-size-sm);font-weight:500;background-color:white;color:#dc2626;border:1px solid #fca5a5;border-radius:var(--radius-md);cursor:pointer;transition:all .2s}.btn-outline-danger:hover{background-color:#fef2f2}.btn-outline-warning{display:inline-flex;align-items:center;gap:var(--space-2);height:40px;padding:0 var(--space-4);font-size:var(--font-size-sm);font-weight:500;background-color:white;color:#b45309;border:1px solid #fcd34d;border-radius:var(--radius-md);cursor:pointer;transition:all .2s}.btn-outline-warning:hover{background-color:#fffbeb}.btn-outline-warning:disabled{opacity:.5;cursor:not-allowed}.generationCancelLink{font-size:var(--font-size-sm);color:#6b7280;background:none;border:none;cursor:pointer;text-decoration:underline}.generationCancelLink:hover{color:#374151}.generationJobsModal{max-width:600px;max-height:80vh;overflow:hidden;display:flex;flex-direction:column}.generationJobsModal .modalContent{overflow-y:auto;flex:1 1}.generationJobsEmpty,.generationJobsError,.generationJobsLoading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);padding:var(--space-8);color:#6b7280}.generationJobsEmptyHint{font-size:var(--font-size-sm);color:#9ca3af}.generationJobsList{display:flex;flex-direction:column;gap:var(--space-3)}.generationJobCard{background-color:white;border-radius:var(--radius-lg);padding:var(--space-4);border:1px solid #e5e7eb;transition:border-color .2s}.generationJobCard:hover{border-color:#d1d5db}.generationJobHeader{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-3)}.generationJobStatus{display:flex;align-items:center;gap:var(--space-2);font-weight:500}.generationJobStatusIcon{width:16px;height:16px}.generationJobStatusIcon--success{color:#16a34a}.generationJobStatusIcon--error{color:#dc2626}.generationJobStatusIcon--warning{color:#f59e0b}.generationJobStatusIcon--info{color:#3b82f6}.generationJobDate{font-size:var(--font-size-sm);color:#9ca3af}.generationJobProgress{margin-bottom:var(--space-3)}.generationJobProgressBar{height:8px;background-color:#e5e7eb;border-radius:var(--radius-full);overflow:hidden;margin-bottom:var(--space-2)}.generationJobProgressFill{height:100%;background:linear-gradient(90deg,#16a34a,#22c55e);border-radius:var(--radius-full);transition:width .3s ease}.generationJobProgressText{font-size:var(--font-size-sm);color:#6b7280}.generationJobError{font-size:var(--font-size-sm);color:#dc2626;background-color:#fef2f2;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);margin-bottom:var(--space-3)}.generationJobActions{display:flex;gap:var(--space-2);justify-content:flex-end}.generationJobStatus--completed .generationJobProgressFill{background:linear-gradient(90deg,#16a34a,#22c55e)}.generationJobStatus--failed .generationJobProgressFill{background:linear-gradient(90deg,#dc2626,#ef4444)}.generationJobStatus--paused .generationJobProgressFill{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.generationJobStatus--progress .generationJobProgressFill{background:linear-gradient(90deg,#3b82f6,#60a5fa)}.generationIcon{height:24px;width:24px;margin-right:var(--space-3)}.generationIcon--success{color:#16a34a}.generationIcon--error{color:#dc2626}.generationIcon--warning{color:#d97706}.generationIcon--spin{animation:spin 1s linear infinite}.generationIconSmall{height:16px;width:16px}.generationIconTiny{height:14px;width:14px}.pageContainer{min-height:100vh;background:linear-gradient(to bottom right,#ffffff,#fffbf0 50%,#fef9e7);padding-bottom:var(--space-16)}.pageContainerLight{min-height:100vh;background-color:var(--color-bg-light)}.pageContainerAmber{min-height:100vh;background-color:#fef3e2;padding-bottom:var(--space-16)}.heroSection{background-color:var(--color-bg-dark);background:linear-gradient(135deg,var(--color-bg-dark) 0,#014d2f 100%);color:white;padding:var(--space-3) 0 var(--space-8)}.heroSection .container{padding-top:32px}.heroContent{max-width:800px;margin:0 auto;text-align:center}.heroTitle{font-size:var(--font-size-6xl);margin-bottom:var(--space-6);line-height:var(--line-height-tight);font-weight:var(--font-weight-bold)}.heroSubtitle{font-size:var(--font-size-xl);margin-bottom:var(--space-8);opacity:.95;line-height:var(--line-height-relaxed)}.contentSection{padding:var(--space-16) 0}.contentSectionCompact{padding:var(--space-8) 0}.contentWrapper{max-width:900px;margin:0 auto}.contentWrapperWide{max-width:1200px;margin:0 auto}.innerContainer{max-width:800px;margin:0 auto}.emptyState{text-align:center;padding:var(--space-12) var(--space-6)}.emptyStateIcon{width:48px;height:48px;margin:0 auto var(--space-4);color:var(--color-secondary)}.emptyStateTitle{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--space-2)}.emptyStateDescription{font-size:var(--font-size-base);color:var(--color-text-secondary);margin-bottom:var(--space-6);line-height:var(--line-height-relaxed)}.emptyStateActions{display:flex;gap:var(--space-3);justify-content:center;align-items:center;flex-wrap:wrap}.emptyIcon{margin:0 auto var(--space-6)}.modal,.modalContainer{background-color:white;border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);max-width:600px;width:100%;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;animation:slideUp .3s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modalContainerLarge{max-width:800px}.modalHeader{display:flex;align-items:center;justify-content:space-between;padding:var(--space-6);border-bottom:1px solid var(--color-border)}.modalTitle{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.modalCloseButton{width:32px;height:32px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;background-color:initial;border:none;color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast)}.modalCloseButton:hover{background-color:var(--color-bg-muted);color:var(--color-text-primary)}.modalContent.extraPadding{padding-right:var(--space-8)}.modalText{font-size:var(--font-size-base);color:var(--color-text-primary);white-space:pre-wrap;margin-bottom:var(--space-6);line-height:var(--line-height-relaxed)}.confirmationModal{max-width:400px;padding:var(--space-6)}.confirmationModalContent{text-align:center;margin-bottom:var(--space-6)}.confirmationModalIcon{margin-bottom:var(--space-4)}.confirmationModalTitle{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--space-2)}.confirmationModalMessage{font-size:var(--font-size-base);color:var(--color-text-secondary);line-height:var(--line-height-relaxed)}.confirmationModalActions{display:flex;gap:var(--space-3);justify-content:center}.confirmationModalActions .btn{min-width:100px}.formGroup{margin-bottom:var(--space-6)}.formLabel{display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);margin-bottom:var(--space-2)}.formInput,.formLabel{color:var(--color-text-primary)}.formInput{width:100%;padding:var(--space-3) var(--space-4);font-size:var(--font-size-base);border:2px solid var(--color-border);border-radius:var(--radius-lg);background-color:white;transition:all var(--transition-fast);outline:none}.formInput:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(22,163,74,.1)}.formInput:disabled{background-color:var(--color-bg-muted);cursor:not-allowed;opacity:.6}.formTextarea{width:100%;padding:var(--space-3) var(--space-4);font-size:var(--font-size-base);border:2px solid var(--color-border);border-radius:var(--radius-lg);background-color:white;color:var(--color-text-primary);transition:all var(--transition-fast);outline:none;resize:vertical;min-height:120px;font-family:inherit;line-height:var(--line-height-relaxed)}.formTextarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(22,163,74,.1)}.formTextarea::placeholder{font-size:var(--font-size-sm);color:#9ca3af}.formSelect{width:100%;padding:var(--space-3) var(--space-4);font-size:var(--font-size-base);border:2px solid var(--color-border);border-radius:var(--radius-lg);background-color:white;color:var(--color-text-primary);transition:all var(--transition-fast);outline:none;cursor:pointer}.formSelect:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(22,163,74,.1)}.formError{display:flex;align-items:center;gap:var(--space-2);color:#dc2626}.formError,.formHelperText{margin-top:var(--space-2);font-size:var(--font-size-sm)}.formHelperText,.helpMessage{color:var(--color-text-secondary)}.helpMessage{margin-top:var(--space-1);font-size:var(--font-size-xs)}.formLabelDescription{font-size:var(--font-size-xs);color:#6b7280;margin-bottom:var(--space-2)}.settingsOptions{display:flex;flex-direction:column;gap:var(--space-2)}.settingsCheckboxOption{display:flex;align-items:flex-start;gap:var(--space-2);padding:var(--space-2);border-radius:var(--radius-md);background-color:var(--color-bg-secondary);cursor:pointer}.settingsCheckboxOption input[type=checkbox]{margin-top:2px;accent-color:var(--color-primary)}.settingsCheckboxOption .settingsOptionTitle{font-weight:var(--font-weight-medium);font-size:var(--font-size-sm)}.settingsCheckboxOption .settingsOptionDescription{font-size:var(--font-size-xs);color:#6b7280;margin:0}.privacyOptionCompact{padding:var(--space-2);margin:0}.privacyOptionCompact .privacyContent{margin-left:var(--space-2)}.privacyOptionCompact .privacyTitle{font-size:var(--font-size-sm)}.privacyOptionCompact .privacyHeader{display:flex;align-items:center;gap:var(--space-1)}.modalContainerMedium{max-width:700px;width:90%;max-height:90vh;display:flex;flex-direction:column}.modalFormScrollable{display:flex;flex-direction:column;flex:1 1;min-height:0}.modalBodyScrollable{flex:1 1;overflow-y:auto;padding:var(--space-6)}.modalFooterBordered{flex-shrink:0;border-top:1px solid var(--color-border);padding:var(--space-4) var(--space-6)}.filterTabsModal{padding:0 var(--space-6);border-bottom:1px solid var(--color-border)}.filterTabIcon{display:flex;align-items:center;gap:var(--space-2)}.twoColumnGrid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}@media (max-width:640px){.twoColumnGrid{grid-template-columns:1fr}}.formGroupCompact{margin-bottom:0}.sectionTitle{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-3)}.scrollableList{max-height:250px;overflow-y:auto;border:1px solid var(--color-border);border-radius:var(--radius-md)}.memberListItemCompact{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3);border-bottom:1px solid var(--color-border)}.memberListItemCompact:last-child{border-bottom:none}.memberListItemCompact .memberInfo{display:flex;align-items:center;gap:var(--space-2)}.memberListItemCompact .memberDetails .memberName{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.memberListItemCompact .memberDetails .memberEmail{font-size:var(--font-size-xs);color:#6b7280}.memberListItemCompact .memberActions{display:flex;align-items:center;gap:var(--space-2)}.avatarInitialsSmall{width:32px;height:32px;border-radius:50%;background-color:#16a34a;justify-content:center;color:white;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.avatarInitialsSmall,.btnIcon{display:flex;align-items:center}.btnIcon{gap:var(--space-1)}.btnDanger{color:var(--color-danger)}.formSelectCompact{width:auto;padding:var(--space-1) var(--space-2);font-size:var(--font-size-sm)}.textMuted{color:#6b7280;font-size:var(--font-size-sm)}.loadingCenter{text-align:center;padding:var(--space-4)}.formSection{margin-bottom:var(--space-6)}.errorCardMargin{margin-top:var(--space-4)}.privacyOptions{flex-direction:column}.privacyOption,.privacyOptions{display:flex;gap:var(--space-3)}.privacyOption{align-items:flex-start;padding:var(--space-4);border:2px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);background-color:white}.privacyOption:hover{border-color:var(--color-primary-light);background-color:var(--color-bg-secondary)}.privacyOption:has(input:checked){border-color:var(--color-primary);background-color:rgba(22,163,74,.05)}.privacyOption input[type=radio]{margin-top:var(--space-1);accent-color:var(--color-primary);width:18px;height:18px;flex-shrink:0}.privacyContent{flex:1 1;min-width:0}.privacyHeader{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-1);color:var(--color-text-primary)}.privacyTitle{font-weight:var(--font-weight-semibold);font-size:var(--font-size-base)}.privacyDescription{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:var(--line-height-relaxed);margin:0}.formHeader{margin-bottom:var(--space-6)}.formTitle{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-2);color:var(--color-primary-dark)}.formDescription{font-size:var(--font-size-lg);color:var(--color-text-secondary)}.checkboxContainer{gap:var(--space-3)}.checkbox{width:20px;height:20px;accent-color:var(--color-primary)}.checkboxLabel{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-base);font-weight:500;color:var(--color-text-primary);cursor:pointer;-webkit-user-select:none;user-select:none}.formRow{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}@media (max-width:768px){.formRow{grid-template-columns:1fr}}.formInputError,.formInputError:focus{border-color:#dc2626!important}.formInputError:focus{box-shadow:0 0 0 3px rgba(220,38,38,.1)!important}.required{color:#dc2626;margin-left:2px}.radioOption{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);border:2px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);background-color:white}.radioOption:hover{border-color:var(--color-primary);background-color:rgba(22,163,74,.05)}.radioOption input[type=radio]{cursor:pointer;accent-color:var(--color-primary);width:18px;height:18px}.radioOption:has(input[type=radio]:checked){border-color:var(--color-primary);background-color:rgba(22,163,74,.1)}.fullWidthButton{width:100%}.requestList{display:flex;flex-direction:column;gap:var(--space-6)}.requestFormContainer{max-width:800px;margin:0 auto}.prayerForm{display:flex;flex-direction:column;gap:var(--space-6)}.buttonContainer{display:flex;justify-content:flex-end;margin-top:var(--space-8)}.completeButton{background-color:#16a34a;color:white;display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);font-size:var(--font-size-base);transition:background-color .2s ease}.completeButton:hover:not(:disabled){background-color:#15803d}.completeButton:disabled{cursor:not-allowed;opacity:.5}.icon{height:16px;width:16px}.title{font-size:var(--font-size-xl);font-weight:700;color:#15803d;margin:0;margin-bottom:var(--space-1)}.subtitle{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0}.completedBadge{background-color:#16a34a;color:white;display:flex}.header{padding:var(--space-6)}.tabsContainer{padding:0 var(--space-6) var(--space-6)}.tabContainer,.tabList{margin-bottom:var(--space-6)}.tabList{display:flex;gap:var(--space-2);border-bottom:2px solid var(--color-border);overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.tabList::-webkit-scrollbar{display:none}.tabButton{padding:var(--space-3) var(--space-6);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);background-color:initial;border:none;border-bottom:3px solid transparent;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;position:relative;margin-bottom:-2px}.tabButton:hover{color:var(--color-text-primary);background-color:var(--color-bg-muted)}.tabButtonActive{color:var(--color-primary);border-bottom-color:var(--color-primary);font-weight:var(--font-weight-semibold)}.tabPanel{animation:fadeIn .2s ease-out}.dayNavigationTabs{margin-top:var(--space-4);margin-bottom:var(--space-6)}.dayTab{position:relative;display:inline-flex;align-items:center;gap:var(--space-2)}.dayTabViewed{color:var(--color-text-secondary)!important;opacity:.6}.dayTabNewActivity{border-bottom-color:#ef4444!important;animation:tabPulse 2s cubic-bezier(.4,0,.6,1) infinite}.dayTabBadge{position:absolute;top:-8px;right:-12px;background-color:#ef4444;color:white;font-size:10px;font-weight:600;padding:2px 6px;border-radius:10px;min-width:18px;text-align:center;line-height:1.2;box-shadow:0 2px 4px rgba(0,0,0,.2)}.dayTabBadgeDot{position:absolute;top:-4px;right:-4px;width:8px;height:8px;background-color:#16a34a;border-radius:50%;box-shadow:0 0 0 2px white,0 2px 4px rgba(0,0,0,.2)}@keyframes tabPulse{0%,to{opacity:1}50%{opacity:.8}}.cardHeader{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:var(--space-4)}.cardBody{flex:1 1}.cardContent{padding:var(--space-6)}.cardFooter{justify-content:space-between;padding-top:var(--space-4);border-top:1px solid var(--color-border)}.cardFooter,.cardMeta{display:flex;align-items:center}.cardMeta{gap:var(--space-4);font-size:var(--font-size-sm);color:var(--color-text-secondary)}.metaItem{display:flex;align-items:center;gap:var(--space-1)}.cardTitle{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--space-2)}.cardExcerpt{font-size:var(--font-size-base);color:var(--color-text-secondary);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.cardExcerpt,.infoCard{margin-bottom:var(--space-4)}.infoCard{background-color:var(--color-bg-light);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4);box-shadow:var(--shadow-sm)}.infoCard .icon{color:var(--color-secondary);width:20px;height:20px;vertical-align:middle;margin-right:var(--space-2)}.infoCard h4{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text);margin-bottom:var(--space-3);display:flex;align-items:center}.infoCard ul{margin:0;padding-left:var(--space-5);color:var(--color-text-muted)}.infoCard li{margin-bottom:var(--space-2);line-height:var(--line-height-relaxed)}.warningCard{background-color:#fef3c7;border:1px solid #fcd34d;border-radius:var(--radius-lg)}.errorCard,.warningCard{padding:var(--space-4);margin-bottom:var(--space-4)}.errorCard{border:1px solid #fecaca;border-radius:var(--radius-lg)}.errorMessage{padding:var(--space-4);margin:var(--space-2);background-color:#fee2e2;border:1px solid #ef4444;border-radius:var(--radius-md);color:#991b1b;text-align:center}.successCard{background-color:#f0fdf4;border:1px solid #86efac;border-radius:var(--radius-lg);padding:var(--space-4);margin-bottom:var(--space-4)}.prayerCard{cursor:pointer;transition:all var(--transition-base)}.prayerCard:hover{box-shadow:var(--shadow-xl);transform:translateY(-2px)}.prayerButton{display:flex;align-items:center;gap:var(--space-2)}.frostGlassCard{background-color:rgba(255,255,255,.9);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);border-color:#fcd34d}.sectionHeader{justify-content:space-between;margin-bottom:var(--space-6)}.sectionTitle{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.sectionDescription{font-size:var(--font-size-base);color:var(--color-text-secondary);line-height:var(--line-height-relaxed);margin-top:var(--space-2)}.progressSection{margin-top:var(--space-4)}.progressBadgeWrapper{margin-bottom:var(--space-3)}.progressBadge{padding:6px 16px;border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:600;display:inline-block}.progressBadgeActive{background-color:#16a34a;color:white}.progressBadgeCompleted{background-color:#d97706;color:white}.progressBar{background-color:#e5e7eb;border-radius:var(--radius-full);height:12px;overflow:hidden;margin-top:var(--space-2)}.progressFill{height:100%;transition:width .3s ease;box-shadow:0 1px 3px rgba(0,0,0,.1)}.progressFillActive{background-color:#16a34a}.progressFillCompleted{background-color:#d97706}.progressText{display:flex;justify-content:space-between;margin-top:var(--space-1);font-size:var(--font-size-xs);color:#6b7280}.communityCard{background-color:white;box-shadow:var(--shadow-lg);border:1px solid #86efac;border-radius:var(--radius-lg);margin-top:var(--space-6)}.communityContent{padding:var(--space-6)}.communityHeader{display:flex;align-items:flex-start;gap:var(--space-4);margin-bottom:var(--space-4);text-align:center}.communityIconWrapper{background-color:#f0fdf4;border-radius:var(--radius-lg);padding:var(--space-3);display:flex;align-items:center;justify-content:center}.communityTextWrapper{flex:1 1}.communityTitle{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:#15803d;margin-bottom:var(--space-2)}.communityDescription{color:#6b7280;font-size:var(--font-size-base);line-height:var(--line-height-relaxed)}.communityButton{background-color:#16a34a;color:white;padding:var(--space-3) var(--space-6);font-size:var(--font-size-base);display:inline-flex;align-items:center;gap:var(--space-2);border-radius:var(--radius-lg);border:2px solid #16a34a;font-weight:500;transition:all var(--transition-base);cursor:pointer}.communityButton:hover{background-color:#15803d;border-color:#15803d}.actionButtonWrapper{display:flex;justify-content:center}.actionButton{min-width:200px;padding:var(--space-4) var(--space-8);font-size:var(--font-size-lg);display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);border-radius:var(--radius-lg);font-weight:600;transition:all var(--transition-base);cursor:pointer}.actionButtonPrimary{background-color:#16a34a;color:white;border:2px solid #16a34a}.actionButtonPrimary:hover{background-color:#15803d;border-color:#15803d}.actionButtonCompleted{background-color:#d97706;color:white;border:2px solid #d97706}.actionButtonCompleted:hover{background-color:#b45309;border-color:#b45309}.loadingContainer{align-items:center;min-height:400px;text-align:center}.loadingSpinner{width:48px;height:48px;border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto var(--space-4)}.loadingText{color:var(--color-text-secondary);font-size:var(--font-size-base)}.skeleton{background:linear-gradient(90deg,#f3f4f6,#e5e7eb 50%,#f3f4f6);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite;border-radius:var(--radius-md)}.skeletonCard{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.skeletonTitle{height:24px;margin-bottom:var(--space-3)}.skeletonText,.skeletonTitle{background-color:#e5e7eb;border-radius:var(--radius-md)}.skeletonText{height:20px;margin-bottom:var(--space-2)}.skeletonTextShort{height:16px;background-color:#e5e7eb;border-radius:var(--radius-md);width:75%}.statusBadge{display:inline-flex;align-items:center;padding:4px 12px;border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);white-space:nowrap}.statusBadgeActive{background-color:#dcfce7;color:#166534}.statusBadgeCompleted{background-color:#fef3c7;color:#92400e}.statusBadgePending{background-color:#dbeafe;color:#1e40af}.statsGrid{margin-bottom:var(--space-6)}.statCard{background-color:white;text-align:center}.statValue{color:var(--color-primary);margin-bottom:var(--space-1)}.statLabel{color:var(--color-text-secondary)}.statIcon{height:24px;width:24px;color:#16a34a;margin:0 auto var(--space-2)}.statValueCapitalized{text-transform:capitalize}.studyStatCard{padding:var(--space-3);background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-color:#86efac;color:#166534;display:flex;flex-direction:row;align-items:center;gap:var(--space-2);text-align:left}.studyStatIcon{height:20px;width:20px;margin:0;color:#166534;flex-shrink:0}.studyStatCard .statValue,.studyStatValue{font-size:var(--font-size-lg);margin-bottom:0;color:#166534!important;font-weight:600}.studyStatCard .statLabel{color:#166534}.statsSection{padding:0 var(--space-6) var(--space-6);display:flex;flex-direction:column;gap:var(--space-6)}.infoSection{background-color:#f0fdf4;border:1px solid #bbf7d0;border-radius:var(--radius-lg);padding:var(--space-4)}.infoTitle{font-weight:500;color:#15803d;margin-bottom:var(--space-2)}.infoText{color:#166534;font-size:var(--font-size-sm)}.studyCard{background-color:rgba(255,255,255,.9);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:0;box-shadow:var(--shadow-lg);height:100%;display:flex;flex-direction:column;overflow:hidden;cursor:pointer}.studyCardBody{flex-grow:1;padding:var(--space-6)}.studyCardHeader{display:flex;align-items:flex-start;justify-content:space-between}.studyCardHeaderContent{flex-grow:1}.studyCardFooter{padding:0 var(--space-6) var(--space-6);display:flex;flex-direction:column;gap:var(--space-4)}.studyCardFooterContent{flex-grow:1}.studyTitle{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:#15803d}.studyDescription{color:#6b7280;font-size:var(--font-size-base);line-height:var(--line-height-relaxed)}.featuredBadge{background-color:#dbeafe;color:#1e40af;display:inline-flex;align-items:center;width:fit-content}.headerContent{display:flex;flex-direction:column;gap:var(--space-3);flex:1 1}.notFoundCard{background:white;border:1px solid #e5e7eb}.breadcrumb{margin-bottom:var(--space-6)}.breadcrumbLink{color:var(--color-primary);transition:color var(--transition-fast);display:flex;align-items:center;gap:var(--space-1)}.breadcrumbLink:hover{color:#15803d;text-decoration:underline}.breadcrumbSeparator{color:var(--color-border)}.breadcrumbCurrent{color:var(--color-text-primary);font-weight:var(--font-weight-medium)}.studyBreadcrumb{margin-top:var(--space-8);margin-bottom:var(--space-8);padding-top:var(--space-4);font-size:var(--font-size-base)}@media (max-width:768px){.hideOnMobile{display:none}.heroTitle{font-size:var(--font-size-4xl)}.heroSubtitle{font-size:var(--font-size-lg)}.modalContainer{max-width:100%;border-radius:var(--radius-lg)}}@media (min-width:769px){.showOnMobile{display:none}}.focusVisible:focus-visible{outline:3px solid var(--color-primary);outline-offset:2px}.srOnly{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.study-content-card{background-color:rgba(255,255,255,.9);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:none;border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05)}.study-content-title{font-size:var(--font-size-2xl);font-weight:700;color:#15803d;margin:0;margin-bottom:var(--space-4)}.study-content-text{color:#374151;font-size:var(--font-size-base);line-height:1.8;text-align:justify}.reflection-question-card{background-color:white;border-radius:var(--radius-lg);padding:var(--space-4);border:1px solid #bbf7d0;margin-bottom:var(--space-4)}.reflection-question-text{font-weight:500;color:#15803d;margin-bottom:var(--space-2);font-size:var(--font-size-base)}.reflection-textarea{width:100%;padding:var(--space-3);border:2px solid #d1fae5;border-radius:var(--radius-lg);resize:none;font-size:var(--font-size-base);color:#374151;line-height:1.6;transition:all var(--transition-base);background-color:#f9fafb;font-family:var(--font-primary)}.reflection-textarea:focus{outline:none;border-color:#16a34a;background-color:white;box-shadow:0 0 0 3px rgba(22,163,74,.1)}.reflection-textarea:disabled{background-color:#f3f4f6;cursor:not-allowed;opacity:.75}.reflection-textarea::placeholder{color:#9ca3af;font-style:italic}.forum-sharing-card{margin-top:var(--space-6);padding:var(--space-4);background:linear-gradient(to bottom right,#fef3c7,#fef9c3);border:1px solid #fcd34d;border-radius:var(--radius-lg)}.discussion-container{background:linear-gradient(to bottom right,#ffffff,#f0fdf4);border:2px solid #d1fae5;border-radius:var(--radius-lg);padding:var(--space-6)}.discussion-header,.discussion-title{margin-bottom:var(--space-4)}.discussion-title{display:flex;align-items:center;font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:#15803d}.discussion-tabs{display:flex;gap:var(--space-1);background-color:#f3f4f6;border-radius:var(--radius-lg);padding:var(--space-1);width:fit-content}.discussion-tab-btn{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border:none;background-color:initial;color:#6b7280;font-size:var(--font-size-sm);font-weight:500;cursor:pointer;border-radius:var(--radius-md);transition:all var(--transition-base)}.discussion-tab-btn.active{background-color:white;color:#111827;box-shadow:var(--shadow-sm)}.discussion-tab-btn:hover:not(.active){background-color:rgba(255,255,255,.5)}.user-avatar{height:32px;width:32px;border-radius:50%;background-color:#d1fae5;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-sm);font-weight:600;color:#15803d;overflow:hidden;flex-shrink:0}.user-avatar img{width:100%;height:100%;object-fit:cover}.comment-card{background:linear-gradient(to bottom right,#ffffff,#f9fafb);border:2px solid #e5e7eb;border-radius:var(--radius-lg);padding:var(--space-4);margin-bottom:var(--space-4)}.comment-card.reply{margin-left:48px;margin-top:var(--space-2)}.comment-header{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-2);flex-wrap:wrap}.comment-author{font-weight:500;color:#111827}.comment-timestamp{font-size:var(--font-size-xs);color:#6b7280;display:flex;align-items:center;gap:var(--space-1)}.comment-content{color:#374151;line-height:1.75;margin-bottom:var(--space-3)}.comment-actions{display:flex;align-items:center;gap:var(--space-4)}.commentThread{display:flex;flex-direction:column;gap:var(--space-3)}.commentCard{background-color:white;border-radius:var(--radius-lg);padding:var(--space-4);border:1px solid #f3f4f6;margin-left:calc(var(--thread-depth, 0) * var(--space-6));position:relative}.commentThread[style*="--thread-depth: 1"] .commentCard,.commentThread[style*="--thread-depth: 2"] .commentCard,.commentThread[style*="--thread-depth: 3"] .commentCard,.commentThread[style*="--thread-depth: 4"] .commentCard,.commentThread[style*="--thread-depth: 5"] .commentCard{border-left:3px solid #d1fae5;margin-left:var(--space-6)}.commentThread[style*="--thread-depth: 2"] .commentCard{border-left-color:#86efac}.commentThread[style*="--thread-depth: 3"] .commentCard{border-left-color:#4ade80}.commentThread[style*="--thread-depth: 4"] .commentCard{border-left-color:#22c55e}.commentThread[style*="--thread-depth: 5"] .commentCard{border-left-color:#16a34a}.commentReplies{display:flex;flex-direction:column;gap:var(--space-3);margin-top:var(--space-3)}@media (max-width:768px){.commentCard{margin-left:calc(var(--thread-depth, 0) * var(--space-3))}.commentThread[style*="--thread-depth: 1"] .commentCard,.commentThread[style*="--thread-depth: 2"] .commentCard,.commentThread[style*="--thread-depth: 3"] .commentCard,.commentThread[style*="--thread-depth: 4"] .commentCard,.commentThread[style*="--thread-depth: 5"] .commentCard{margin-left:var(--space-3)}}.reflection-card{background:linear-gradient(to bottom right,#ffffff,#eff6ff);border:2px solid #bfdbfe;border-radius:var(--radius-lg);padding:var(--space-4);margin-bottom:var(--space-4)}.reflection-badge{display:inline-flex;border-radius:var(--radius-full);font-size:var(--font-size-xs);background-color:#dbeafe;color:#1e40af}.action-btn,.reflection-badge{align-items:center;padding:var(--space-1) var(--space-2)}.action-btn{display:flex;gap:var(--space-1);border:none;background-color:initial;color:#6b7280;font-size:var(--font-size-sm);cursor:pointer;border-radius:var(--radius-md);transition:all var(--transition-base)}.action-btn:hover{background-color:#f3f4f6}.action-btn.like-btn:hover{color:#ef4444;background-color:#fef2f2}.action-btn.reply-btn:hover{color:#16a34a;background-color:#f0fdf4}.action-btn.liked{color:#ef4444}.reply-form{margin-top:var(--space-4);margin-left:44px}.reply-form-controls{display:flex;gap:var(--space-2)}.reply-form-controls textarea{flex:1 1;min-height:80px;resize:none;padding:var(--space-3);border:2px solid #d1fae5;border-radius:var(--radius-lg);font-size:var(--font-size-base);font-family:inherit;transition:all var(--transition-base)}.reply-form-controls textarea:focus{border-color:#16a34a;outline:none}.reply-form-buttons{display:flex;flex-direction:column;gap:var(--space-1)}.reply-submit-btn{display:flex;align-items:center;justify-content:center;padding:var(--space-2);border:none;background-color:#16a34a;color:white;font-size:var(--font-size-sm);font-weight:600;cursor:pointer;border-radius:var(--radius-md);transition:all var(--transition-base);min-width:36px;min-height:36px}.reply-submit-btn:hover{background-color:#15803d}.reply-submit-btn:disabled{background-color:#9ca3af;cursor:not-allowed}.reply-cancel-btn{display:flex;align-items:center;justify-content:center;padding:var(--space-2);border:none;background-color:initial;color:#6b7280;font-size:var(--font-size-sm);cursor:pointer;border-radius:var(--radius-md);transition:all var(--transition-base);min-width:36px;min-height:36px}.reply-cancel-btn:hover{background-color:#f3f4f6}.analytics-container{max-width:1280px;margin:0 auto;padding:var(--space-6)}.analytics-header{display:flex;flex-direction:column;gap:var(--space-4);margin-bottom:var(--space-6)}@media (min-width:640px){.analytics-header{flex-direction:row;justify-content:space-between;align-items:center}}.analytics-title{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0}.analytics-subtitle{color:var(--color-text-secondary);margin:0}.analytics-controls{display:flex;align-items:center;gap:var(--space-3)}.metric-card{background:linear-gradient(to bottom right,#ffffff,#fef9e7);border:2px solid #fef3c7;border-radius:var(--radius-lg);padding:var(--space-4);box-shadow:var(--shadow-sm);transition:all var(--transition-base)}.metric-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.metric-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-3)}.metric-card-title{font-size:var(--font-size-sm);font-weight:500;color:#6b7280}.metric-card-icon{color:#f59e0b}.metric-card-value{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--space-2)}.metric-card-change{display:inline-block;font-size:var(--font-size-xs);padding:var(--space-1) var(--space-2);border-radius:var(--radius-full);margin-top:var(--space-2)}.metric-card-change.positive{background-color:#dcfce7;color:#166534}.metric-card-change.negative{background-color:#fee2e2;color:#991b1b}.metric-card-change.neutral{background-color:#f3f4f6;color:#6b7280}.metric-card-description{font-size:var(--font-size-xs);color:#6b7280;margin-top:var(--space-1)}.analytics-tabs-list{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-1);background-color:#f3f4f6;border-radius:var(--radius-lg);padding:var(--space-1);margin-bottom:var(--space-6)}.analytics-tab-trigger{padding:var(--space-2) var(--space-4);border:none;background-color:initial;color:#6b7280;font-size:var(--font-size-sm);font-weight:500;cursor:pointer;border-radius:var(--radius-md);transition:all var(--transition-base)}.analytics-tab-trigger:hover{background-color:rgba(22,163,74,.1);color:var(--color-primary-dark)}.analytics-tab-trigger.active{background-color:var(--color-primary);color:white;box-shadow:var(--shadow-md)}.chart-card{background-color:white;border:2px solid #e5e7eb;border-radius:var(--radius-lg);padding:var(--space-6);margin-bottom:var(--space-6)}.chart-card-header{margin-bottom:var(--space-4)}.chart-card-title{font-size:var(--font-size-xl);font-weight:600;color:var(--color-text-primary);margin:0 0 var(--space-1) 0}.chart-card-description{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0}.study-list-item{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3);background-color:#f9fafb;border-radius:var(--radius-lg);margin-bottom:var(--space-3)}.study-list-item-content{display:flex;align-items:center;gap:var(--space-3)}.study-list-item-rank{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:2px solid #d1d5db;border-radius:50%;font-size:var(--font-size-sm);font-weight:500;color:#6b7280}.study-list-item-title{font-weight:500;color:var(--color-text-primary);max-width:192px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.study-list-item-enrollments{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.study-list-item-stats{text-align:right}.study-list-item-rate{font-size:var(--font-size-sm);font-weight:500;color:#16a34a}.study-list-item-label{font-size:var(--font-size-xs);color:var(--color-text-secondary)}.analytics-table{width:100%;font-size:var(--font-size-sm);border-collapse:collapse}.analytics-table thead tr{border-bottom:2px solid #e5e7eb}.analytics-table th{padding:var(--space-2) var(--space-3);font-weight:500;color:var(--color-text-primary);text-align:left}.analytics-table th.center{text-align:center}.analytics-table tbody tr{border-bottom:1px solid #f3f4f6}.analytics-table td{padding:var(--space-2) var(--space-3);color:var(--color-text-secondary)}.analytics-table td.center{text-align:center}.analytics-table td.bold{font-weight:500;color:var(--color-text-primary)}.language-item{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3);background-color:#f9fafb;border-radius:var(--radius-lg);margin-bottom:var(--space-3)}.language-item-content{display:flex;align-items:center;gap:var(--space-3)}.language-item-name{font-weight:500;color:var(--color-text-primary)}.language-item-count{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.language-item-stats{text-align:right}.language-item-enrollments{font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-primary)}.language-item-completion{font-size:var(--font-size-xs);color:#16a34a}.insight-box{padding:var(--space-4);border-radius:var(--radius-lg);border:2px solid;margin-bottom:var(--space-4)}.insight-box.blue{background-color:#eff6ff;border-color:#bfdbfe}.insight-box.green{background-color:#f0fdf4;border-color:#bbf7d0}.insight-box.amber{background-color:#fef9e7;border-color:#fef3c7}.insight-box.purple{background-color:#faf5ff;border-color:#e9d5ff}.insight-box.orange{background-color:#fff7ed;border-color:#fed7aa}.insight-box.teal{background-color:#f0fdfa;border-color:#99f6e4}.insight-box.red{background-color:#fef2f2;border-color:#fecaca}.insight-box-title{font-weight:500;margin:0 0 var(--space-2) 0}.insight-box.blue .insight-box-title{color:#1e40af}.insight-box.green .insight-box-title{color:#166534}.insight-box.amber .insight-box-title{color:#92400e}.insight-box.purple .insight-box-title{color:#6b21a8}.insight-box.orange .insight-box-title{color:#9a3412}.insight-box.teal .insight-box-title{color:#115e59}.insight-box.red .insight-box-title{color:#991b1b}.insight-box-text{font-size:var(--font-size-sm);margin:0}.insight-box.blue .insight-box-text{color:#1e3a8a}.insight-box.green .insight-box-text{color:#14532d}.insight-box.amber .insight-box-text{color:#78350f}.insight-box.purple .insight-box-text{color:#581c87}.insight-box.orange .insight-box-text{color:#7c2d12}.insight-box.teal .insight-box-text{color:#134e4a}.insight-box.red .insight-box-text{color:#7f1d1d}.completion-badge{display:inline-block;padding:var(--space-1) var(--space-2);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:500}.completion-badge.high{background-color:#dcfce7;color:#166534}.completion-badge.low{background-color:#fef3c7;color:#92400e}.metrics-grid{display:grid;grid-template-columns:1fr;gap:var(--space-4);margin-bottom:var(--space-6)}@media (min-width:768px){.metrics-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.metrics-grid{grid-template-columns:repeat(4,1fr)}}.two-column-grid{display:grid;grid-template-columns:1fr;gap:var(--space-6)}@media (min-width:1024px){.two-column-grid{grid-template-columns:repeat(2,1fr)}}.admin-container{max-width:1400px;margin:0 auto;padding:var(--space-6)}.admin-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-6);flex-wrap:wrap;gap:var(--space-4)}.admin-title{font-size:var(--font-size-3xl);font-weight:700;color:#111827;margin:0}.admin-subtitle{font-size:var(--font-size-base);color:#6b7280;margin:var(--space-2) 0 0 0}.admin-header-actions{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.admin-breadcrumb{margin-bottom:var(--space-6);font-size:var(--font-size-sm)}.admin-breadcrumb,.admin-breadcrumb-item{display:flex;align-items:center;gap:var(--space-2)}.admin-breadcrumb-link{color:#16a34a;text-decoration:none;transition:color var(--transition-base)}.admin-breadcrumb-link:hover{color:#15803d}.admin-breadcrumb-current{color:#15803d;font-weight:500}.admin-breadcrumb-separator{color:#9ca3af}.admin-card{background:linear-gradient(to bottom right,#ffffff,#fef9e7);border:2px solid #fef3c7;border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--shadow-sm);margin-bottom:var(--space-2)}.admin-card-header{margin-bottom:var(--space-4);border-bottom:1px solid #e5e7eb;padding-bottom:var(--space-4)}.admin-card-title{font-size:var(--font-size-xl);font-weight:600;color:#111827;margin:0 0 var(--space-2) 0;display:flex;align-items:center;gap:var(--space-2)}.admin-card-description{font-size:var(--font-size-sm);color:#6b7280;margin:0}.admin-card-content{padding:0}.admin-card-footer{margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid #e5e7eb;display:flex;justify-content:flex-end;gap:var(--space-3)}.admin-panel{background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:var(--radius-md);padding:var(--space-4);margin-bottom:var(--space-4)}.admin-panel-header{font-size:var(--font-size-base);font-weight:600;color:#374151;margin:0 0 var(--space-3) 0}.admin-form{gap:var(--space-4)}.admin-form,.admin-form-group{display:flex;flex-direction:column}.admin-form-group{gap:var(--space-2)}.admin-form-label{font-size:var(--font-size-sm);font-weight:500;color:#374151}.admin-form-label.required:after{content:" *";color:#ef4444}.admin-form-input,.admin-form-select,.admin-form-textarea{width:100%;padding:var(--space-2) var(--space-3);border:2px solid #d1fae5;border-radius:var(--radius-md);font-size:var(--font-size-base);color:#111827;background-color:white;transition:all var(--transition-base)}.admin-form-input:focus,.admin-form-select:focus,.admin-form-textarea:focus{outline:none;border-color:#16a34a;box-shadow:0 0 0 3px rgba(22,163,74,.1)}.admin-form-input:disabled,.admin-form-select:disabled,.admin-form-textarea:disabled{background-color:#f3f4f6;cursor:not-allowed;opacity:.6}.admin-form-textarea{min-height:100px;resize:vertical;font-family:inherit}.admin-form-select{cursor:pointer;-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23374151' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-3) center;padding-right:var(--space-8)}.admin-form-checkbox-group{display:flex;align-items:center;gap:var(--space-2)}.admin-form-checkbox{width:18px;height:18px;border:2px solid #d1fae5;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-base)}.admin-form-checkbox:checked{background-color:#16a34a;border-color:#16a34a}.admin-form-help{color:#6b7280}.admin-form-error,.admin-form-help{font-size:var(--font-size-xs);margin-top:var(--space-1)}.admin-form-error{color:#ef4444}.admin-form-row{display:grid;grid-template-columns:1fr;gap:var(--space-4)}@media (min-width:768px){.admin-form-row{grid-template-columns:repeat(2,1fr)}}.admin-checkbox-option{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);background-color:#fef9c3;border-radius:var(--radius-md)}.admin-checkbox-option input[type=checkbox]{width:18px;height:18px;border-radius:var(--radius-sm);border:2px solid #d1fae5;cursor:pointer;accent-color:#16a34a}.admin-checkbox-option label{font-size:var(--font-size-base);font-weight:500;color:#15803d;cursor:pointer;margin:0}.admin-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);font-size:var(--font-size-sm);font-weight:500;border-radius:var(--radius-md);border:none;cursor:pointer;transition:all var(--transition-base);text-decoration:none;white-space:nowrap}.admin-btn:disabled{opacity:.5;cursor:not-allowed}.admin-btn-primary{background-color:#16a34a;color:white}.admin-btn-primary:hover:not(:disabled){background-color:#15803d}.admin-btn-secondary{background-color:#eab308;color:white}.admin-btn-secondary:hover:not(:disabled){background-color:#ca8a04}.admin-btn-danger{background-color:#ef4444;color:white}.admin-btn-danger:hover:not(:disabled){background-color:#dc2626}.admin-btn-outline{background-color:initial;border:2px solid #d1fae5;color:#16a34a}.admin-btn-outline:hover:not(:disabled){background-color:#f0fdf4;border-color:#16a34a}.admin-btn-ghost{background-color:initial;color:#6b7280}.admin-btn-ghost:hover:not(:disabled){background-color:#f3f4f6}.admin-btn-sm{padding:var(--space-1) var(--space-3);font-size:var(--font-size-xs)}.admin-btn-lg{padding:var(--space-3) var(--space-6);font-size:var(--font-size-base)}.shareTokensSection{border:1px solid #e5e7eb;border-radius:var(--radius-md);overflow:hidden;background-color:#f9fafb}.shareTokensHeader{width:100%;display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);background-color:initial;border:none;cursor:pointer;font-weight:500;color:#374151}.shareTokensHeaderTitle{display:flex;align-items:center;gap:var(--space-2)}.shareTokensHeaderIcon{height:16px;width:16px;color:#6b7280}.shareTokensCountBadge{font-size:var(--font-size-xs);background-color:#dbeafe;color:#1d4ed8;padding:2px 8px;border-radius:9999px}.shareTokensContent{padding:var(--space-4);border-top:1px solid #e5e7eb;background-color:#ffffff}.shareTokensDescription{font-size:var(--font-size-sm);color:#6b7280}.shareTokensDescription,.shareTokensList{margin-bottom:var(--space-4)}.shareTokenItem{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3);border-radius:var(--radius-md);margin-bottom:var(--space-2);border:1px solid}.shareTokenItem--valid{background-color:#f0fdf4;border-color:#bbf7d0}.shareTokenItem--expired{background-color:#fef2f2;border-color:#fecaca}.shareTokenInfo{flex:1 1}.shareTokenInfoRow{display:flex;align-items:center;gap:var(--space-2)}.shareTokenCode{font-family:monospace;font-size:var(--font-size-sm);background-color:#e5e7eb;padding:2px 6px;border-radius:var(--radius-sm)}.shareTokenLabel{font-size:var(--font-size-sm);color:#374151}.shareTokenExpiredBadge{font-size:var(--font-size-xs);background-color:#fecaca;color:#dc2626;padding:2px 6px;border-radius:9999px}.shareTokenExpiry{font-size:var(--font-size-xs);color:#6b7280;margin-top:var(--space-1)}.shareTokenActions{display:flex;gap:var(--space-2)}.shareTokenIconBtn{padding:var(--space-1) var(--space-2)}.shareTokenIconBtn--danger{color:#dc2626}.shareTokenIcon{height:14px;width:14px}.shareTokenFormGrid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3);margin-bottom:var(--space-3)}.shareTokenFormLabel{display:block;font-size:var(--font-size-sm);font-weight:500;margin-bottom:var(--space-1)}.shareTokenFormActions{display:flex;gap:var(--space-2);justify-content:flex-end}.shareTokenCreateBtnContent{display:flex;align-items:center}.shareTokenSpinner{height:14px;width:14px;margin-right:var(--space-1)}.shareTokenLoadingCenter{display:flex;align-items:center;justify-content:center;padding:var(--space-4)}.shareTokenLoadingIcon{height:20px;width:20px}.shareTokenCreateBtnIcon{height:16px;width:16px;margin-right:var(--space-1)}.shareTokenCreateBtn{width:100%}.feedCommentSection{padding:var(--space-4);background:var(--color-background);border-radius:var(--radius-md)}.feedCommentForm{gap:var(--space-2);margin-bottom:var(--space-4)}.feedCommentInput,.feedCommentTextarea{width:100%;padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-sm);resize:vertical;min-height:60px;font-family:inherit}.feedCommentInput:focus,.feedCommentTextarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-light)}.feedCommentFormActions{display:flex;justify-content:flex-end;gap:var(--space-2)}.feedCommentList,.feedCommentsList{display:flex;flex-direction:column;gap:var(--space-3)}.feedCommentCard{background:white;border-radius:var(--radius-md);padding:var(--space-3);border:1px solid var(--color-border)}.feedCommentReply{margin-left:var(--space-4);padding-left:var(--space-3);border-left:2px solid var(--color-border)}.feedCommentContent{display:flex;flex-direction:column;gap:var(--space-2)}.feedCommentHeader{justify-content:space-between;align-items:flex-start}.feedCommentAuthor{display:flex;align-items:center;gap:var(--space-2)}.feedCommentAvatar{width:32px;height:32px;overflow:hidden}.feedCommentAvatarFallback{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#4ade80,#10b981);display:flex;align-items:center;justify-content:center;color:white;font-size:var(--font-size-xs);font-weight:600}.feedCommentAuthorName{font-weight:600;font-size:var(--font-size-sm);color:var(--color-text-primary)}.feedCommentTimestamp{font-size:var(--font-size-xs);color:var(--color-text-secondary);display:flex;align-items:center}.feedCommentBody,.feedCommentText{font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);color:var(--color-text-primary)}.feedCommentActions{flex-wrap:wrap}.feedCommentDeleteBtn{color:var(--color-error);padding:var(--space-1)}.feedReplyForm{margin-top:var(--space-3);padding:var(--space-3);background:var(--color-surface)}.feedReplyForm,.feedReplyTextarea{border:1px solid var(--color-border)}.feedReplyTextarea{width:100%;padding:var(--space-2);border-radius:var(--radius-sm);font-size:var(--font-size-sm);resize:vertical;min-height:50px;font-family:inherit;margin-bottom:var(--space-2)}.feedReplyTextarea:focus{outline:none;border-color:var(--color-primary)}.feedReplyFormActions{display:flex;justify-content:flex-end;gap:var(--space-2)}.feedCommentActions{display:flex;align-items:center;gap:var(--space-3);margin-top:var(--space-2)}.feedCommentActions .feedReactionBar{padding:0;border:none}.feedReplyButton{color:var(--color-primary);font-size:var(--font-size-xs);padding:var(--space-1) var(--space-2);display:inline-flex;align-items:center;gap:var(--space-1)}.feedReplyButton:hover{text-decoration:underline}.commentReactionBar{display:flex;align-items:center;gap:var(--space-3)}.commentLikeButton,.commentReactionCount{font-size:var(--font-size-xs);color:var(--color-text-secondary)}.commentLikeButton{background:none;border:none;font-weight:600;cursor:pointer;padding:0;transition:color .15s ease}.commentLikeButton:hover{text-decoration:underline}.commentLikeButton:hover,.commentLikeButtonActive{color:var(--color-primary)}.commentReactionPicker{position:absolute;bottom:calc(100% + 8px);left:0;display:flex;gap:var(--space-1);background:white;padding:var(--space-2);border-radius:var(--radius-full);box-shadow:0 4px 16px rgba(0,0,0,.15);z-index:100;animation:reactionPickerFadeIn .15s ease-out}.commentReactionOption{background:none;border:none;font-size:18px;cursor:pointer;padding:var(--space-1);border-radius:var(--radius-full);transition:transform .15s ease,background-color .15s ease;line-height:1}.commentReactionOption:hover{transform:scale(1.3);background:var(--color-surface-hover)}.feedCommentMenuBtn{background:none;border:none;color:var(--color-text-tertiary);padding:var(--space-1);cursor:pointer;opacity:0;transition:opacity .15s ease,color .15s ease;margin-left:auto;border-radius:var(--radius-sm)}.feedComment:hover .feedCommentMenuBtn{opacity:1}.feedCommentMenuBtn:hover{color:var(--color-text-secondary);background:var(--color-surface-hover)}.feedCommentEditActions,.feedCommentEditForm{margin-top:var(--space-2)}.feedCommentEditActions{display:flex;justify-content:flex-end;gap:var(--space-2)}.btn-xs{padding:var(--space-1) var(--space-2);font-size:var(--font-size-xs)}.feedNestedReplies{margin-top:var(--space-2)}.feedReplyIndent1{margin-left:var(--space-4)}.feedReplyIndent2{margin-left:calc(var(--space-4) * 2)}.feedReplyIndent3{margin-left:calc(var(--space-4) * 3)}.feedCommentThreadLine{position:absolute;left:16px;top:0;bottom:0;width:2px;background:var(--color-border)}.feedEmptyComments{color:var(--color-text-secondary);font-size:var(--font-size-sm);padding:var(--space-4)}.feedComment{gap:var(--space-3);padding:var(--space-2) 0}.feedCommentWrapper{margin-bottom:var(--space-2)}.feedCommentReplies{margin-top:var(--space-2)}.admin-table-container{overflow-x:auto;border:2px solid #e5e7eb;border-radius:var(--radius-lg);background-color:white}.admin-table{width:100%;border-collapse:collapse;font-size:var(--font-size-sm)}.admin-table thead{background-color:#f9fafb;border-bottom:2px solid #e5e7eb}.admin-table th{padding:var(--space-3) var(--space-4);text-align:left;font-weight:600;color:#374151}.admin-table tbody tr{border-bottom:1px solid #f3f4f6;transition:background-color var(--transition-base)}.admin-table tbody tr:hover{background-color:#f9fafb}.admin-table tbody tr:last-child{border-bottom:none}.admin-table td{padding:var(--space-3) var(--space-4);color:#111827}.admin-table-actions{display:flex;gap:var(--space-2);align-items:center}.admin-tabs{margin-bottom:var(--space-6)}.admin-tabs-list{gap:var(--space-1);background-color:#f3f4f6;border-radius:var(--radius-lg);padding:var(--space-1);overflow-x:auto}.admin-tab{padding:var(--space-2) var(--space-4);border:none;background-color:initial;color:#6b7280;font-size:var(--font-size-sm);font-weight:500;cursor:pointer;border-radius:var(--radius-md);transition:all var(--transition-base);white-space:nowrap}.admin-tab:hover{background-color:#e5e7eb}.admin-tab.active{background-color:white;color:#111827;box-shadow:var(--shadow-sm)}.admin-tab-content{padding:var(--space-4) 0}.admin-badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:500}.admin-badge-success{background-color:#d1fae5;color:#065f46}.admin-badge-warning{background-color:#fef3c7;color:#92400e}.admin-badge-danger{background-color:#fee2e2;color:#991b1b}.admin-badge-info{background-color:#dbeafe;color:#1e40af}.admin-badge-neutral{background-color:#f3f4f6;color:#374151}.admin-list{list-style:none;padding:0;margin:0}.admin-list-item{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3);border-bottom:1px solid #e5e7eb;transition:background-color var(--transition-base)}.admin-list-item:hover{background-color:#f9fafb}.admin-list-item:last-child{border-bottom:none}.admin-list-item-content{flex:1 1}.admin-list-item-title{font-weight:500;color:#111827;margin-bottom:var(--space-1)}.admin-list-item-subtitle{font-size:var(--font-size-sm);color:#6b7280}.admin-list-item-actions{display:flex;gap:var(--space-2);align-items:center}.admin-user-expanded{margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid #e5e7eb}.admin-user-details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-4);font-size:var(--font-size-sm)}.admin-user-detail-label{color:#6b7280;display:block;margin-bottom:var(--space-1)}.admin-user-detail-value{font-weight:500}.admin-user-detail-value--verified{color:#10b981}.admin-user-detail-value--unverified{color:#f59e0b}.admin-user-detail-code{font-size:var(--font-size-xs);background-color:#f3f4f6;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm)}.admin-user-studies{margin-top:var(--space-4)}.admin-user-studies-title{font-size:var(--font-size-sm);font-weight:600;color:#374151;margin-bottom:var(--space-2)}.admin-user-studies-list{display:flex;flex-direction:column;gap:var(--space-2)}.admin-user-study-item{display:flex;justify-content:space-between;font-size:var(--font-size-sm);padding:var(--space-2);background-color:#f9fafb;border-radius:var(--radius-md)}.admin-user-study-title{color:#374151}.admin-modal{background-color:white;border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);max-width:600px;width:100%;max-height:90vh;overflow:hidden;display:flex;flex-direction:column}.admin-modal-header{padding:var(--space-6);border-bottom:1px solid #e5e7eb}.admin-modal-title{font-size:var(--font-size-xl);font-weight:600;color:#111827;margin:0}.admin-modal-description{font-size:var(--font-size-sm);color:#6b7280;margin:var(--space-2) 0 0 0}.admin-modal-content{padding:var(--space-6);overflow-y:auto;flex:1 1}.admin-modal-footer{padding:var(--space-6);border-top:1px solid #e5e7eb;display:flex;justify-content:flex-end;gap:var(--space-3)}.admin-empty-state{text-align:center;padding:var(--space-12) var(--space-4)}.admin-empty-state-icon{width:64px;height:64px;margin:0 auto var(--space-4);color:#9ca3af}.admin-empty-state-title{font-size:var(--font-size-lg);font-weight:600;color:#374151;margin-bottom:var(--space-2)}.admin-empty-state-description{font-size:var(--font-size-sm);color:#6b7280;margin-bottom:var(--space-4);max-width:448px;margin-left:auto;margin-right:auto}.editUserModalHeader{display:flex;justify-content:space-between;align-items:flex-start}.editUserModalHeaderLeft{display:flex;align-items:center;gap:var(--space-2)}.editUserModalIcon{height:20px;width:20px;color:#3b82f6}.editUserModalSection{margin-bottom:var(--space-6)}.editUserModalSectionTitle{font-size:var(--font-size-sm);font-weight:600;color:#374151;margin-bottom:var(--space-3);display:flex;align-items:center;gap:var(--space-2)}.editUserModalRequiredAsterisk{color:#ef4444}.editUserModalHint{color:#6b7280}.editUserModalHint,.editUserModalHintWarning{font-size:var(--font-size-xs);margin-top:var(--space-1)}.editUserModalHintWarning{color:#f59e0b}.editUserModalHintDanger{font-size:var(--font-size-xs);color:#ef4444;margin-top:var(--space-1)}.editUserModalChurchDropdown{position:absolute;top:100%;left:0;right:0;margin-top:var(--space-1);background-color:white;border:1px solid #e5e7eb;border-radius:var(--radius-md);box-shadow:0 4px 6px -1px rgba(0,0,0,.1);max-height:200px;overflow-y:auto;z-index:50}.editUserModalChurchOption{padding:var(--space-2) var(--space-3);cursor:pointer;border-bottom:1px solid #f3f4f6;transition:background-color .15s}.editUserModalChurchOption:hover{background-color:#f9fafb}.editUserModalChurchOptionName{font-weight:500;color:#111827}.editUserModalChurchOptionLocation{font-size:var(--font-size-xs);color:#6b7280;margin-top:2px}.editUserModalMembershipCard{display:flex;justify-content:space-between;align-items:center;padding:var(--space-3);background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:var(--radius-md)}.editUserModalMembershipInfo{display:flex;flex-direction:column;gap:var(--space-1)}.editUserModalMembershipChurchName{font-weight:500;color:#111827}.editUserModalMembershipRole{font-size:var(--font-size-xs);color:#6b7280}.editUserModalMembershipRoleValue{font-weight:500;color:#16a34a}.editUserModalRemoveBtn{background-color:#fee2e2;border-color:#ef4444;color:#dc2626;display:flex;align-items:center;gap:var(--space-1)}.editUserModalStudyCard{border:1px solid #e5e7eb;border-radius:var(--radius-md);overflow:hidden}.editUserModalStudyHeader{display:flex;justify-content:space-between;align-items:center;padding:var(--space-3);background-color:#f9fafb;cursor:pointer}.editUserModalStudyHeader--expanded{background-color:#f3f4f6}.editUserModalStudyHeaderLeft{display:flex;align-items:center;gap:var(--space-2);flex:1 1}.editUserModalStudyInfo{flex:1 1}.editUserModalStudyTitle{font-weight:500;color:#111827}.editUserModalStudyProgress{font-size:var(--font-size-xs);color:#6b7280}.editUserModalStudyHeaderRight{display:flex;align-items:center;gap:var(--space-2)}.editUserModalUnenrollBtn{background-color:#fee2e2;border-color:#ef4444;color:#dc2626;display:flex;align-items:center;gap:var(--space-1);padding:4px 8px}.editUserModalDayProgressSection{padding:var(--space-3);border-top:1px solid #e5e7eb;background-color:white}.editUserModalDayProgressTitle{font-size:var(--font-size-sm);font-weight:500;margin-bottom:var(--space-2);color:#374151}.editUserModalDayProgressGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:var(--space-2)}.editUserModalDayCard{display:flex;justify-content:space-between;align-items:center;padding:var(--space-2);border-radius:var(--radius-sm);border:1px solid #e5e7eb;background-color:#f9fafb}.editUserModalDayCard--completed{background-color:#dcfce7;border-color:#86efac}.editUserModalDayLabel{font-size:var(--font-size-sm);color:#6b7280}.editUserModalDayLabel--completed{color:#16a34a}.editUserModalResetDayBtn{background-color:#fef3c7;border-color:#f59e0b;color:#b45309;padding:2px 6px;font-size:var(--font-size-xs)}.editUserModalRolesContainer{display:flex;flex-direction:column;gap:var(--space-2)}.editUserModalIconSmall{height:16px;width:16px}.editUserModalIconTiny{height:14px;width:14px}.editUserModalIconMicro{height:12px;width:12px}.editUserModalIconNano{height:10px;width:10px}.editUserModalFlexRow{display:flex;align-items:center;gap:var(--space-2)}.editUserModalFlexColumn{display:flex;flex-direction:column;gap:var(--space-2)}.editUserModalCloseBtn{margin-top:-4px}.notificationBellContainer{position:relative;display:inline-block}.notificationBellButton{position:relative;display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:transparent;border:none;border-radius:var(--radius-lg);cursor:pointer;transition:background-color .2s ease}.notificationBellButton:hover{background-color:rgba(0,0,0,.05)}.notificationBellButton:focus{outline:2px solid #f59e0b;outline-offset:2px}.notificationBellButtonActive .notificationBellIcon{color:#f59e0b}.notificationBellIcon{width:20px;height:20px;color:#6b7280;transition:color .2s ease}.notificationBellBadge{position:absolute;top:4px;right:4px;background-color:#ef4444;color:white;font-size:10px;font-weight:600;min-width:16px;height:16px;padding:0 4px;border-radius:9999px;display:flex;align-items:center;justify-content:center;line-height:1}.notificationDropdown{position:fixed;top:70px;right:80px;width:384px;max-width:90vw;background-color:white;border-radius:var(--radius-xl);box-shadow:0 10px 25px rgba(0,0,0,.15);border:1px solid #e5e7eb;z-index:1100;overflow:hidden}.notificationDropdownHeader{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-5);border-bottom:1px solid #e5e7eb}.notificationDropdownHeaderActions{display:flex;align-items:center;gap:var(--space-2)}.notificationDropdownCloseBtn{display:none;align-items:center;justify-content:center;width:32px;height:32px;background:none;border:none;cursor:pointer;border-radius:var(--radius-md);color:#6b7280;transition:background-color .2s ease,color .2s ease}.notificationDropdownCloseBtn:hover{background-color:#f3f4f6;color:#374151}@media (max-width:640px){.notificationDropdownCloseBtn{display:flex}}.notificationDropdownTitle{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}.notificationDropdownMarkAllBtn{font-size:var(--font-size-sm);color:#f59e0b;background:none;border:none;cursor:pointer;padding:var(--space-2);border-radius:var(--radius-md);transition:background-color .2s ease}.notificationDropdownMarkAllBtn:hover{background-color:rgba(245,158,11,.1)}.notificationDropdownMarkAllBtn:disabled{opacity:.5;cursor:not-allowed}.notificationDropdownList{max-height:480px;overflow-y:auto}.notificationDropdownEmpty{padding:var(--space-6) var(--space-4);text-align:center}.notificationDropdownEmpty .emptyStateIcon{font-size:var(--font-size-2xl);margin-bottom:var(--space-2)}.notificationDropdownEmpty .emptyStateTitle{font-size:var(--font-size-sm);font-weight:600;margin-bottom:var(--space-1)}.notificationDropdownEmpty .emptyStateDescription{font-size:var(--font-size-xs);color:var(--color-text-secondary);margin-bottom:0}.notificationDropdownLoading{padding:var(--space-4)}.skeletonNotificationItem{height:72px;margin-bottom:var(--space-2);border-radius:var(--radius-md)}.notificationDropdownFooter{padding:var(--space-3) var(--space-5);border-top:1px solid #e5e7eb;text-align:center}.notificationDropdownViewAllLink{font-size:var(--font-size-sm);font-weight:500;color:#f59e0b;text-decoration:none;transition:color .2s ease}.notificationDropdownViewAllLink:hover{color:#d97706}@media (max-width:640px){.notificationDropdown{position:fixed;top:0;left:0;right:0;bottom:0;width:100vw;max-width:100vw;height:100vh;height:100dvh;border-radius:0;z-index:9999;display:flex;flex-direction:column}.notificationDropdownList{flex:1 1;max-height:none}.notificationDropdownHeader{padding:var(--space-4) var(--space-5);padding-top:calc(var(--space-4) + env(safe-area-inset-top, 0px))}.notificationDropdownFooter{padding-bottom:calc(var(--space-3) + env(safe-area-inset-bottom, 0px))}}.notificationItem{display:flex;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-bottom:1px solid #f3f4f6;cursor:pointer;transition:background-color .2s ease;background-color:white}.notificationItem:last-child{border-bottom:none}.notificationItem:hover{background-color:#f9fafb}.notificationItem:focus{outline:2px solid #f59e0b;outline-offset:-2px}.notificationItemUnread{background-color:#fef3c7}.notificationItemUnread:hover{background-color:#fde68a}.notificationItemAvatar{flex-shrink:0;width:40px;height:40px;border-radius:9999px;overflow:hidden}.notificationItemAvatarImage{width:100%;height:100%;object-fit:cover}.notificationItemAvatarPlaceholder{background-color:#f59e0b;color:white;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.notificationItemAvatarPlaceholder,.notificationItemIcon{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.notificationItemIcon{background-color:#fef3c7;font-size:20px}.notificationItemContent{flex:1 1;min-width:0}.notificationItemHeader{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-1)}.notificationItemTitle{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);flex:1 1}.notificationItemUnreadDot{width:8px;height:8px;background-color:#f59e0b;border-radius:9999px;flex-shrink:0}.notificationItemBody{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0 0 var(--space-2) 0;line-height:1.4;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.notificationItemTime{font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.admin-loading{display:flex;align-items:center;justify-content:center;padding:var(--space-8)}.admin-loading-spinner{width:32px;height:32px;border:3px solid #e5e7eb;border-top-color:#16a34a;border-radius:50%;animation:spin 1s linear infinite}.admin-grid-2{display:grid;grid-template-columns:1fr;gap:var(--space-6)}@media (min-width:768px){.admin-grid-2{grid-template-columns:repeat(2,1fr)}}.admin-grid-3{display:grid;grid-template-columns:1fr;gap:var(--space-6)}@media (min-width:768px){.admin-grid-3{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.admin-grid-3{grid-template-columns:repeat(3,1fr)}}.admin-alert{padding:var(--space-4);border-radius:var(--radius-lg);border:2px solid;margin-bottom:var(--space-4);display:flex;gap:var(--space-3)}.admin-alert-success{background-color:#f0fdf4;border-color:#bbf7d0;color:#166534}.admin-alert-warning{background-color:#fffbeb;border-color:#fde68a;color:#92400e}.admin-alert-danger{background-color:#fef2f2;border-color:#fecaca;color:#991b1b}.admin-alert-info{background-color:#eff6ff;border-color:#bfdbfe;color:#1e40af}.admin-alert-icon{flex-shrink:0}.admin-alert-content{flex:1 1}.admin-alert-title{font-weight:600;margin-bottom:var(--space-1)}.admin-alert-description{font-size:var(--font-size-sm)}.admin-filters{display:flex;gap:var(--space-3);align-items:center;flex-wrap:wrap;margin-bottom:var(--space-6);padding:var(--space-4);background-color:#f9fafb;border-radius:var(--radius-lg)}.admin-filter-group{display:flex;flex-direction:column;gap:var(--space-1)}.admin-filter-label{font-size:var(--font-size-xs);color:#6b7280;font-weight:500}.admin-tabs{width:100%}.admin-tabs-list{display:flex;gap:var(--space-2);border-bottom:2px solid #e5e7eb;margin-bottom:var(--space-4)}.admin-tabs-trigger{padding:var(--space-2) var(--space-4);font-size:var(--font-size-sm);font-weight:500;color:#6b7280;background:none;border:none;border-bottom:2px solid transparent;cursor:pointer;transition:all var(--transition-base);position:relative;bottom:-2px}.admin-tabs-trigger.active,.admin-tabs-trigger:hover{color:#16a34a;background-color:#f0fdf4}.admin-tabs-trigger.active{border-bottom-color:#16a34a}.admin-tabs-content{padding:var(--space-4) 0}.studyDayHeader{margin-bottom:var(--space-6)}.studyDayBreadcrumb{margin-bottom:var(--space-4)}.studyDayHeaderCard{box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05)}.studyDayCardContent{padding:var(--space-3) var(--space-6)}.studyDayBadgeContainer{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-2)}.studyDayTitle{font-size:var(--font-size-xl);font-weight:700;color:#15803d;margin:0 0 var(--space-3) 0}.studyDayNavButtons{display:flex;align-items:center;gap:var(--space-2)}.studyDayNavButton{padding:.5rem;background:transparent;border:1px solid #e5e7eb;border-radius:.375rem;cursor:pointer;color:#6b7280;transition:all .2s;display:flex;align-items:center;justify-content:center}.studyDayNavButton:hover:not(:disabled){background:#f3f4f6;color:#374151;border-color:#d1d5db}.studyDayNavButton:disabled{opacity:.4;cursor:not-allowed}.studyDayProgressSection{padding:0 var(--space-6) var(--space-6)}.progressHeader{display:flex;align-items:center;justify-content:space-between;font-size:var(--font-size-sm);color:#6b7280;margin-bottom:var(--space-2)}.progressBarWrapper{background-color:#f9fafb;border-radius:var(--radius-lg);border:1px solid #e5e7eb;box-shadow:0 1px 2px 0 rgba(0,0,0,.05);padding:var(--space-3)}.progressLabels{display:flex;align-items:center;justify-content:space-between;font-size:var(--font-size-xs);color:#6b7280;margin-bottom:var(--space-2)}.progressTrack{width:100%;background:#e5e7eb}.progressFill,.progressTrack{border-radius:var(--radius-full);height:12px}.progressFill{background-color:#15803d;transition:width .3s ease-in-out}.forumHeroStatCard{background-color:rgba(255,255,255,.1);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:var(--radius-lg);padding:var(--space-6) var(--space-6) var(--space-4);border:1px solid rgba(255,255,255,.2)}.forumStatValue{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:white}.forumStatLabel{color:#a7f3d0;font-size:var(--font-size-sm)}.forumCard{background-color:rgba(255,255,255,.9);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:var(--shadow-lg);border:1px solid #bbf7d0}.forumHeader{background:linear-gradient(90deg,#f0fdf4,#d1fae5);border-bottom:1px solid #bbf7d0;padding:var(--space-6)}.forumHeaderTitle{display:flex;align-items:center;color:#15803d;font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-3)}.forumHeaderDescription{color:#059669}.forumDayTitle{font-weight:500;display:block;margin-bottom:var(--space-2)}.forumStats{gap:var(--space-4);font-size:var(--font-size-sm);color:#059669;margin-top:var(--space-2)}.forumStatItem,.forumStats{display:flex;align-items:center}.forumStatItem{gap:var(--space-1)}.reflectionCard{background:linear-gradient(90deg,#f9fafb,#dbeafe);border-radius:var(--radius-lg);padding:var(--space-4);border:1px solid #e5e7eb}.reflectionWrapper{display:flex;align-items:flex-start;gap:var(--space-3)}.reflectionAvatar{width:40px;height:40px;background:linear-gradient(to bottom right,#4ade80,#10b981);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.reflectionContent{flex:1 1}.reflectionMeta{gap:var(--space-2);margin-bottom:var(--space-2)}.reflectionAuthor{font-weight:500;color:#1f2937}.reflectionDate{font-size:var(--font-size-xs);color:#6b7280}.reflectionText{color:#374151;line-height:var(--line-height-relaxed)}.questionBadge{background-color:#f0fdf4;color:#15803d;border:1px solid #86efac}.forumSection{padding:var(--space-6)}.forumSectionDivider{border-bottom:1px solid #f3f4f6}.forumQuestionContainer{margin-bottom:var(--space-6)}.forumQuestionHeader{display:flex;align-items:flex-start;gap:var(--space-3);margin-bottom:var(--space-4)}.forumQuestionTitle{font-size:var(--font-size-lg);font-weight:600;color:#1f2937;margin-bottom:var(--space-4)}.reflectionsList{gap:var(--space-4)}.adminContainer{padding-top:6rem;padding-bottom:2rem}.adminSectionHeader{padding-top:0;margin-bottom:var(--space-4)}.adminSectionTitle{font-size:var(--font-size-3xl);font-weight:700;color:#15803d}.adminSectionDescription{color:#6b7280}.adminHeaderWithIcon{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4)}.adminHeaderTitle{font-size:var(--font-size-3xl);font-weight:700;color:#15803d;margin-bottom:var(--space-1)}.adminHeaderSubtitle{color:#6b7280}.adminRolesContainer{display:flex;align-items:center;gap:var(--space-2)}.adminRolesLabel{color:#6b7280}.adminBadge,.adminRolesLabel{font-size:var(--font-size-sm)}.adminBadge{display:inline-block;padding:4px 12px;border-radius:var(--radius-full);font-weight:var(--font-weight-medium)}.adminBadgeSuccess{background-color:#dcfce7;color:#166534}.adminBadgeNeutral{background-color:#f3f4f6;color:#374151}.adminSectionsGrid{display:grid;gap:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.adminSectionCard{cursor:pointer;transition:all .2s;border:2px solid #fbbf24;display:flex;flex-direction:column;padding:0}.adminSectionCard:hover{transform:scale(1.05);box-shadow:0 10px 15px -3px rgba(0,0,0,.1);border-color:#f59e0b}.adminCardHeaderCentered{text-align:center;padding-bottom:var(--space-4)}.adminIconCircle{margin:0 auto var(--space-4);display:flex;height:64px;width:64px;align-items:center;justify-content:center;border-radius:9999px;background:linear-gradient(to bottom right,#dcfce7,#fef3c7)}.adminCardTitleLarge{font-size:var(--font-size-xl);color:#15803d}.adminCardDescriptionCentered{text-align:center}.adminCardContentNoPadding{padding-top:0}.adminCardHeader{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);padding:var(--space-6);text-align:center;flex:1 1}.adminCardTitle{font-size:var(--font-size-xl);font-weight:600;color:#15803d;margin:0}.adminCardDescription{font-size:var(--font-size-sm);color:#6b7280;margin:0;line-height:var(--line-height-relaxed)}.adminCardFooter{padding:var(--space-4);border-top:1px solid #fef3c7;background-color:rgba(254,252,232,.3)}.adminInfoBanner{margin-top:var(--space-8);background-color:#eff6ff;border-color:#bfdbfe}.adminInfoBannerContent{color:#1e40af;font-size:var(--font-size-sm);text-align:center}.adminInfoBannerLink{text-decoration:underline;font-weight:600}.adminAccessDeniedCard{max-width:28rem;margin:0 auto}.adminAccessDeniedTitle{display:flex;align-items:center;gap:var(--space-2);color:#dc2626}.adminLoadingSpinner{height:48px;width:48px;margin:0 auto var(--space-4)}.adminLoadingSpinnerSmall{height:32px;width:32px;margin:0 auto var(--space-4)}.adminLoadingSection{padding:var(--space-12) 0}.adminLoadingSectionInline{margin-right:var(--space-3)}.adminButtonFullWidth{width:100%}.adminTabs{margin-bottom:var(--space-6);border-bottom:1px solid #e5e7eb;padding-bottom:var(--space-2);flex-wrap:wrap}.adminTab,.adminTabs{display:flex;gap:var(--space-2)}.adminTab{align-items:center;padding:var(--space-2) var(--space-4);border:none;background:none;color:#6b7280;cursor:pointer;font-size:var(--font-size-sm);font-weight:500;border-radius:var(--radius-lg);transition:all .2s}.adminTab:hover{background-color:#f3f4f6;color:#374151}.adminTabActive{background-color:#dcfce7;color:#166534}.adminTabBadge{background-color:#15803d;color:white;font-size:var(--font-size-xs);padding:2px 8px;border-radius:var(--radius-full)}.adminReportsList{display:flex;flex-direction:column;gap:var(--space-4)}.adminReportCard{background:white;border:1px solid #e5e7eb;border-radius:var(--radius-lg);padding:var(--space-4);box-shadow:0 1px 2px rgba(0,0,0,.05)}.adminReportHeader{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-3)}.adminReportReason{display:flex;align-items:center;gap:var(--space-2)}.adminReportReasonBadge{display:inline-flex;align-items:center;padding:4px 12px;border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:500}.adminReportReason-spam,.adminReportReasonBadge{background-color:#fef3c7;color:#92400e}.adminReportReason-harassment{background-color:#fee2e2;color:#991b1b}.adminReportReason-hate_speech{background-color:#fce7f3;color:#9d174d}.adminReportReason-violence{background-color:#fee2e2;color:#991b1b}.adminReportReason-nudity{background-color:#fce7f3;color:#9d174d}.adminReportReason-user_blocked{background-color:#dbeafe;color:#1e40af}.adminReportReason-other{background-color:#f3f4f6;color:#374151}.adminReportDate{color:#9ca3af;font-size:var(--font-size-sm)}.adminReportActionBadge{padding:4px 12px;border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:500;background-color:#dcfce7;color:#166534}.adminReportContent{margin-bottom:var(--space-4)}.adminReportContentBody{background-color:#f9fafb;padding:var(--space-3);border-radius:var(--radius-md);margin-bottom:var(--space-2)}.adminReportContentBody p{margin:0;color:#374151;line-height:1.5}.adminReportDetails{font-style:italic}.adminReportDetails,.adminReportMeta{font-size:var(--font-size-sm);color:#6b7280}.adminReportMeta{display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-4)}.adminReportUser{display:flex;align-items:center;gap:var(--space-2)}.adminReportEmail{color:#9ca3af}.adminReportActions{display:flex;gap:var(--space-2);flex-wrap:wrap;padding-top:var(--space-3);border-top:1px solid #e5e7eb}.adminReportActions .btn{display:inline-flex;align-items:center;gap:var(--space-2)}.btn-warning{background-color:#f59e0b;color:white}.btn-warning:hover{background-color:#d97706}.btn-danger{background-color:#ef4444;color:white}.btn-danger:hover{background-color:#dc2626}.adminReportReviewed{font-size:var(--font-size-sm);color:#6b7280;padding-top:var(--space-3);border-top:1px solid #e5e7eb;margin-top:var(--space-3)}.adminEmptyState,.adminErrorState,.adminLoadingState{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-12);text-align:center;color:#6b7280}.adminEmptyIcon,.adminErrorIcon,.adminLoadingIcon{width:48px;height:48px;margin-bottom:var(--space-4)}.adminEmptyIcon{color:#22c55e}.adminErrorIcon{color:#ef4444}.adminEmptySubtext{font-size:var(--font-size-sm);color:#9ca3af;margin-top:var(--space-2)}.spin{animation:spin 1s linear infinite}.groupDiscussionHeader{margin-bottom:var(--space-8)}.groupDiscussionTitle{font-size:var(--font-size-3xl);margin-bottom:var(--space-2)}.groupDiscussionSubtitle{color:#6b7280}.studyOverviewCard{margin-bottom:var(--space-6);background:linear-gradient(to bottom right,#ffffff,#f0fdf4);border-color:#86efac}.studyOverviewTitle{display:flex;align-items:center;color:#166534}.studyOverviewDescription{color:#6b7280;margin-bottom:var(--space-2)}.studyOverviewStats{gap:var(--space-4);font-size:var(--font-size-sm);color:#6b7280}.studyOverviewStatItem,.studyOverviewStats{display:flex;align-items:center}.studyOverviewBadge{background-color:#d1fae5;color:#166534}.instructionInfoCard{margin-bottom:var(--space-6);background:linear-gradient(to bottom right,#eff6ff,#dbeafe);border-color:#93c5fd}.instructionInfoCardContent{padding-top:var(--space-4);padding-bottom:var(--space-4)}.instructionInfoCardInner{display:flex;align-items:center;gap:var(--space-3)}.instructionInfoCardIconWrapper{flex-shrink:0}.instructionInfoCardTitle{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:#1e3a8a;margin-bottom:var(--space-1)}.instructionInfoCardDescription{font-size:var(--font-size-xs);color:#1d4ed8}.daySelectionGrid{gap:var(--space-4);margin-bottom:var(--space-8)}.daySelectionCard{cursor:pointer;transition:all .2s}.daySelectionCardDefault{background:linear-gradient(to bottom right,#ffffff,#fffbeb);border-color:#fcd34d}.daySelectionCardSelected{background:linear-gradient(to bottom right,#d1fae5,#a7f3d0);border-color:#86efac}.daySelectionCardHeader{padding-bottom:var(--space-3)}.daySelectionCardTitle{font-size:var(--font-size-lg);color:#166534}.daySelectionCardSubtitle{font-size:var(--font-size-sm);color:#6b7280}.daySelectionCardContent{display:flex;align-items:center;justify-content:space-between;font-size:var(--font-size-sm)}.daySelectionCardStatLeft{display:flex;align-items:center;color:#6b7280}.daySelectionCardStatRight{display:flex;align-items:center;color:#d97706}.discussionArea,.noCompletedDaysCard{margin-top:var(--space-8)}.noCompletedDaysCard{background:linear-gradient(to bottom right,#ffffff,#eff6ff);border-color:#93c5fd}.noCompletedDaysCardContent{padding-top:var(--space-6)}.noCompletedDaysCardInner{text-align:center;padding:var(--space-12) 0;color:#6b7280}.noCompletedDaysCardTitle{font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);margin-bottom:var(--space-2)}.noCompletedDaysCardDescription{font-size:var(--font-size-sm);margin-bottom:var(--space-4)}.noCompletedDaysCardButton{background-color:#16a34a;color:white;margin-top:var(--space-4)}.underConstructionHero{background:linear-gradient(135deg,#15803d,#14532d);padding:var(--space-20) var(--space-4);color:white;position:relative;overflow:hidden}.underConstructionHeroOverlay{position:absolute;inset:0;background-color:rgba(0,0,0,.3);z-index:0}.underConstructionHeroContainer{max-width:1280px;margin:0 auto;text-align:center;position:relative;z-index:10}.underConstructionIconContainer{display:flex;justify-content:center;margin-bottom:var(--space-8);position:relative}.underConstructionHeartIcon{position:absolute;top:-8px;right:-8px}.underConstructionTitle{font-size:clamp(2.5rem,5vw,4.5rem);margin-bottom:var(--space-6)}.underConstructionSubtitle{font-size:clamp(1.125rem,2vw,1.5rem);color:rgba(255,255,255,.9);max-width:768px;margin:0 auto var(--space-8)}.comingSoonBadge{display:inline-flex;align-items:center;gap:var(--space-2);background-color:rgba(255,255,255,.1);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:var(--radius-full);padding:var(--space-3) var(--space-6)}.underConstructionContent{max-width:1024px;margin:0 auto;padding:var(--space-16) var(--space-4)}.whatWereBuildingCard{background-color:white;border-radius:var(--radius-2xl);border:2px solid #fef3c7;padding:var(--space-8);box-shadow:0 10px 15px -3px rgba(0,0,0,.1);margin-bottom:var(--space-12)}.whatWereBuildingHeader{text-align:center;margin-bottom:var(--space-8)}.whatWereBuildingTitle{font-size:var(--font-size-3xl);font-weight:700;margin-bottom:var(--space-4);background:linear-gradient(90deg,#15803d,#16a34a);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.whatWereBuildingDescription{font-size:var(--font-size-lg);color:#6b7280;max-width:672px;margin:0 auto}.underConstructionFeaturesGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-6)}.underConstructionFeatureCard{text-align:center;padding:var(--space-6);background-color:rgba(255,255,255,.5);border-radius:var(--radius-xl);border:1px solid #f3f4f6}.underConstructionFeatureIcon{height:48px;width:48px;color:#16a34a;margin:0 auto var(--space-4)}.underConstructionFeatureTitle{font-size:var(--font-size-xl);font-weight:600;color:#15803d;margin-bottom:var(--space-2)}.underConstructionFeatureDescription{color:#6b7280}.scriptureEncouragementSection{text-align:center;margin-bottom:var(--space-12)}.scriptureEncouragementCard{background:linear-gradient(90deg,rgba(22,163,74,.1),rgba(251,191,36,.1));border-radius:var(--radius-2xl);padding:var(--space-8);border:2px solid #d1fae5}.scriptureQuote{font-size:clamp(1.5rem,3vw,1.875rem);font-weight:300;color:#374151;margin-bottom:var(--space-4);font-style:italic}.scriptureCitation{color:#15803d;font-weight:600;font-style:normal}.newsletterSection{background-color:white;background:linear-gradient(to bottom right,#f0fdf4,#fef9e7);border-radius:var(--radius-2xl);border:2px solid #d1fae5;padding:var(--space-8);text-align:center;box-shadow:0 10px 15px -3px rgba(0,0,0,.1)}.newsletterTitle{font-size:var(--font-size-2xl);font-weight:700;color:#15803d;margin-bottom:var(--space-4)}.newsletterDescription{color:#6b7280;max-width:576px;margin:0 auto var(--space-6)}.newsletterForm{display:flex;flex-direction:column;gap:var(--space-4);max-width:448px;margin:0 auto var(--space-6)}.newsletterInput{width:100%;padding:var(--space-3);border-radius:var(--radius-lg);border:2px solid #d1fae5;font-size:var(--font-size-base);transition:all var(--transition-base)}.newsletterInput:focus{border-color:#16a34a;outline:none}.newsletterButton{display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);background-color:#16a34a;color:white;font-size:var(--font-size-base);font-weight:600;border-radius:var(--radius-lg);border:none;cursor:pointer;transition:all var(--transition-base);width:100%}.newsletterButton:hover:not(:disabled){background-color:#15803d}.newsletterButton:disabled{background-color:#9ca3af;cursor:not-allowed}.newsletterDisclaimer{font-size:var(--font-size-sm);color:#6b7280}.backToHomeSection{text-align:center;margin-top:var(--space-12)}.backToHomeButton{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);border:2px solid #d1fae5;border-radius:var(--radius-lg);background-color:white;color:#15803d;font-size:var(--font-size-base);font-weight:600;cursor:pointer;transition:all var(--transition-base);text-decoration:none}.backToHomeButton:hover{background-color:#f0fdf4}.timeBasedAccessContainer{max-width:896px;margin:0 auto}.breadcrumbWithSpacing{margin-bottom:var(--space-6)}.breadcrumbLink{color:#15803d;text-decoration:none}.breadcrumbLink:hover{color:#166534}.breadcrumbCurrent{color:#111827;font-weight:500}.dayNotAvailableContent{padding:var(--space-6);text-align:center}.dayNotAvailableIcon{margin:0 auto var(--space-4);display:inline-block}.dayNotAvailableTitle{font-size:var(--font-size-xl);font-weight:700;color:#15803d;margin:0;margin-bottom:var(--space-2)}.dayNotAvailableDescription{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0;margin-bottom:var(--space-4)}.dayTimingDetails{padding:0 var(--space-6) var(--space-6);text-align:center}.previousDayUnlockMessage{font-size:var(--font-size-sm);color:#6b7280}.timeAvailabilityNotice{font-size:var(--font-size-xs);color:#6b7280;background-color:#fefce8;padding:var(--space-3);border-radius:var(--radius-lg);border:1px solid #fde68a}.completedDaysSection{display:flex;flex-direction:column;gap:var(--space-4)}.completedDaysTitle{font-size:var(--font-size-xl);font-weight:600;color:#15803d;display:flex;align-items:center;gap:var(--space-2);margin:0}.completedDaysGrid{display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.completedDayCard{transition:all var(--transition-base);cursor:pointer}.completedDayCard:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px rgba(0,0,0,.1)}.dayCardHeaderFlex{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-2)}.dayNumberTitle{font-size:var(--font-size-lg);margin:0}.completedBadge{background-color:#dcfce7;color:#166534;display:inline-flex;align-items:center;gap:var(--space-1);padding:4px 8px;border-radius:var(--radius-md);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold)}.dayDescription{font-size:var(--font-size-sm);color:#6b7280;margin:0}.continueButtonContainer{display:flex;justify-content:flex-end;margin-top:var(--space-8)}.btn.continueButton{background-color:#16a34a;color:white;display:flex;align-items:center;gap:var(--space-2);padding:var(--space-4) var(--space-8);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}.continueButton:hover{background-color:#15803d}.decorativeDivider{display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-4)}.dividerLineLeft{flex:1 1;height:1px;background:linear-gradient(90deg,transparent,#fcd34d,transparent)}.dividerIcon{margin:0 var(--space-4);color:#f59e0b}.dividerLineRight{flex:1 1;height:1px;background:linear-gradient(90deg,transparent,#fcd34d,transparent)}.decorativeDividerBottom{display:flex;align-items:center;justify-content:center;margin-top:var(--space-4)}.dividerDot{width:8px;height:8px;background-color:#f59e0b;border-radius:50%}.papyrusContainer{background-color:#fef9e7;border:3px solid #d4a574;border-radius:var(--radius-2xl);padding:var(--space-6) var(--space-4);box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06),inset 0 2px 4px 0 rgba(212,165,116,.1);background:linear-gradient(180deg,#fef9e7 0,#fef3c7);position:relative;text-align:center}.papyrusContainer,.papyrusContainer *{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}.papyrusHeader{margin-bottom:var(--space-4)}.papyrusTitle{font-size:var(--font-size-lg);font-weight:600;color:#15803d;margin:0;margin-bottom:var(--space-2)}.papyrusSubtitle,.papyrusTitle{font-family:var(--font-primary)}.papyrusSubtitle{color:#6b7280;font-size:var(--font-size-sm);margin:0}.studyOfTheDayCard{background-color:rgba(255,255,255,.9);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:none;box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05)}.studyOfTheDayTitle{text-align:center;font-size:var(--font-size-2xl);font-weight:700;color:#15803d;margin:0;padding:var(--space-6);padding-bottom:var(--space-4)}.studyOfTheDayContent{padding:0 var(--space-6) var(--space-6)}.magazineLayout{position:relative;text-align:justify;line-height:1.8;-webkit-hyphens:auto;hyphens:auto;overflow:hidden}.magazineLayout img{shape-outside:margin-box;shape-margin:.75rem}.magazineLayout p{margin-bottom:.875rem;text-indent:1.5em}.magazineLayout p:first-child{text-indent:0;margin-top:0}.magazineLayout .scene-image-container,.magazineLayout .sceneImageContainer{position:relative;max-width:50%;width:520px;aspect-ratio:1792/1024;margin:0 0 1rem 1.5rem!important;float:right!important}.magazineLayout .scene-image-container .sceneImage,.magazineLayout .scene-image-container img,.magazineLayout .sceneImageContainer .sceneImage,.magazineLayout .sceneImageContainer img{object-fit:cover!important;object-position:center!important}@media (max-width:768px){.magazineLayout .scene-image-container,.magazineLayout .sceneImageContainer{position:relative;float:none!important;display:block;margin:0 0 1.5rem!important;aspect-ratio:1792/1024}.magazineLayout .scene-image-container .sceneImage,.magazineLayout .scene-image-container img,.magazineLayout .sceneImageContainer .sceneImage,.magazineLayout .sceneImageContainer img{object-fit:cover!important;object-position:center!important}.pageContainer>.container{padding-left:0;padding-right:0}.studyDayHeader{padding:0}.studyDayCardContent{padding:var(--space-2) var(--space-3)}.studyDayNavButtons{justify-content:center}.studyDayProgressSection{padding:0 var(--space-3) var(--space-3)}.studyDayBreadcrumb{padding:0 var(--space-3)}.header{padding:var(--space-3)}.tabsContainer{padding:0}.studyDayTabs{padding:0 var(--space-3) var(--space-2)}.card.frostGlassCard{padding:0;border-radius:0;margin:0}.papyrusContainer{padding:var(--space-3);border-radius:var(--radius-xl);margin:0 var(--space-2)}.papyrusHeader{padding:0 0 var(--space-2) 0}.papyrusTitle{font-size:var(--font-size-lg)}.papyrusSubtitle{font-size:var(--font-size-xs)}.card.studyOfTheDayCard{border-radius:0!important;margin:0!important;margin-top:calc(-1 * var(--space-4))!important;padding:0!important}.studyOfTheDayTitle{padding:var(--space-2) var(--space-3)!important;font-size:var(--font-size-xl)}.studyOfTheDayContent{padding:0 var(--space-3) var(--space-3)!important}.magazineLayout{padding:0!important;margin:0!important}.magazineLayout .scene-image-container,.magazineLayout .sceneImageContainer{width:100%!important;max-width:100%!important;margin:0 calc(-1 * var(--space-3)) var(--space-3) calc(-1 * var(--space-3))!important;width:calc(100% + var(--space-3) * 2)!important;border-radius:0!important}.magazineLayout p,.studyOfTheDayContent .rich-text-editor-content,.studyOfTheDayContent .rich-text-editor-content p,.studyOfTheDayContent p{text-indent:0!important;margin-left:0!important;margin-right:0!important;padding-left:0!important;padding-right:0!important}.study-content-card{padding:var(--space-3);border-radius:0;margin:0}.decorativeDivider,.decorativeDividerBottom{margin:var(--space-2) var(--space-3)}.study-content-card:has(.videoPlayerContainer){padding:0;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none}.videoPlayerContainer{max-width:100%;border-radius:0;width:100vw;margin-left:calc(-50vw + 50%);background:#000}.videoPlayerContainerVertical{max-width:100vw;width:100vw;margin:0 0 0 calc(-50vw + 50%)}.videoPlayerVertical{height:calc(100vh - 180px);max-height:calc(100vh - 180px);width:100%;object-fit:contain}.videoPlayerMobileHorizontal{width:100%;height:auto}.videoPlayerContainerMobileHorizontal{width:100vw;margin-left:calc(-50vw + 50%)}.dividerIcon svg{height:18px;width:18px}.continueButtonContainer{padding:0 var(--space-3);justify-content:center;margin-top:var(--space-4)}.btn.continueButton{width:100%;max-width:300px;justify-content:center;padding:var(--space-4) var(--space-8);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}}.videoPlayerContainer{position:relative;width:100%;max-width:800px;margin:0 auto;background-color:#000;border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-lg)}.videoPlayer{width:100%;height:auto;display:block;aspect-ratio:16/9;background-color:#000}.videoPlayerContainerVertical{max-width:400px}.videoPlayerVertical{aspect-ratio:9/16;max-height:80vh;object-fit:contain}.videoPlayerContainerMobileHorizontal{width:100%;max-width:100%;margin:0 auto}.videoPlayerMobileHorizontal{width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;background-color:#000}.videoUploadContainer{border:2px dashed #d1d5db;border-radius:var(--radius-lg);padding:var(--space-6);text-align:center;background-color:#fafafa;transition:all var(--transition-base);cursor:pointer}.videoUploadContainer:hover{border-color:#16a34a;background-color:#f0fdf4}.videoUploadContainer.dragging{border-color:#16a34a;background-color:#dcfce7}.videoUploadIcon{width:48px;height:48px;color:#9ca3af;margin:0 auto var(--space-3)}.videoUploadContainer:hover .videoUploadIcon{color:#16a34a}.videoUploadText{color:#6b7280;font-size:var(--font-size-sm);margin-bottom:var(--space-2)}.videoUploadHint{color:#9ca3af;font-size:var(--font-size-xs)}.videoPreviewContainer{position:relative;margin-top:var(--space-4);border-radius:var(--radius-lg);overflow:hidden;background-color:#000}.videoPreviewContainer video{width:100%;height:auto;display:block;aspect-ratio:16/9}.videoPreviewOverlay{position:absolute;top:var(--space-2);right:var(--space-2);display:flex;gap:var(--space-2)}.videoPreviewRemoveBtn{background-color:rgba(220,38,38,.9);color:white;border:none;padding:var(--space-2);border-radius:var(--radius-md);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-base)}.videoPreviewRemoveBtn:hover{background-color:#dc2626}.videoUploadProgress{margin-top:var(--space-4)}.videoUploadProgressBar{width:100%;height:8px;background-color:#e5e7eb;border-radius:9999px;overflow:hidden}.videoUploadProgressFill{height:100%;background-color:#16a34a;transition:width .3s ease}.videoUploadProgressFillTranscoding{background-color:#f59e0b}.videoUploadProgressText{text-align:center;color:#6b7280;font-size:var(--font-size-sm);margin-top:var(--space-2)}.videoUploadElapsedTime{text-align:center;color:#9ca3af;font-size:var(--font-size-xs);margin-top:var(--space-1)}.videoInfoBox{margin-top:var(--space-3);padding:var(--space-3);background-color:#eff6ff;border-radius:var(--radius-md);display:flex;align-items:flex-start;gap:var(--space-2)}.videoInfoBox p{font-size:var(--font-size-sm);color:#1e40af;margin:0}.videoInfoBox svg{width:16px;height:16px;color:#3b82f6;flex-shrink:0;margin-top:2px}.rounded-lg{border-radius:var(--radius-lg)}.rounded{border-radius:var(--radius-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto}.relative{position:relative}.w-full{width:100%}.h-full{height:100%}.object-cover{object-fit:cover;object-position:center}.text-justify{text-align:justify}.leading-relaxed{line-height:1.75}.text-gray-700{color:#374151}.text-gray-600{color:#4b5563}.text-gray-500{color:#6b7280}.text-gray-400{color:#9ca3af}.text-gray-300{color:#d1d5db}.text-red-500{color:#ef4444}.text-red-600{color:#dc2626}.text-green-800{color:#166534}.text-green-600{color:#16a34a}.text-3xl{font-size:var(--font-size-3xl)}.text-2xl{font-size:var(--font-size-2xl)}.text-xl{font-size:var(--font-size-xl)}.text-lg{font-size:var(--font-size-lg)}.text-sm{font-size:var(--font-size-sm)}.text-xs{font-size:var(--font-size-xs)}.font-bold{font-weight:var(--font-weight-bold)}.font-semibold{font-weight:var(--font-weight-semibold)}.font-medium{font-weight:var(--font-weight-medium)}.items-center{align-items:center}.justify-center{justify-content:center}.space-x-4>*+*{margin-left:1rem}.space-x-2>*+*{margin-left:.5rem}.space-y-3>*+*{margin-top:.75rem}.grid{display:grid}.gap-6{gap:1.5rem}@media (min-width:768px){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1024px){.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}.mx-auto{margin-left:auto;margin-right:auto}.mb-8{margin-bottom:2rem}.mb-6{margin-bottom:1.5rem}.mb-4{margin-bottom:1rem}.mb-3{margin-bottom:.75rem}.mb-2{margin-bottom:.5rem}.mb-1{margin-bottom:.25rem}.mt-4{margin-top:1rem}.mt-12{margin-top:3rem}.mr-2{margin-right:.5rem}.mr-3{margin-right:.75rem}.mr-4{margin-right:1rem}.px-4{padding-left:1rem;padding-right:1rem}.py-8{padding-top:2rem;padding-bottom:2rem}.py-12{padding-top:3rem;padding-bottom:3rem}.pt-6{padding-top:1.5rem}.pt-24{padding-top:6rem}.pb-8{padding-bottom:2rem}.p-2{padding:.5rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-8{height:2rem}.h-10{height:2.5rem}.h-12{height:3rem}.h-16{height:4rem}.w-4{width:1rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-8{width:2rem}.w-10{width:2.5rem}.w-12{width:3rem}.w-16{width:4rem}.w-1\/2{width:50%}.w-1\/3{width:33.333333%}.w-2\/3{width:66.666667%}.w-3\/4{width:75%}.max-w-none{max-width:none}.max-w-md{max-width:28rem}.bg-gray-200{background-color:#e5e7eb}.bg-red-50{background-color:#fef2f2}.bg-gradient-to-br{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops))}.from-yellow-50{--tw-gradient-from:#fefce8;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.to-orange-50{--tw-gradient-to:#fff7ed}.border{border:1px solid var(--color-border)}.border-red-200{border-color:#fecaca}.border-amber-200{border-color:#fde68a}.fill-red-500{fill:#ef4444}.feedLayout{grid-template-columns:280px 1fr 320px;max-width:1440px}.feedLayout,.feedLayoutTwoColumn{display:grid;gap:var(--space-6);margin:0 auto;padding:var(--space-6)}.feedLayoutTwoColumn{grid-template-columns:320px 1fr;max-width:1600px}.feedLayoutSidebar{position:sticky;top:var(--space-20);height:fit-content;max-height:calc(100vh - var(--space-24));overflow-y:auto}.feedLayoutMain{min-height:60vh}.feedSidebar{position:sticky;top:var(--space-20);height:fit-content;max-height:calc(100vh - var(--space-24));overflow-y:auto}.feedMain{min-height:60vh}.feedRightSidebar{position:sticky;top:calc(60px + 2rem);height:fit-content;max-height:calc(100vh - 60px - 4rem - 4rem);overflow-y:auto;overflow-x:hidden}.churchLayoutContainer{display:grid;grid-template-columns:320px 1fr;min-height:calc(100vh - 80px);background:linear-gradient(to bottom right,#ffffff,#fffbf0 50%,#fef9e7)}.churchSidebarFixed{position:sticky;top:80px;align-self:start;max-height:calc(100vh - 80px);background:rgba(255,255,255,.7);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);overflow-y:auto;padding-bottom:var(--space-8)}.churchSidebarFixed .feedSidebar{position:static;top:auto;max-height:none}.churchMainContent{min-height:calc(100vh - 80px);padding:32px 24px 64px}.churchMainContent .adminSectionHeader{margin-top:8px}.mobileMenuToggle{display:none;position:fixed;top:20px;left:20px;z-index:1001;background:white;border:1px solid #e5e7eb;border-radius:var(--radius-lg);padding:var(--space-2);cursor:pointer;box-shadow:var(--shadow-md)}.mobileMenuOverlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);z-index:999}.sidebarItemChild{font-size:14px}.activityCard{background:white;border:1px solid #e5e7eb;border-radius:var(--radius-lg);padding:var(--space-5);margin-bottom:var(--space-4);transition:all var(--transition-base)}.activityCard:hover{box-shadow:var(--shadow-md);border-color:#86efac;transform:translateY(-2px)}.activityCardHeader{display:flex;align-items:flex-start;gap:var(--space-3);margin-bottom:var(--space-3)}.activityCardAvatar{width:40px;height:40px;border-radius:var(--radius-full);background:linear-gradient(to bottom right,#4ade80,#10b981);display:flex;align-items:center;justify-content:center;flex-shrink:0}.activityCardUserInfo{flex:1 1;min-width:0}.activityCardUserName{font-weight:var(--font-weight-semibold);color:var(--color-text-primary);font-size:var(--font-size-sm);margin-bottom:var(--space-1)}.activityCardMeta{display:flex;gap:var(--space-2);color:var(--color-text-secondary)}.activityCardMeta,.activityTypeBadge{align-items:center;font-size:var(--font-size-xs)}.activityTypeBadge{display:inline-flex;gap:var(--space-1);padding:2px 8px;border-radius:var(--radius-full);font-weight:var(--font-weight-medium)}.activityTypeBadge.comment{background-color:#dbeafe;color:#1e40af}.activityTypeBadge.reflection{background-color:#e0e7ff;color:#4338ca}.activityTypeBadge.like{background-color:#fce7f3;color:#be123c}.activityTypeBadge.reply{background-color:#d1fae5;color:#15803d}.activityCardContent{color:var(--color-text-primary);font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);margin-bottom:var(--space-3)}.activityCardStudyLink{display:inline-flex;align-items:center;gap:var(--space-1);color:var(--color-primary);font-size:var(--font-size-xs);text-decoration:none;padding:var(--space-1) var(--space-2);border-radius:var(--radius-md);transition:background-color var(--transition-base)}.activityCardStudyLink:hover{background-color:var(--color-bg-muted)}.activityCardActions{display:flex;align-items:center;gap:var(--space-4);padding-top:var(--space-3);border-top:1px solid #f3f4f6}.activityActionButton{display:flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);border:none;background:none;color:var(--color-text-secondary);font-size:var(--font-size-xs);cursor:pointer;border-radius:var(--radius-md);transition:all var(--transition-base)}.activityActionButton:hover{background-color:var(--color-bg-muted);color:var(--color-primary)}.feedHeader{background:white;border-radius:var(--radius-lg) var(--radius-lg) 0 0;border:1px solid #e5e7eb;border-bottom:none;padding:var(--space-5);margin-bottom:0;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-4)}.feedTitle{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:#15803d}.feedControls,.feedTitle{display:flex;align-items:center;gap:var(--space-3)}.feedControls{flex-wrap:wrap}.feedFilterGroup{display:flex;align-items:center;gap:var(--space-2)}.feedFilterSelect{padding:var(--space-2) var(--space-3);font-size:var(--font-size-sm);border:1px solid #e5e7eb;border-radius:var(--radius-md);background-color:white;color:var(--color-text-primary);cursor:pointer;transition:all var(--transition-base)}.feedFilterSelect:hover{border-color:#d1d5db;background-color:var(--color-bg-muted)}.feedFilterSelect:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(22,163,74,.1)}.feedRefreshButton{padding:var(--space-2);border:1px solid #e5e7eb;border-radius:var(--radius-md);background-color:white;cursor:pointer;transition:all var(--transition-base);display:flex;align-items:center;justify-content:center;color:var(--color-text-secondary)}.feedRefreshButton:hover{background-color:var(--color-bg-muted);color:var(--color-primary)}.feedRefreshButton:disabled{opacity:.5;cursor:not-allowed}.feedRefreshButton .spinning{animation:spin 1s linear infinite}.feedContent{flex-direction:column;gap:var(--space-4);background:white;border:1px solid #e5e7eb;border-radius:0 0 var(--radius-lg) var(--radius-lg);margin-bottom:var(--space-6)}.feedContent,.feedLoadMoreTrigger{display:flex;padding:var(--space-4)}.feedLoadMoreTrigger{justify-content:center}.feedEndMessage{text-align:center;padding:var(--space-6);font-size:var(--font-size-sm);color:var(--color-text-secondary);background:white;border:1px dashed #e5e7eb;border-radius:var(--radius-lg)}.dayHeader{margin-bottom:var(--space-4);padding:var(--space-3) 0;border-bottom:2px solid #e5e7eb}.dayTitle{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text);margin:0;display:inline-flex;align-items:center;gap:var(--space-2)}.reflectionQuestionCard{background:white;margin-bottom:var(--space-4)}.reflectionQuestionHeader{width:100%;display:flex;align-items:center;justify-content:space-between;padding:var(--space-4);background-color:white;border:1px solid #e5e7eb;border-radius:var(--radius-lg);cursor:pointer;text-align:left;transition:all var(--transition-base)}.reflectionQuestionHeader:hover{background-color:#f9fafb;border-color:#d1d5db}.reflectionQuestionHeader.expanded{border-radius:var(--radius-lg) var(--radius-lg) 0 0}.reflectionQuestionNumber{display:inline-flex;width:24px;height:24px;border-radius:var(--radius-full);background-color:#dbeafe;color:#1e40af;align-items:center;justify-content:center;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);margin-right:var(--space-3);float:left}.reflectionQuestionText{font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--color-text);margin-bottom:var(--space-1)}.reflectionQuestionMeta{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);color:var(--color-text-secondary)}.reflectionQuestionMetaItem{display:flex;align-items:center;gap:var(--space-1)}.reflectionQuestionContent{border:1px solid #e5e7eb;border-top:none;border-radius:0 0 var(--radius-lg) var(--radius-lg);background-color:#f9fafb;padding:var(--space-4)}.reflectionResponsesList{display:flex;flex-direction:column;gap:var(--space-4)}.reflectionResponse{background-color:white;border:1px solid #e5e7eb;border-radius:var(--radius-md);padding:var(--space-4)}.reflectionResponseHeader{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-3)}.reflectionResponseAvatar{width:32px;height:32px;border-radius:var(--radius-full);background-color:#e5e7eb;display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0}.reflectionResponseUserInfo{flex:1 1}.reflectionResponseUserName{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text)}.reflectionResponseDate{font-size:var(--font-size-xs);color:var(--color-text-secondary)}.reflectionResponseText{font-size:var(--font-size-base);color:var(--color-text);line-height:1.6;margin-bottom:var(--space-3);white-space:pre-wrap}.reflectionResponseActions{display:flex;gap:var(--space-2);margin-top:var(--space-3)}.replyButton{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);background:transparent;border:1px solid #e5e7eb;border-radius:var(--radius-md);font-size:var(--font-size-sm);color:var(--color-text-secondary);transition:all var(--transition-base)}.replyButton:hover{background-color:#f9fafb;border-color:#d1d5db;color:var(--color-text)}.reflectionRepliesList{margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px solid #e5e7eb;display:flex;flex-direction:column;gap:var(--space-3)}.reflectionReply{padding:var(--space-3);background-color:#f9fafb;border-radius:var(--radius-md)}.reflectionReplyHeader{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-2)}.reflectionReplyUserName{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text);margin-right:var(--space-2)}.reflectionReplyDate{font-size:var(--font-size-xs);color:var(--color-text-secondary)}.reflectionReplyText{font-size:var(--font-size-sm);color:var(--color-text);line-height:1.5;white-space:pre-wrap}.reflectionReplyForm{margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px solid #e5e7eb}.reflectionReplyInput{width:100%;padding:var(--space-3);border:1px solid #e5e7eb;border-radius:var(--radius-md);font-size:var(--font-size-sm);font-family:inherit;resize:vertical;margin-bottom:var(--space-2);transition:border-color var(--transition-base)}.reflectionReplyInput:focus{outline:none;border-color:var(--color-primary)}.reflectionReplyFormActions{display:flex;justify-content:flex-end;gap:var(--space-2)}.mentionInputWrapper{position:relative;width:100%}.mentionSuggestions{position:absolute;z-index:1000;width:100%;max-height:200px;overflow-y:auto;background-color:white;border:1px solid #e5e7eb;border-radius:var(--radius-md);box-shadow:var(--shadow-lg);margin-top:var(--space-1)}.mentionSuggestionItem{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);cursor:pointer;background-color:white;transition:background-color var(--transition-base);border-bottom:1px solid #f3f4f6}.mentionSuggestionItem:last-child{border-bottom:none}.mentionSuggestionItem.selected,.mentionSuggestionItem:hover{background-color:#f3f4f6}.mentionSuggestionAvatar{width:32px;height:32px;border-radius:var(--radius-full);background-color:#e5e7eb;display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0}.mentionSuggestionUser{flex:1 1;min-width:0}.mentionSuggestionUserName{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text)}.mentionSuggestionUserEmail{font-size:var(--font-size-xs);color:var(--color-text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mentionLoadingIndicator{position:absolute;top:var(--space-2);right:var(--space-2)}.reactionTrigger{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);font-size:var(--font-size-sm);color:var(--color-text-secondary);background-color:initial;border:1px solid #e5e7eb;border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-base)}.reactionTrigger:hover{background-color:#f3f4f6;border-color:#d1d5db}.reactionPickerDropdown{position:absolute;bottom:100%;left:0;margin-bottom:var(--space-2);background-color:white;border:1px solid #e5e7eb;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:var(--space-2);display:flex;gap:var(--space-1);z-index:100}.reactionButton{width:40px;height:40px;font-size:20px;display:flex;align-items:center;justify-content:center;background-color:initial;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base)}.reactionButton:hover{background-color:#f9fafb;border:1px solid #e5e7eb;transform:scale(1.1)}.reactionButton:disabled{opacity:.5;cursor:not-allowed}.reactionBar{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-3)}.reactionBadge{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);font-size:var(--font-size-sm);background-color:#f3f4f6;border:1px solid #e5e7eb;border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-base)}.reactionBadge:hover{transform:scale(1.05);box-shadow:var(--shadow-sm)}.reactionBadge.active{background-color:#dbeafe;border-color:#93c5fd}.reactionBadge:disabled{cursor:not-allowed;opacity:.5}.reactionBadgeEmoji{font-size:16px}.reactionBadgeCount{font-weight:var(--font-weight-normal);color:var(--color-text-secondary)}.reactionBadge.active .reactionBadgeCount{font-weight:var(--font-weight-semibold);color:#1e40af}.sidebarFilterGroup{display:flex;gap:var(--space-2);margin-bottom:var(--space-3);flex-wrap:wrap}.sidebarFilterButton{padding:var(--space-1) var(--space-3);font-size:var(--font-size-xs);border:1px solid #e5e7eb;border-radius:var(--radius-full);background-color:white;color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-base)}.sidebarFilterButton:hover{background-color:var(--color-bg-muted)}.sidebarFilterButton.active{background-color:var(--color-primary);color:white;border-color:var(--color-primary)}.sidebarNav{background:white;border:1px solid #e5e7eb;border-radius:var(--radius-lg);padding:var(--space-4);margin-bottom:var(--space-4);overflow:hidden}.sidebarNavTitle{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-3)}.sidebarItem{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3);margin-bottom:var(--space-2);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);color:var(--color-text-primary);text-decoration:none}.sidebarItem:hover{background-color:var(--color-bg-muted)}.sidebarItem.active{background-color:#f0fdf4;border-left:3px solid var(--color-primary)}.sidebarItemText{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);flex:1 1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.unreadBadge{background-color:var(--color-primary);color:white;font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);padding:2px 6px;border-radius:var(--radius-full);min-width:20px;text-align:center}.sidebarBrowseButton{width:100%;padding:var(--space-3);margin-top:var(--space-4);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-primary);background:linear-gradient(90deg,rgba(22,163,74,.05),rgba(34,197,94,.05));border:1px solid rgba(22,163,74,.2);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);text-decoration:none;display:block;text-align:center}.sidebarBrowseButton:hover{background:linear-gradient(90deg,rgba(22,163,74,.1),rgba(34,197,94,.1));border-color:rgba(22,163,74,.4);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.trendingCard{background:white;border:1px solid #e5e7eb;border-radius:var(--radius-lg);padding:var(--space-4);margin-bottom:var(--space-4)}.trendingCardTitle{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-base);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--space-4)}.trendingItem{padding:var(--space-3);border-radius:var(--radius-md);margin-bottom:var(--space-2);cursor:pointer;transition:background-color var(--transition-base);text-decoration:none;display:block}.trendingItem:hover{background-color:var(--color-bg-muted)}.trendingItemTitle{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary);margin-bottom:var(--space-1);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.trendingItemMeta{display:flex;align-items:center;gap:var(--space-3);font-size:var(--font-size-xs);color:var(--color-text-secondary)}.trendingItemStat{display:flex;align-items:center;gap:var(--space-1)}.statCard{background:linear-gradient(to bottom right,#f0fdf4,#d1fae5);border:1px solid #86efac;border-radius:var(--radius-lg);margin-bottom:var(--space-4)}.statCardTitle{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:#15803d;margin-bottom:var(--space-3)}.statGrid{gap:var(--space-3)}.statGridItem{text-align:center}.statGridItemValue{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-primary);margin-bottom:var(--space-1)}.statGridItemLabel{font-size:var(--font-size-xs);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em}.feedEmptyState{text-align:center;padding:var(--space-16) var(--space-8);background:white;border:1px dashed #e5e7eb;border-radius:var(--radius-lg)}.feedEmptyStateIcon{margin:0 auto var(--space-4);opacity:.5}.feedEmptyStateTitle{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--space-2)}.feedEmptyStateDescription{font-size:var(--font-size-base);color:var(--color-text-secondary);margin-bottom:var(--space-6)}.feedLoadingSpinner{display:flex;justify-content:center;padding:var(--space-8)}.feedLoadingMessage{margin-top:var(--space-3);color:var(--color-text-secondary)}.feedErrorMessage{font-size:var(--font-size-sm);color:var(--color-error)}.studyListItemFlex{display:flex;align-items:center;gap:var(--space-2);flex:1 1;min-width:0}.daySectionSpacer{margin-bottom:var(--space-6)}.buttonSpacerTop{margin-top:var(--space-2)}.reactionPickerWrapper{position:relative}.emptyStateText{font-size:var(--font-size-sm);color:var(--color-text-secondary);text-align:center;padding:var(--space-4)}.mentionTextarea{width:100%;resize:vertical}.mentionAvatar{object-fit:cover;border-radius:var(--radius-full)}.loading-spinner.size-sm{width:16px;height:16px}.loading-spinner.size-md{width:24px;height:24px}@media (max-width:1024px){.feedLayout,.feedLayoutTwoColumn{grid-template-columns:1fr;padding:var(--space-4)}.feedLayoutSidebar,.feedRightSidebar,.feedSidebar{display:none}.feedLayoutSidebar.mobileMenuOpen{display:block;position:fixed;top:0;left:0;width:320px;height:100vh;background:white;z-index:1000;box-shadow:var(--shadow-xl);overflow-y:auto}.feedLayoutMain,.feedMain{max-width:100%}.churchLayoutContainer{grid-template-columns:1fr;margin-top:0}.churchSidebarFixed{position:fixed;top:0;left:0;height:100vh;z-index:1000;transform:translateX(-100%);transition:transform .3s ease}.churchSidebarFixed.mobileMenuOpen{transform:translateX(0);box-shadow:var(--shadow-xl)}.churchMainContent{margin-top:80px}.mobileMenuOverlay,.mobileMenuToggle{display:block}.adminLayoutContainer{grid-template-columns:1fr;margin-top:0}.adminSidebarFixed{position:fixed;top:0;left:0;height:100vh;z-index:1000;transform:translateX(-100%);transition:transform .3s ease}.adminSidebarFixed.mobileMenuOpen{transform:translateX(0);box-shadow:var(--shadow-xl)}.adminMainContent{margin-top:80px}}@media (max-width:640px){.activityCard{padding:var(--space-4)}.activityCardHeader{gap:var(--space-2)}.activityCardAvatar{width:32px;height:32px}.sidebarNav,.statCard,.trendingCard{margin-bottom:var(--space-3)}}.adminLayoutContainer{display:grid;grid-template-columns:280px 1fr;min-height:calc(100vh - 80px);background:linear-gradient(to bottom right,#ffffff,#f8fafc 50%,#f1f5f9)}.adminSidebarFixed{position:sticky;top:80px;align-self:start;max-height:calc(100vh - 80px);background:rgba(255,255,255,.9);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-right:1px solid #e5e7eb;overflow-y:auto;padding-bottom:var(--space-8)}.adminSidebarFixed .feedSidebar{position:static;top:auto;max-height:none}.adminMainContent{min-height:calc(100vh - 80px);padding:32px 24px 64px}.adminMainContent .adminSectionHeader{margin-top:8px}.adminStatsGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--space-4);margin-bottom:var(--space-6)}.adminStatCard{background:white;border:1px solid #e5e7eb;border-radius:var(--radius-lg);padding:var(--space-5);display:flex;align-items:flex-start;gap:var(--space-4);transition:all var(--transition-base)}.adminStatCard:hover{box-shadow:var(--shadow-md);border-color:#d1d5db}button.adminStatCardClickable{cursor:pointer;text-align:left;font-family:inherit}button.adminStatCardClickable:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}button.adminStatCardClickable:active{transform:translateY(0)}.adminStatIcon{width:48px;height:48px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;flex-shrink:0}.adminStatIcon.blue{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#2563eb}.adminStatIcon.green{background:linear-gradient(135deg,#dcfce7,#bbf7d0);color:#16a34a}.adminStatIcon.purple{background:linear-gradient(135deg,#f3e8ff,#e9d5ff);color:#9333ea}.adminStatIcon.amber{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#d97706}.adminStatValue{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);line-height:1.2}.adminStatLabel{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-top:var(--space-1)}.authPageContainer{min-height:100vh;background:linear-gradient(180deg,#fffbf0,#fef9e7 50%,#fef3c7);display:flex;align-items:flex-start;justify-content:center;padding:var(--space-4);overflow-y:auto}.authPageContainer.authPageCompact{min-height:auto;padding-bottom:var(--space-8)}.authFormCard{width:100%;max-width:500px;margin:0 auto;background-color:white;border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);margin-top:var(--space-8);margin-bottom:var(--space-2)}.authFormContent{padding:var(--space-8)}.authFormHeader{text-align:center;margin-bottom:var(--space-4)}.authLogo{height:64px;width:auto;margin:0 auto var(--space-3)}.authFormTitle{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.oauthButtonsContainer{display:flex;width:100%;margin-bottom:var(--space-2)}.oauthButtonsVertical{flex-direction:column;gap:var(--space-3)}.oauthButtonsHorizontal{flex-direction:row;gap:var(--space-3)}.oauthButton{display:flex;align-items:center;justify-content:center;gap:var(--space-3);width:100%;padding:var(--space-3) var(--space-4);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);border-radius:var(--radius-lg);border:1px solid var(--color-border);background-color:white;color:var(--color-text-primary);cursor:pointer;transition:all var(--transition-base)}.oauthButton:hover:not(:disabled){background-color:var(--color-bg-tertiary);border-color:var(--color-border-dark)}.oauthButton:disabled{opacity:.5;cursor:not-allowed}.oauthButtonGoogle{border-color:#dadce0}.oauthButtonGoogle:hover:not(:disabled){background-color:#f8f9fa;border-color:#d2d4d7}.oauthButtonMicrosoft{border-color:#8c8c8c}.oauthButtonMicrosoft:hover:not(:disabled){background-color:#f3f3f3;border-color:#737373}.oauthButtonIcon{flex-shrink:0}.oauthButtonText{flex:1 1;text-align:center}.oauthButtonSpinner{width:20px;height:20px;border:2px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin .8s linear infinite}.authDivider{display:flex;align-items:center;gap:var(--space-3);margin:var(--space-4) 0}.authDividerLine{flex:1 1;height:1px;background-color:var(--color-border)}.authDividerText{font-size:var(--font-size-sm);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.05em}.connectedAccountsLoading{display:flex;align-items:center;justify-content:center;gap:var(--space-3);padding:var(--space-6);color:var(--color-text-secondary)}.connectedAccountsSpinner{animation:spin 1s linear infinite}.connectedAccountsSection{margin-top:var(--space-6)}.connectedAccountsList{display:flex;flex-direction:row;flex-wrap:wrap;gap:var(--space-4);margin-top:var(--space-4)}.connectedAccountCard{border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4);background-color:white;transition:border-color var(--transition-base);flex:1 1 280px;max-width:calc(50% - var(--space-2));min-width:280px}@media (max-width:640px){.connectedAccountCard{max-width:100%}}.connectedAccountCard.connected{border-color:var(--color-primary);background-color:rgba(22,163,74,.02)}.connectedAccountHeader{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-3)}.connectedAccountInfo{display:flex;align-items:center;gap:var(--space-3)}.providerIcon{width:32px;height:32px;flex-shrink:0}.connectedAccountDetails{display:flex;flex-direction:column}.connectedAccountName{font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.connectedAccountEmail{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.connectedAccountStatus{display:flex;align-items:center;gap:var(--space-1);font-size:var(--font-size-sm);padding:var(--space-1) var(--space-2);border-radius:var(--radius-full)}.connectedAccountStatus.connected{background-color:rgba(22,163,74,.1);color:var(--color-primary)}.connectedAccountStatus.disconnected{background-color:var(--color-bg-tertiary);color:var(--color-text-tertiary)}.connectedAccountCalendar{padding:var(--space-3);background-color:var(--color-bg-secondary);border-radius:var(--radius-md);margin-bottom:var(--space-3)}.calendarSyncHeader{display:flex;align-items:center;gap:var(--space-2);font-weight:var(--font-weight-medium);color:var(--color-text-primary);margin-bottom:var(--space-2)}.calendarSyncEnabled{display:flex;flex-direction:column;gap:var(--space-2)}.calendarSyncStatus{font-size:var(--font-size-sm)}.calendarSyncLastSync{color:var(--color-text-secondary)}.calendarSyncError{display:flex;align-items:center;gap:var(--space-2);color:var(--color-error)}.calendarSyncActions{display:flex;gap:var(--space-2);flex-wrap:wrap}.calendarSyncButton{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);font-size:var(--font-size-sm);background-color:var(--color-primary);color:white;border:none;border-radius:var(--radius-md);cursor:pointer;transition:opacity var(--transition-base)}.calendarSyncButton:hover:not(:disabled){opacity:.9}.calendarSyncButton:disabled{opacity:.5;cursor:not-allowed}.calendarDisableButton{padding:var(--space-1) var(--space-2);font-size:var(--font-size-sm);background-color:initial;color:var(--color-text-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base)}.calendarDisableButton:hover:not(:disabled){background-color:var(--color-bg-tertiary)}.calendarEnableButton{display:flex;align-items:center;justify-content:center;gap:var(--space-2);width:100%;padding:var(--space-2) var(--space-3);font-size:var(--font-size-sm);background-color:white;color:var(--color-primary);border:1px dashed var(--color-primary);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base)}.calendarEnableButton:hover:not(:disabled){background-color:rgba(22,163,74,.05)}.connectedAccountActions{display:flex;gap:var(--space-2)}.connectButton{flex:1 1;padding:var(--space-2) var(--space-3);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);background-color:var(--color-primary);color:white;border:none;border-radius:var(--radius-md);cursor:pointer;transition:opacity var(--transition-base)}.connectButton:hover:not(:disabled){opacity:.9}.disconnectButton{flex:1 1;padding:var(--space-2) var(--space-3);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);background-color:initial;color:var(--color-error);border:1px solid var(--color-error);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base)}.disconnectButton:hover:not(:disabled){background-color:rgba(239,68,68,.05)}.connectButton:disabled,.disconnectButton:disabled{opacity:.5;cursor:not-allowed}.spinning{animation:spin 1s linear infinite}.authForm{display:flex;flex-direction:column;gap:var(--space-3)}.authNameGrid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}.authFormField{display:flex;flex-direction:column}.authFormLabel{display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);margin-bottom:var(--space-1)}.authFormInput,.authFormLabel{color:var(--color-text-primary)}.authFormInput{width:100%;padding:var(--space-3) var(--space-4);background-color:#fafafa;border:1.5px solid var(--color-border);border-radius:var(--radius-lg);font-size:var(--font-size-base);transition:all var(--transition-base)}.authFormInput:hover{border-color:var(--color-border-dark)}.authFormInput:focus{outline:none;border-color:var(--color-primary);background-color:#ffffff;box-shadow:0 0 0 4px rgba(22,163,74,.12)}.authFormInput::placeholder{color:var(--color-text-tertiary)}.authFormInputWithIcon{padding-right:var(--space-10)}.authPasswordFieldWrapper{position:relative}.authPasswordToggle{position:absolute;top:0;bottom:0;right:0;display:flex;align-items:center;padding:0 var(--space-3);color:var(--color-text-tertiary);background-color:initial;border:none;cursor:pointer;transition:color var(--transition-base)}.authFormHelper,.authPasswordToggle:hover{color:var(--color-text-secondary)}.authFormHelper{margin-top:var(--space-1);font-size:var(--font-size-xs)}.authCaptchaContainer{padding-top:var(--space-4)}.authAgeConfirmation{margin-top:var(--space-4)}.authCheckboxLabel{display:flex;align-items:flex-start;gap:var(--space-3);cursor:pointer}.authCheckbox{width:18px;height:18px;margin-top:2px;flex-shrink:0;accent-color:var(--color-primary);cursor:pointer}.authCheckboxText{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:1.4}.authVerificationNote{font-size:var(--font-size-xs);color:var(--color-text-secondary)}.authForgotPasswordContainer,.authVerificationNote{text-align:center;margin-top:var(--space-4)}.authForgotPasswordLink{font-size:var(--font-size-sm);color:var(--color-primary);text-decoration:underline;background-color:initial;border:none;cursor:pointer;transition:opacity var(--transition-base)}.authForgotPasswordLink:hover{opacity:.8}.authFormFooter{margin-top:var(--space-6);text-align:center}.authFormDescription,.authFormSubtitle{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-top:var(--space-2)}.authFormSubtitle{text-align:center}.authSuccessMessage{border-radius:var(--radius-lg);border:1px solid rgba(22,163,74,.2);background-color:rgba(22,163,74,.05);color:#166534}.authErrorMessage,.authSuccessMessage{padding:var(--space-3) var(--space-4);margin-bottom:var(--space-4);font-size:var(--font-size-sm);text-align:center}.authErrorMessage{border-radius:var(--radius-lg);border:1px solid rgba(220,38,38,.2);background-color:rgba(220,38,38,.05);color:#991b1b}.authBackToLogin{text-align:center;margin-top:var(--space-6)}.authIconCircle{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;background-color:rgba(22,163,74,.1);border-radius:var(--radius-full);margin-bottom:var(--space-4)}.authIconCircle .authIcon{width:24px;height:24px;color:var(--color-primary)}.authIconCircleSuccess{background-color:rgba(22,163,74,.15)}.authIconCircleSuccess .authIcon{color:#16a34a}.authFormTitleSuccess{color:#166534}.authAlert{margin-bottom:var(--space-4)}.authAlertSuccess{border-color:rgba(22,163,74,.2);background-color:rgba(22,163,74,.05);color:#166534}.authSubmitButton{width:100%;display:flex;align-items:center;justify-content:center}.authSignupPromo{margin-top:var(--space-8)}.authSignupPromoCard{background:linear-gradient(135deg,rgba(22,163,74,.1),rgba(16,185,129,.1));border-radius:var(--radius-xl);padding:var(--space-6);border:1px solid rgba(22,163,74,.2);transition:all var(--transition-base);text-align:center}.authSignupPromoIcon,.authSignupPromoIconCircle{margin-bottom:var(--space-3)}.authSignupPromoIconCircle{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;background:linear-gradient(135deg,#16a34a,#10b981);border-radius:var(--radius-full)}.authSignupPromoText{font-size:var(--font-size-lg);color:var(--color-text-primary);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-4)}.authSignupPromoButton{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);text-align:left;white-space:normal;line-height:1.3}.authSignupPromoButton svg{flex-shrink:0}@media (max-width:640px){.authSignupPromo{margin-left:calc(-1 * var(--space-8));margin-right:calc(-1 * var(--space-8));margin-bottom:calc(-1 * var(--space-8))}.authSignupPromoCard{border-radius:0;border-left:none;border-right:none;border-bottom:none}.authSignupPromoButton{width:100%;max-width:280px}}.authSkeleton{width:100%;max-width:500px;margin:0 auto;background-color:white;border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);padding:var(--space-8)}.authSkeletonInner{display:flex;flex-direction:column;gap:var(--space-3)}.authSkeletonItem{background-color:#e5e7eb;border-radius:var(--radius-lg);animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.authSkeletonLogo{height:64px;width:128px;margin:0 auto;border-radius:var(--radius-lg)}.authSkeletonTitle{height:32px;width:192px;margin:0 auto;border-radius:var(--radius-md)}.authSkeletonInput{height:40px}.authSkeletonButton,.authSkeletonInput{width:100%;border-radius:var(--radius-lg)}.authSkeletonButton{height:48px}.paginationContainer{gap:var(--space-2);margin-top:var(--space-6);flex-wrap:wrap}.paginationButton{display:flex;align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);background-color:white;color:var(--color-text);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:all var(--transition-base)}.paginationButton:hover:not(:disabled){background-color:var(--color-bg-light);border-color:var(--color-primary);color:var(--color-primary)}.paginationButton:disabled{opacity:.5;cursor:not-allowed}.paginationPrevNext{min-width:100px}.paginationButtonText{display:none}@media (min-width:640px){.paginationButtonText{display:inline}}.paginationNumbers{display:flex;align-items:center;gap:var(--space-1)}.paginationNumber{min-width:40px;justify-content:center}.paginationNumberActive{background-color:var(--color-primary);color:white;border-color:var(--color-primary)}.paginationNumberActive:hover{background-color:var(--color-primary-dark);border-color:var(--color-primary-dark);color:white}.paginationEllipsis{padding:var(--space-2) var(--space-1);color:var(--color-text-muted);font-weight:500}.feedLayoutWrapper{background-color:#fef3e2;min-height:calc(100vh - 60px);width:100%}.feedLayoutGrid{display:grid;grid-template-columns:280px minmax(400px,1fr) 320px;gap:1.5rem;max-width:1400px;margin:0 auto;padding:2rem clamp(1rem,2vw,2rem) 4rem}.feedLeftSidebar,.feedRightSidebar{position:sticky;top:calc(60px + 2rem);align-self:start;max-height:calc(100vh - 60px - 4rem - 4rem);overflow-y:auto}.feedLeftSidebar{direction:rtl}.feedLeftSidebar>*{direction:ltr}.sidebarDivider{width:100%;height:1px;background-color:#e4e6eb;margin:16px 0}.feedLeftSidebar::-webkit-scrollbar,.feedRightSidebar::-webkit-scrollbar{width:8px}.feedLeftSidebar::-webkit-scrollbar-track,.feedRightSidebar::-webkit-scrollbar-track{background:transparent}.feedLeftSidebar::-webkit-scrollbar-thumb,.feedRightSidebar::-webkit-scrollbar-thumb{background-color:initial;border-radius:4px;-webkit-transition:background-color .3s ease;transition:background-color .3s ease}.feedLeftSidebar:hover::-webkit-scrollbar-thumb,.feedRightSidebar:hover::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.2)}.feedLeftSidebar:hover::-webkit-scrollbar-thumb:hover,.feedRightSidebar:hover::-webkit-scrollbar-thumb:hover{background-color:rgba(0,0,0,.3)}.feedLeftSidebar,.feedRightSidebar{scrollbar-width:thin;scrollbar-color:transparent transparent;transition:scrollbar-color .3s ease}.feedLeftSidebar:hover,.feedRightSidebar:hover{scrollbar-color:rgba(0,0,0,.2) transparent}.feedColumn{min-width:0;max-width:680px;margin:0 auto;width:100%}@media (max-width:1100px){.feedLayoutGrid{grid-template-columns:280px minmax(300px,1fr)}.feedRightSidebar{display:none}}@media (max-width:768px){.feedLayoutGrid{grid-template-columns:1fr;padding:1rem}.feedLeftSidebar{display:none}.feedColumn{max-width:100%}}.feedFilterTabs{padding:var(--space-3);background:white;border-radius:var(--radius-lg);box-shadow:0 1px 3px rgba(0,0,0,.1);margin-bottom:var(--space-3)}.feedFilterTab,.feedFilterTabs{display:flex;gap:var(--space-2)}.feedFilterTab{align-items:center;padding:var(--space-2) var(--space-3);border:none;border-radius:var(--radius-md);background:transparent;color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:all .15s ease;flex:1 1;justify-content:center}.feedFilterTab:hover{background:var(--color-gray-100);color:var(--color-text-primary)}.feedFilterTabActive{background:var(--color-primary);color:white;font-weight:600}.feedFilterTabActive:hover{background:var(--color-primary-dark);color:white}@media (max-width:640px){.feedFilterTab span{display:none}.feedFilterTab{padding:var(--space-2)}}.postComposer{background:white;border-radius:var(--radius-lg);box-shadow:0 1px 3px rgba(0,0,0,.1);margin-bottom:var(--space-4)}.postComposerCollapsed{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4)}.postComposerAvatar{flex-shrink:0}.postComposerInput{flex:1 1;text-align:left;padding:var(--space-3) var(--space-4);border:1px solid #e5e7eb;border-radius:var(--radius-full);background:#f9fafb;color:#6b7280;font-size:.9375rem;cursor:pointer;transition:all .2s}.postComposerInput:hover{background:#f3f4f6;border-color:#d1d5db}.postComposerActions{display:flex;gap:var(--space-2);flex-shrink:0}.postComposerActionBtn{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border:none;background:transparent;color:#6b7280;font-size:.875rem;font-weight:500;cursor:pointer;border-radius:var(--radius-md);transition:all .2s}.postComposerActionBtn:hover{background:#f3f4f6;color:#374151}.postComposerActionBtn svg{color:#10b981}.postComposerExpanded{padding:var(--space-4)}.postComposerHeader{display:flex;align-items:flex-start;gap:var(--space-3);margin-bottom:var(--space-3)}.postComposerVisibilitySelect{font-size:.75rem;color:#6b7280;border:1px solid #e5e7eb;border-radius:var(--radius-sm);padding:2px 6px;margin-top:2px;background:white;cursor:pointer}.postComposerVisibilitySelect:hover{border-color:#10b981}.postComposerTextarea{width:100%;min-height:120px;padding:var(--space-3);border:none;border-radius:var(--radius-md);font-size:1rem;line-height:1.5;resize:vertical;outline:none;font-family:inherit}.postComposerTextarea::placeholder{color:#9ca3af}.postComposerToolbar{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) 0;border-top:1px solid #f3f4f6;border-bottom:1px solid #f3f4f6;margin:var(--space-3) 0}.postComposerToolbarLeft{display:flex;gap:var(--space-2)}.postComposerToolbarBtn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;background:transparent;color:#6b7280;cursor:pointer;border-radius:var(--radius-md);transition:all .2s}.postComposerToolbarBtn:hover{background:#f3f4f6;color:#10b981}.emojiPicker{position:absolute;left:0;bottom:calc(100% + 8px);width:320px;max-height:380px;background:white;border-radius:var(--radius-lg);box-shadow:0 10px 40px rgba(0,0,0,.15),0 0 0 1px rgba(0,0,0,.05);z-index:1000;display:flex;flex-direction:column;overflow:hidden;animation:emojiPickerFadeIn .15s ease-out}.emojiPicker.emojiPickerBottom{bottom:auto;top:calc(100% + 8px)}.emojiPicker.emojiPickerTop{bottom:calc(100% + 8px);top:auto}.emojiPickerSearch{display:flex;align-items:center;gap:8px;padding:10px 12px;border-bottom:1px solid #e5e7eb;background:#f9fafb}.emojiPickerSearchIcon{color:#9ca3af;flex-shrink:0}.emojiPickerSearchInput{flex:1 1;border:none;background:transparent;font-size:14px;color:#111827;outline:none}.emojiPickerSearchInput::placeholder{color:#9ca3af}.emojiPickerSearchClear{display:flex;align-items:center;justify-content:center;width:20px;height:20px;border:none;background:#e5e7eb;border-radius:50%;cursor:pointer;color:#6b7280;transition:all .15s ease;flex-shrink:0}.emojiPickerSearchClear:hover{background:#d1d5db;color:#374151}@keyframes emojiPickerFadeIn{0%{opacity:0;transform:scale(.95) translateY(4px)}to{opacity:1;transform:scale(1) translateY(0)}}.emojiPickerCategories{display:flex;gap:2px;padding:8px 10px;border-bottom:1px solid #e5e7eb;background:#f9fafb;flex-wrap:wrap}.emojiPickerCategoryBtn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:none;background:transparent;border-radius:var(--radius-md);cursor:pointer;font-size:18px;transition:all .15s ease;opacity:.6}.emojiPickerCategoryBtn:hover{background:#e5e7eb;opacity:1}.emojiPickerCategoryBtn.active{background:#10b981;opacity:1;box-shadow:0 2px 4px rgba(16,185,129,.3)}.emojiPickerTitle{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#6b7280;padding:10px 12px 6px}.emojiPickerGrid{display:grid;grid-template-columns:repeat(8,1fr);gap:2px;padding:4px 8px 12px;overflow-y:auto;max-height:280px;scrollbar-width:thin;scrollbar-color:#d1d5db transparent}.emojiPickerGrid::-webkit-scrollbar{width:6px}.emojiPickerGrid::-webkit-scrollbar-track{background:transparent}.emojiPickerGrid::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.emojiPickerEmoji{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:none;background:transparent;border-radius:var(--radius-md);cursor:pointer;font-size:22px;transition:all .1s ease}.emojiPickerEmoji:hover{background:#f3f4f6;transform:scale(1.15)}.emojiPickerEmoji:active{transform:scale(.95)}.emojiPickerEmpty{grid-column:1/-1;text-align:center;padding:24px;color:#9ca3af;font-size:14px}@media (max-width:480px){.emojiPicker{width:280px}.emojiPickerGrid{grid-template-columns:repeat(7,1fr)}.emojiPickerEmoji{width:32px;height:32px;font-size:20px}}.postComposerFooter{display:flex;justify-content:flex-end;gap:var(--space-2)}@media (max-width:768px){.postComposerCollapsed{flex-wrap:wrap}.postComposerActions{width:100%;justify-content:space-around;padding-top:var(--space-2);border-top:1px solid #f3f4f6}.postComposerActionBtn span{display:none}}.filterSelector{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.25rem;padding-bottom:1.25rem;border-bottom:1px solid var(--color-gray-200)}.filterButton{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:white;border:1px solid var(--color-gray-200);border-radius:8px;font-size:.9375rem;font-weight:500;color:var(--color-gray-700);text-align:left;width:100%}.filterButton:not(.filterButtonActive):hover{background:#ecfdf5;border-color:#10b981;color:#047857;transform:translateX(2px)}.filterButton:not(.filterButtonActive):hover .filterIcon{color:#047857}.filterButton.filterButtonActive{background:linear-gradient(135deg,#166534,#15803d)!important;color:white!important;border-color:#166534!important;font-weight:600}.filterButton.filterButtonActive .filterIcon{color:white!important}.filterButton.filterButtonActive:hover{background:linear-gradient(135deg,#14532d,#166534)!important;border-color:#14532d!important;color:white!important}.filterButton.filterButtonActive:hover .filterIcon{color:white!important}.filterIcon{font-size:1.25rem;display:flex;align-items:center;justify-content:center;width:24px}@media (max-width:768px){.filterSelector{flex-direction:row;overflow-x:auto;margin-bottom:1rem;padding:0 .5rem}.filterButton{flex-shrink:0;min-width:120px;padding:.625rem .875rem;font-size:.875rem}}.feedItem{background:white;border:1px solid var(--color-gray-200);border-radius:12px;padding:1.5rem;margin-bottom:1.25rem;transition:box-shadow .2s}.feedItem:hover{box-shadow:0 4px 12px rgba(0,0,0,.08)}.feedItem:focus{outline:2px solid var(--color-primary);outline-offset:2px}.feedItemHeader{display:flex;align-items:flex-start;gap:.75rem;margin-bottom:1rem}.feedItemAvatar{width:40px;height:40px;flex-shrink:0}.feedItemInfo{flex:1 1;min-width:0}.feedItemUserName{color:var(--color-gray-900);margin-bottom:.125rem}.feedItemAction{color:var(--color-gray-600);font-size:.875rem;margin-bottom:.25rem}.feedItemTimestamp{color:var(--color-gray-500)}.feedItemMenuBtn{background:transparent;border:none;padding:.25rem;border-radius:.375rem;color:var(--color-gray-400);cursor:pointer;opacity:0;transition:opacity .15s ease,background-color .15s ease,color .15s ease;display:flex;align-items:center;justify-content:center}.feedItemCard:hover .feedItemMenuBtn{opacity:1}.feedItemMenuBtn:hover{background-color:var(--color-gray-100);color:var(--color-gray-600)}.feedItemMenuBtn:focus{opacity:1;outline:2px solid var(--color-primary);outline-offset:2px}.feedItemEditForm{display:flex;flex-direction:column;gap:var(--space-2)}.feedItemEditTextarea{width:100%;padding:var(--space-2) var(--space-3);border:1px solid var(--color-gray-300);border-radius:var(--radius-md);font-size:var(--font-size-base);font-family:inherit;resize:vertical;min-height:100px;transition:border-color var(--transition-fast)}.feedItemEditTextarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.1)}.feedItemEditActions{display:flex;justify-content:flex-end;gap:var(--space-2)}.feedItemContent{margin-bottom:1rem;line-height:1.6;color:var(--color-gray-800);font-size:.9375rem}.reflectionQuestion{background:linear-gradient(135deg,#f0fdf4,#dcfce7 5%,#f0fdf4);border-left:4px solid #86efac;padding:1rem 1.25rem;border-radius:8px;margin-bottom:1rem}.reflectionQuestionLabel{font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:#166534;margin-bottom:.5rem}.reflectionQuestionText{font-size:1rem;font-weight:600;color:#15803d;line-height:1.5;margin:0}.reflectionAnswer{background:white;border:1px solid var(--color-gray-200);border-radius:8px;padding:1rem 1.25rem;margin-bottom:1rem}.reflectionAnswerLabel{font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--color-gray-600);margin-bottom:.5rem}.reflectionAnswerText{font-size:.9375rem;color:var(--color-gray-800);line-height:1.6;white-space:pre-wrap;word-wrap:break-word}.feedItemStudyBadge{display:inline-flex;align-items:center;gap:.375rem;background:var(--color-gray-100);border:1px solid var(--color-gray-200);padding:.375rem .75rem;border-radius:20px;font-size:.8125rem;font-weight:500;color:var(--color-gray-700);margin-bottom:1rem}.feedItemStudyBadge .icon{font-size:1rem}.feedItemReflectionText{background:var(--color-gray-50);border-left:3px solid #f59e0b;padding:1rem;border-radius:6px;font-style:italic;color:var(--color-gray-700);margin-bottom:1rem;line-height:1.6}.feedItemMilestone{background:linear-gradient(135deg,#fef3c7,#fde68a);border:2px solid #fbbf24;padding:1rem 1.25rem;border-radius:8px;margin-bottom:1rem;text-align:center}.feedItemMilestoneIcon{font-size:2.5rem;margin-bottom:.5rem}.feedItemMilestoneText{font-weight:600;color:#92400e;font-size:1.125rem}.feedItemActions{display:flex;align-items:center;gap:1.5rem;padding-top:1rem;border-top:1px solid var(--color-gray-200)}.feedActionButton{display:flex;align-items:center;gap:.5rem;background:none;border:none;padding:.5rem .75rem;border-radius:6px;cursor:pointer;color:var(--color-gray-600);font-size:.875rem;font-weight:500;transition:all .2s}.feedActionButton:hover{background:var(--color-gray-100);color:var(--color-gray-900)}.feedActionButton .icon{font-size:1.25rem}.feedActionButtonActive{color:var(--color-primary)}.feedActionButtonActive:hover{background:rgba(102,126,234,.1);color:var(--color-primary)}.feedComments{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--color-gray-200)}.feedComment{display:flex;gap:.75rem;margin-bottom:1rem}.feedCommentAvatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;color:white;font-weight:600;font-size:.875rem;flex-shrink:0}.feedCommentContent{flex:1 1;background:var(--color-gray-50);padding:.75rem 1rem;border-radius:12px}.feedCommentHeader{display:flex;align-items:center;gap:.5rem;margin-bottom:.375rem}.feedCommentAuthor{font-weight:600;color:var(--color-gray-900);font-size:.875rem}.feedCommentTimestamp{color:var(--color-gray-500);font-size:.75rem}.feedCommentUser{font-weight:600;color:var(--color-gray-900);font-size:.875rem;margin-bottom:.25rem}.feedCommentText{color:var(--color-gray-700);font-size:.875rem;line-height:1.5}.feedCommentTime{color:var(--color-gray-500);font-size:.75rem;margin-top:.375rem}.feedCommentForm{gap:.75rem;margin-top:1rem}.feedCommentInput{flex:1 1;padding:.75rem 1rem;border:1px solid var(--color-gray-300);border-radius:20px;resize:none;min-height:40px;max-height:120px}.feedCommentInput:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(102,126,234,.1)}.feedCommentSubmit{padding:.5rem 1.25rem;background:var(--color-primary);color:white;border:none;border-radius:20px;font-weight:600;font-size:.875rem;cursor:pointer;transition:background .2s;flex-shrink:0}.feedCommentSubmit:hover{background:var(--color-primary-dark)}.feedCommentSubmit:disabled{opacity:.5;cursor:not-allowed}.widgetUnifiedContainer{background:white;border:1px solid var(--color-gray-200);border-left:none;border-radius:0 12px 12px 0;margin-bottom:1.25rem;margin-left:-9999px;padding:1.25rem 1.25rem 1.25rem calc(9999px + 1.25rem);height:100%;display:flex;flex-direction:column}.feedRightSidebar .widgetUnifiedContainer{border-left:1px solid var(--color-gray-200);border-right:none;border-radius:12px 0 0 12px;margin-left:0;margin-right:-9999px;padding-left:1.25rem;padding-right:calc(9999px + 1.25rem)}.widgetCard{background:transparent;border:none;border-radius:0;padding:0 0 1.25rem;margin-bottom:1.25rem;border-bottom:1px solid var(--color-gray-200)}.widgetCard:last-child{border-bottom:none;padding-bottom:0;margin-bottom:0}.widgetHeader{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem}.widgetTitle{font-weight:700;color:var(--color-gray-900);font-size:1rem;margin:0;line-height:1}.widgetSeeAll{color:var(--color-primary);font-size:.875rem;font-weight:600;text-decoration:none;transition:color .2s}.widgetSeeAll:hover{color:var(--color-primary-dark);text-decoration:underline}.widgetCardCompact{background:transparent;border-radius:0;margin-bottom:0;padding:0;border:none}.widgetHeaderCompact{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem;padding:0 .625rem}.widgetTitleCompact{font-weight:600;color:var(--color-gray-600);font-size:1.0625rem;margin:0;line-height:1;text-transform:capitalize}.widgetHeaderActions{display:flex;align-items:center;gap:.25rem}.widgetHeaderBtn{background:transparent;border:none;padding:.375rem;border-radius:50%;color:var(--color-gray-500);cursor:pointer;transition:background .15s ease;display:flex;align-items:center;justify-content:center;text-decoration:none}.widgetHeaderBtn:hover{background:var(--color-gray-100);color:var(--color-gray-700)}.widgetSearchContainer{padding:0 .625rem;margin-bottom:.5rem}.widgetSearchInput{width:100%;padding:.5rem .75rem;border:none;border-radius:20px;background:var(--color-gray-100);font-size:.875rem;color:var(--color-gray-900);outline:none;transition:background .15s ease}.widgetSearchInput:focus{background:var(--color-gray-200)}.widgetSearchInput::placeholder{color:var(--color-gray-500)}.widgetDualContainer{display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media (max-width:1400px){.widgetDualContainer{grid-template-columns:1fr}}.widgetList{list-style:none;padding:0;margin:0}.widgetListItem{padding:.75rem 0;border-bottom:1px solid var(--color-gray-200)}.widgetListItem:last-child{border-bottom:none;padding-bottom:0}.widgetListItemLink{display:flex;align-items:center;justify-content:space-between;text-decoration:none;color:var(--color-gray-900);transition:color .2s}.widgetListItemLink:hover{color:var(--color-primary)}.widgetListItemTitle{font-weight:600;font-size:.875rem;margin-bottom:.125rem}.widgetListItemMeta{font-size:.75rem;color:var(--color-gray-500)}.widgetListItemIcon{font-size:1rem;color:var(--color-gray-400)}.quickAccessList{display:flex;flex-direction:column;gap:.75rem}.quickAccessItem{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:var(--color-gray-50);border-radius:8px;text-decoration:none;transition:all .2s}.quickAccessItem:hover{background:var(--color-gray-100);transform:translateX(4px)}.quickAccessProgress{width:40px;height:40px;border-radius:50%;background:conic-gradient(#667eea var(--progress),var(--color-gray-200) var(--progress));display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.75rem;color:var(--color-gray-900);flex-shrink:0}.quickAccessInfo{flex:1 1;min-width:0}.quickAccessTitle{font-weight:600;font-size:.875rem;color:var(--color-gray-900);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.quickAccessDays{font-size:.75rem;color:var(--color-gray-600)}.communitiesList{display:flex;flex-direction:column;gap:.75rem}.communityItem{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:var(--color-gray-50);border-radius:8px;text-decoration:none;transition:all .2s}.communityItem:hover{background:var(--color-gray-100)}.communityIcon{width:40px;height:40px;border-radius:8px;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;color:white;font-size:1.25rem;flex-shrink:0}.communityInfo{flex:1 1;min-width:0}.communityName{font-weight:600;font-size:.875rem;color:var(--color-gray-900);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.communityMembers{font-size:.75rem;color:var(--color-gray-600)}.trendingStudyItem{display:flex;align-items:flex-start;gap:.75rem;padding:.75rem 0}.trendingStudyRank{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);color:white;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.875rem;flex-shrink:0}.trendingStudyInfo{flex:1 1;min-width:0}.trendingStudyTitle{font-weight:600;font-size:.875rem;color:var(--color-gray-900);margin-bottom:.25rem}.trendingStudyStats{font-size:.75rem;color:var(--color-gray-600)}.feedItemSkeleton{border:1px solid var(--color-gray-200);border-radius:12px;margin-bottom:1.25rem}.skeletonHeader{display:flex;gap:.75rem;margin-bottom:1rem}.skeletonAvatar{width:48px;height:48px;background:var(--color-gray-200);animation:skeleton-pulse 1.5s ease-in-out infinite}.skeletonLines{flex:1 1}.skeletonLine{background:var(--color-gray-200);margin-bottom:.5rem;animation:skeleton-pulse 1.5s ease-in-out infinite}.skeletonLineShort{width:60%}.skeletonContent{height:80px;background:var(--color-gray-200);border-radius:8px;margin-bottom:1rem;animation:skeleton-pulse 1.5s ease-in-out infinite}@keyframes skeleton-pulse{0%,to{opacity:1}50%{opacity:.5}}.infiniteScrollLoader{display:flex;justify-content:center;padding:2rem 0}.loadMoreButton{padding:.75rem 2rem;background:white;border:2px solid var(--color-primary);color:var(--color-primary);border-radius:8px;font-weight:600;font-size:.9375rem;cursor:pointer;transition:all .2s}.loadMoreButton:hover{background:var(--color-primary);color:white}.loadMoreButton:disabled{opacity:.5;cursor:not-allowed}.emptyFeedState{text-align:center;padding:4rem 2rem}.emptyFeedIcon{font-size:4rem;margin-bottom:1rem;opacity:.4}.emptyFeedTitle{font-size:1.5rem;font-weight:700;color:var(--color-gray-900);margin-bottom:.5rem}.emptyFeedDescription{color:var(--color-gray-600);font-size:1rem;margin-bottom:1.5rem;max-width:400px;margin-left:auto;margin-right:auto}.emptyFeedAction{padding:.875rem 1.75rem;background:var(--color-primary);color:white;border:none;border-radius:8px;font-weight:600;font-size:1rem;cursor:pointer;text-decoration:none;display:inline-block;transition:background .2s}.emptyFeedAction:hover{background:var(--color-primary-dark)}.mobileFilterToggle{display:none;width:100%;padding:.875rem 1rem;background:white;border:1px solid var(--color-gray-300);border-radius:8px;font-weight:600;font-size:.9375rem;color:var(--color-gray-900);cursor:pointer;margin-bottom:1rem;transition:all .2s}.mobileFilterToggle:hover{background:var(--color-gray-50)}@media (max-width:768px){.mobileFilterToggle{display:block}.filterSelector{display:none}.filterSelector.active{display:flex;position:fixed;top:0;left:0;right:0;bottom:0;background:white;z-index:1000;padding:1rem;flex-direction:column}}.feedItemCard{background:white;border-radius:8px;padding:1.5rem;box-shadow:0 1px 3px rgba(0,0,0,.1);transition:box-shadow .2s ease;margin-bottom:1rem}.feedItemCard:hover{box-shadow:0 4px 6px rgba(0,0,0,.1)}.feedItemMeta{flex:1 1;min-width:0}.feedItemUserName{font-size:.9375rem;font-weight:600;color:#111827;margin-bottom:.25rem}.feedItemUserName:hover{color:#059669;cursor:pointer}.feedItemTimestamp{font-size:.8125rem;color:#9ca3af}.feedItemType{display:inline-flex;align-items:center;gap:.375rem;font-size:.8125rem;color:#6b7280;margin-top:.25rem}.feedItemTypeIcon{font-size:1rem}.feedItemContentPreview{font-size:.9375rem;color:#374151;line-height:1.6;margin-bottom:.75rem}.feedItemContentFull{background:#f9fafb;border-left:3px solid #059669;padding:1rem;border-radius:4px;font-size:.875rem;color:#4b5563;line-height:1.6;white-space:pre-wrap}.feedItemStudyLink{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:6px;color:#059669;font-size:.8125rem;font-weight:500;text-decoration:none;transition:all .2s ease}.feedItemStudyLink:hover{background:#d1fae5;border-color:#059669}.feedItemDivider{height:1px;background:#e5e7eb;margin:1rem 0}.feedReactionBar{display:flex;align-items:center;justify-content:flex-start;padding-top:.75rem;border-top:1px solid #f3f4f6;margin-top:.75rem}.feedReactionSummary{display:flex;align-items:center;gap:.375rem;flex-wrap:wrap}.feedReactionGroup{display:flex;align-items:center;gap:.25rem;padding:.375rem .625rem;background:#f9fafb;border-radius:999px;font-size:.875rem;border:2px solid transparent;cursor:pointer;transition:all .2s}.feedReactionGroup:hover{background:#e5e7eb;transform:scale(1.05)}.feedReactionGroup.userReacted{background:#ecfdf5;border-color:#10b981}.feedReactionEmoji{font-size:1rem}.feedReactionCount{color:#6b7280;font-weight:500;font-size:.8125rem}.feedReactionMore{font-size:.75rem;color:#6b7280;padding:.375rem .5rem}.feedActionSeparator{width:1px;height:20px;background:#e5e7eb}.feedReactionActions{display:flex;align-items:center;gap:.75rem}.feedReactionButton{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:transparent;border:1px solid #e5e7eb;border-radius:6px;color:#6b7280;font-size:.8125rem;font-weight:500;cursor:pointer;transition:all .2s ease;position:relative}.feedReactionButton:hover{background:#f9fafb;border-color:#d1d5db;color:#374151}.feedReactionButton:disabled{opacity:.5;cursor:not-allowed}.feedReactionButtonActive{background:#ecfdf5;border-color:#059669;color:#059669}.feedReactionPicker{position:absolute;bottom:100%;left:0;margin-bottom:.5rem;background:white;border:1px solid #e5e7eb;border-radius:8px;padding:.5rem;box-shadow:0 4px 6px rgba(0,0,0,.1);display:flex;gap:.25rem;z-index:10}.feedReactionOption{padding:.5rem;background:transparent;border:1px solid transparent;border-radius:6px;font-size:1.5rem;cursor:pointer;transition:all .2s ease}.feedReactionOption:hover{background:#f9fafb;border-color:#e5e7eb;transform:scale(1.1)}.feedReactionOption.active{background:#ecfdf5;border-color:#059669}.feedReactionOption:disabled{opacity:.5;cursor:not-allowed}.feedCommentButton{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:transparent;border:1px solid #e5e7eb;border-radius:6px;color:#6b7280;font-size:.8125rem;font-weight:500;cursor:pointer;transition:all .2s ease}.feedCommentButton:hover{background:#f9fafb;border-color:#d1d5db;color:#374151}.feedMilestoneCard{background:linear-gradient(135deg,#ecfdf5,#d1fae5);border:2px solid #059669}.feedMilestoneIcon{font-size:3rem;text-align:center;margin:1rem 0}.feedMilestoneTitle{font-size:1.25rem;font-weight:700;color:#059669;text-align:center;margin-bottom:.5rem}.feedMilestoneDescription{font-size:.9375rem;color:#047857;text-align:center}.feedCommentSection{margin-top:1rem;border-top:1px solid #e5e7eb;padding-top:1rem}.feedCommentForm{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.feedCommentInput{width:100%;padding:.75rem;border:1px solid #e5e7eb;border-radius:6px;font-size:.875rem;resize:vertical;min-height:60px;font-family:inherit}.feedCommentInput:focus{outline:none;border-color:#059669;box-shadow:0 0 0 3px rgba(5,150,105,.1)}.feedCommentInput:disabled{background:#f9fafb;cursor:not-allowed}.feedCommentList{display:flex;flex-direction:column;gap:.75rem}.feedEmptyComments{text-align:center;color:#9ca3af;font-size:.875rem;padding:1rem}.feedReplyButton{background:none;border:none;color:var(--primary-600);font-size:.875rem;font-weight:500;cursor:pointer;padding:.25rem .5rem;margin-top:.25rem;border-radius:var(--radius-sm);transition:background-color .2s ease}.feedReplyButton:hover{background-color:rgba(21,128,61,.1)}.feedCommentReply{position:relative;padding-left:1rem}.feedCommentReply:before{content:"";position:absolute;left:-20px;top:0;width:16px;height:24px;border-left:2px solid #e5e7eb;border-bottom:2px solid #e5e7eb;border-bottom-left-radius:8px}.feedCommentWrapper{margin-bottom:0}.feedCommentReplies{margin-top:.5rem;margin-bottom:.5rem;padding-left:.5rem}.feedReplyForm{margin-top:.5rem;padding:.75rem;background-color:#f9fafb;border-radius:var(--radius-md)}.feedItemSkeleton{background:white;border-radius:8px;padding:1.5rem;box-shadow:0 1px 3px rgba(0,0,0,.1);margin-bottom:1rem}.feedItemSkeletonHeader{display:flex;gap:1rem;margin-bottom:1rem}.feedItemSkeletonMeta{flex:1 1;display:flex;flex-direction:column;gap:.5rem}.feedItemSkeletonContent{margin-bottom:1rem}.feedItemSkeletonActions{display:flex;gap:.5rem}.skeletonAvatar{width:40px;height:40px;border-radius:50%}.skeletonAvatar,.skeletonLine{background:#e5e7eb;animation:pulse 1.5s ease-in-out infinite}.skeletonLine{height:12px;border-radius:4px}.skeletonLineName{width:30%}.skeletonLineTime{width:20%}.skeletonLineFull{width:100%;margin-bottom:.5rem}.skeletonLineHalf{width:60%}.skeletonLineAction{width:80px;height:36px}@media (max-width:768px){.feedItemCard{padding:1rem}.feedReactionBar{flex-direction:column;align-items:flex-start;gap:.75rem}.feedReactionActions{width:100%}.feedCommentButton,.feedReactionButton{flex:1 1;justify-content:center}.feedMilestoneIcon{font-size:2.5rem}.feedMilestoneTitle{font-size:1.125rem}.feedReactionPicker{left:50%;transform:translateX(-50%)}}.widgetHeaderIcon{color:var(--color-primary);flex-shrink:0}.widgetHeaderBadge{font-size:.75rem;padding:.125rem .5rem;background:var(--color-primary);color:white;border-radius:12px;font-weight:600;margin-left:auto}.widgetEmptyState{text-align:center;padding:2rem 1rem}.widgetEmptyText{color:var(--color-gray-500);font-size:.875rem;margin-bottom:.75rem}.widgetEmptyLink{color:var(--color-primary);font-weight:600;font-size:.875rem;text-decoration:none;transition:color .2s}.widgetEmptyLink:hover{color:var(--color-primary-dark);text-decoration:underline}.widgetFooterLink{display:block;text-align:center;color:var(--color-primary);font-weight:600;font-size:.875rem;text-decoration:none;padding-top:.75rem;margin-top:.75rem;border-top:1px solid var(--color-gray-200);transition:color .2s}.widgetFooterLink:hover{color:var(--color-primary-dark);text-decoration:underline}.widgetIcon{color:var(--color-gray-500);flex-shrink:0}.widgetLink{display:flex;align-items:center;gap:.75rem;text-decoration:none;color:var(--color-gray-700);font-weight:500;font-size:.875rem;transition:color .2s}.widgetLink:hover,.widgetLink:hover .widgetIcon{color:var(--color-primary)}.widgetSkeleton{padding:.5rem 0}.widgetStudyList{display:flex;flex-direction:column;gap:.75rem}.widgetStudyCard{display:block;padding:.875rem;background:var(--color-gray-50);border:1px solid var(--color-gray-200);border-radius:8px;text-decoration:none;transition:all .2s ease;cursor:pointer}.widgetStudyCard:hover{background:var(--color-gray-100);border-color:var(--color-primary);box-shadow:0 2px 8px rgba(0,0,0,.08)}.widgetStudyInfo{margin-bottom:.75rem}.widgetStudyTitle{font-weight:600;font-size:.875rem;color:var(--color-gray-900);margin-bottom:.5rem;line-height:1.4}.widgetStudyMeta{display:flex;align-items:center;justify-content:space-between;font-size:.75rem;color:var(--color-gray-600);margin-bottom:.5rem}.widgetStudyDay{font-weight:500}.widgetStudyProgress{font-weight:600;color:var(--color-primary)}.widgetStudyProgressBar{width:100%;height:6px;background:var(--color-gray-200);border-radius:3px;overflow:hidden;margin-bottom:.5rem}.widgetStudyProgressFill{height:100%;background:linear-gradient(90deg,var(--color-primary) 0,var(--color-primary-dark) 100%);border-radius:3px;transition:width .3s ease}.widgetStudyAction{display:flex;align-items:center;justify-content:space-between;color:var(--color-primary);font-weight:600;font-size:.8125rem}.widgetCommunityList{display:flex;flex-direction:column;gap:.625rem}.widgetCommunityCard{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:var(--color-gray-50);border:1px solid var(--color-gray-200);border-radius:8px;text-decoration:none;transition:all .2s ease}.widgetCommunityCard:hover{background:var(--color-gray-100);border-color:var(--color-primary)}.widgetCommunityIcon{width:40px;height:40px;border-radius:8px;background:linear-gradient(135deg,var(--color-primary) 0,var(--color-primary-dark) 100%);display:flex;align-items:center;justify-content:center;color:white;flex-shrink:0}.widgetCommunityInfo{flex:1 1;min-width:0}.widgetCommunityName{font-weight:600;font-size:.875rem;color:var(--color-gray-900);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:.25rem}.widgetCommunityMeta{display:flex;align-items:center;gap:.75rem;font-size:.75rem;color:var(--color-gray-600)}.widgetCommunityActivity,.widgetCommunityMembers{display:flex;align-items:center;gap:.25rem}.widgetCommunityArrow{color:var(--color-gray-400);flex-shrink:0;transition:transform .2s}.widgetCommunityCard:hover .widgetCommunityArrow{transform:translateX(4px);color:var(--color-primary)}.widgetCommunityListCompact{display:flex;flex-direction:column;gap:.5rem}.widgetCommunityCardCompact{display:flex;align-items:center;gap:.625rem;padding:.625rem;background:var(--color-gray-50);border:1px solid var(--color-gray-200);border-radius:8px;text-decoration:none;transition:all .15s ease;cursor:pointer}.widgetCommunityCardCompact:hover{background:var(--color-gray-100);border-color:var(--color-primary)}.widgetCommunityIconCompact{width:36px;height:36px;border-radius:8px;background:linear-gradient(135deg,var(--color-primary) 0,var(--color-primary-dark) 100%);display:flex;align-items:center;justify-content:center;color:white;flex-shrink:0}.widgetCommunityInfoCompact{flex:1 1;min-width:0;display:flex;align-items:center;gap:.5rem}.widgetCommunityNameCompact{font-weight:500;font-size:.9375rem;color:var(--color-gray-900);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0;line-height:1.3}.widgetCommunityBadgeCompact{background:var(--color-primary);color:white;font-size:.6875rem;font-weight:600;padding:.125rem .375rem;border-radius:10px;flex-shrink:0}.widgetTrendingList{display:flex;flex-direction:column;gap:.5rem}.widgetTrendingCard{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:var(--color-gray-50);border:1px solid var(--color-gray-200);border-radius:8px;text-decoration:none;transition:all .2s ease}.widgetTrendingCard:hover{background:var(--color-gray-100);border-color:var(--color-primary);box-shadow:0 2px 6px rgba(0,0,0,.06)}.widgetTrendingRank{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,var(--color-primary) 0,var(--color-primary-dark) 100%);color:white;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.875rem;flex-shrink:0}.widgetTrendingInfo{flex:1 1;min-width:0}.widgetTrendingTitle{font-weight:600;font-size:.875rem;color:var(--color-gray-900);margin-bottom:.25rem;line-height:1.4;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.widgetTrendingMeta{display:flex;align-items:center;gap:.75rem;font-size:.75rem;color:var(--color-gray-600)}.widgetTrendingEnrollments,.widgetTrendingRecent{display:flex;align-items:center;gap:.25rem}.widgetTrendingRecent{color:var(--color-green-600);font-weight:600}.widgetEventList{display:flex;flex-direction:column;gap:.75rem}.widgetEventCard{display:flex;gap:.75rem;padding:.75rem;background:var(--color-gray-50);border:1px solid var(--color-gray-200);border-radius:8px;transition:all .2s ease}.widgetEventCard:hover{background:var(--color-gray-100);border-color:var(--color-primary)}.widgetEventDate{flex-shrink:0}.widgetEventDateDay{font-weight:700;font-size:.75rem;color:var(--color-primary);text-align:center;background:white;padding:.5rem;border-radius:6px;border:2px solid var(--color-primary);min-width:60px}.widgetEventInfo{flex:1 1;min-width:0}.widgetEventTitle{font-weight:600;font-size:.875rem;color:var(--color-gray-900);margin-bottom:.375rem;line-height:1.4}.widgetEventMeta{display:flex;flex-direction:column;gap:.25rem;font-size:.75rem;color:var(--color-gray-600)}.widgetEventLocation,.widgetEventTime{display:flex;align-items:center;gap:.375rem}.calendarControls{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-6);padding:var(--space-4);background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-radius:var(--radius-xl);box-shadow:0 2px 8px rgba(22,163,74,.08);border:1px solid rgba(22,163,74,.1)}.calendarGrid{display:grid;grid-template-columns:repeat(7,1fr);gap:1px;background:linear-gradient(135deg,#e5e7eb,#d1d5db);border-radius:var(--radius-xl);overflow:hidden;box-shadow:0 4px 12px rgba(0,0,0,.08)}.calendarDay{min-height:120px;max-height:140px;padding:var(--space-3);background-color:white;cursor:pointer;position:relative;transition:all .2s ease;border:1px solid transparent;overflow:hidden;display:flex;flex-direction:column}.calendarDay:hover{background:linear-gradient(135deg,#f0fdf4,#ffffff);border-color:rgba(22,163,74,.3);transform:translateY(-2px);box-shadow:0 4px 12px rgba(22,163,74,.12);z-index:1}.calendarLegend{margin-top:var(--space-6);padding:var(--space-5);background:linear-gradient(135deg,#fefce8,#fef3c7);border-radius:var(--radius-xl);box-shadow:0 2px 8px rgba(251,191,36,.1);border:1px solid rgba(251,191,36,.2)}.eventsList{min-height:400px}.eventsGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--space-5)}.eventsListContainer{display:flex;flex-direction:column;gap:var(--space-4);max-width:1200px;margin:0 auto}@media (max-width:768px){.calendarControls{flex-direction:column;gap:var(--space-4);align-items:stretch}.eventsGrid{grid-template-columns:1fr}}.widgetFriendsList{display:flex;flex-direction:column;gap:.5rem}.widgetFriendCard{display:flex;align-items:center;gap:.625rem;padding:.625rem;background:var(--color-gray-50);border:1px solid var(--color-gray-200);border-radius:8px;text-decoration:none;transition:all .15s ease;position:relative;cursor:pointer}.widgetFriendCard:hover{background:var(--color-gray-100);border-color:var(--color-primary)}.widgetFriendLink{display:flex;align-items:center;gap:.625rem;flex:1 1;min-width:0;color:inherit}.widgetFriendLink,.widgetFriendLink:hover{text-decoration:none}.widgetFriendOffline{opacity:.6}.widgetFriendAvatar{position:relative;flex-shrink:0}.widgetFriendAvatar,.widgetFriendAvatar .avatar{width:36px;height:36px}.widgetFriendOnlineIndicator{position:absolute;bottom:-1px;right:-1px;width:10px;height:10px;border-radius:50%;border:2px solid white;background:var(--color-gray-400)}.widgetFriendOnlineIndicator.online{background:var(--color-green-500)}.widgetFriendInfo{flex:1 1;min-width:0}.widgetFriendName{font-weight:500;font-size:.9375rem;color:var(--color-gray-900);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0;line-height:1.3}.widgetFriendStatus{font-size:.75rem;color:var(--color-green-600);font-weight:500}.widgetFriendActivity{font-size:.75rem;color:var(--color-gray-500)}.widgetFriendMessageButton{background:transparent;border:none;padding:.375rem;border-radius:50%;color:var(--color-gray-500);cursor:pointer;transition:all .15s ease;flex-shrink:0;opacity:0}.widgetFriendCard:hover .widgetFriendMessageButton{opacity:1}.widgetFriendMessageButton:hover{background:var(--color-gray-200);color:var(--color-primary)}@media (max-width:768px){.widgetCard{padding:1rem}.widgetCommunityCard,.widgetEventCard,.widgetFriendCard,.widgetStudyCard,.widgetTrendingCard{padding:.625rem}.widgetCommunityName,.widgetEventTitle,.widgetFriendName,.widgetStudyTitle,.widgetTrendingTitle{font-size:.8125rem}}.pastorStatsCard{background:linear-gradient(135deg,#667eea,#764ba2);color:white;border:none}.pastorStatsCard .subtitle,.pastorStatsCard .title{color:white}.statGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-bottom:1.5rem}.statItem{text-align:center;padding:.75rem;background:rgba(255,255,255,.1);border-radius:8px}.statValue{font-size:2rem;font-weight:700;color:white;margin-bottom:.25rem}.statLabel{font-size:.75rem;color:rgba(255,255,255,.8);letter-spacing:.5px}.topStudiesSection{padding-top:1rem;border-top:1px solid rgba(255,255,255,.2)}.studiesList{list-style:none;padding:0;margin:.5rem 0 0}.studyItem{padding:.5rem 0;border-bottom:1px solid rgba(255,255,255,.1)}.studyItem:last-child{border-bottom:none}.studyTitle{font-weight:600;color:white;margin-bottom:.25rem}.studyMeta{font-size:.875rem;color:rgba(255,255,255,.7)}.tableContainer{margin-bottom:1rem}.progressTable{width:100%;border-collapse:collapse;font-size:.875rem}.progressTable thead{background-color:var(--color-gray-50);border-bottom:2px solid var(--color-gray-200)}.progressTable th{padding:.75rem;text-align:left;font-weight:600;color:var(--color-gray-700);text-transform:uppercase;font-size:.75rem;letter-spacing:.5px}.progressTable td{padding:.75rem;border-bottom:1px solid var(--color-gray-200)}.progressTable tbody tr:hover{background-color:var(--color-gray-50)}.memberName{color:var(--color-gray-900)}.memberEmail{font-size:.75rem;color:var(--color-gray-500);margin-top:.125rem}.textCenter{text-align:center}.textMuted{color:var(--color-gray-500);font-size:.875rem}.streakBadge{background-color:#fef3c7;color:#92400e;padding:.25rem .5rem;border-radius:12px;font-weight:600;font-size:.75rem}.modalLarge{width:90%}.reflectionsList{display:flex;flex-direction:column;gap:1rem;max-height:60vh;overflow-y:auto}.reflectionCard{background-color:white;border:1px solid var(--color-gray-200);border-radius:8px;padding:1rem}.reflectionHeader{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.75rem}.reflectionMeta{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.dayBadge{background-color:#dbeafe;color:#1e40af;padding:.125rem .5rem;border-radius:12px;font-size:.75rem;font-weight:600}.reflectionDate{font-size:.875rem;color:var(--color-gray-500)}.reflectionContent{line-height:1.6;color:var(--color-gray-800);white-space:pre-wrap}.privateBadge{display:inline-block;margin-top:.5rem;background-color:#fee2e2;color:#991b1b;padding:.25rem .5rem;border-radius:4px;font-size:.75rem;font-weight:600}@media (max-width:768px){.statGrid{grid-template-columns:repeat(2,1fr);gap:.75rem}.statValue{font-size:1.5rem}.progressTable{font-size:.75rem}.progressTable td,.progressTable th{padding:.5rem .25rem}.memberEmail{display:none}}.dashboardGrid{display:grid;grid-template-columns:1fr 380px;gap:1.5rem;margin-top:1.5rem}.dashboardMain{min-width:0}.dashboardSidebar{position:sticky;top:1rem;align-self:start}.pastorDashboardLink{display:flex;align-items:center;gap:.75rem;padding:1rem;background:linear-gradient(135deg,#667eea,#764ba2);color:white;border-radius:8px;text-decoration:none;font-weight:600;margin-bottom:1.5rem;transition:transform .2s,box-shadow .2s}.pastorDashboardLink:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(102,126,234,.4)}.pastorDashboardLink .icon{font-size:1.5rem}@media (max-width:1024px){.dashboardGrid{grid-template-columns:1fr}.dashboardSidebar{position:static}}.errorStateContainer{text-align:center;padding:3rem 1.5rem}.errorIcon{font-size:4rem;margin-bottom:1rem}.errorTitle{font-size:1.5rem;font-weight:700;color:var(--color-gray-900);margin-bottom:.5rem}.errorMessage{color:var(--color-gray-600);margin-bottom:1.5rem;max-width:500px;margin-left:auto;margin-right:auto}.permissionsTable{width:100%;border-collapse:collapse;background:white;border-radius:8px;overflow:hidden}.permissionsTable thead{background:var(--color-gray-100);border-bottom:2px solid var(--color-gray-200)}.permissionsTable th{padding:.75rem 1rem;text-align:left;font-weight:600;font-size:.875rem;color:var(--color-gray-700);text-transform:uppercase;letter-spacing:.025em}.permissionsTable th.textCenter{text-align:center}.permissionsTable th.textRight{text-align:right}.permissionsTable tbody tr{border-bottom:1px solid var(--color-gray-200);transition:background-color .15s ease}.permissionsTable tbody tr:hover{background:var(--color-gray-50)}.permissionsTable tbody tr:last-child{border-bottom:none}.permissionsTable td{padding:.875rem 1rem;font-size:.875rem;color:var(--color-gray-800)}.permissionsTable td.textCenter{text-align:center}.permissionsTable td.textRight{text-align:right}.roleName{display:flex;align-items:center;gap:.5rem;font-weight:600}.roleIcon{color:#16a34a;flex-shrink:0}.roleNameText{font-family:Courier New,monospace;color:var(--color-gray-900)}.roleLevelBadge{display:inline-block;padding:.25rem .625rem;border-radius:9999px;font-size:.75rem;font-weight:600;background:var(--color-gray-200);color:var(--color-gray-700)}.roleLevelBadge[data-level=high]{background:#fee2e2;color:#991b1b}.roleLevelBadge[data-level=medium]{background:#fef3c7;color:#92400e}.roleLevelBadge[data-level=low]{background:#e0f2fe;color:#075985}.roleDescription{color:var(--color-gray-600);font-style:italic}.rolePermissionCount,.roleUserCount{display:flex;align-items:center;justify-content:center;gap:.25rem;color:var(--color-gray-600)}.permissionBadge{font-family:Courier New,monospace;font-size:.8125rem;font-weight:600;color:#059669;background:#d1fae5;padding:.25rem .5rem;border-radius:4px}.resourceBadge{color:#0284c7;background:#e0f2fe}.actionBadge,.resourceBadge{font-family:Courier New,monospace;font-size:.75rem;font-weight:500;padding:.25rem .5rem;border-radius:4px}.actionBadge{color:#9333ea;background:#f3e8ff}.permissionTableDescription{color:var(--color-gray-600);line-height:1.5}.actionButtons{align-items:center;gap:.5rem}.btnSmall{padding:.375rem .75rem;font-size:.8125rem}.btnDanger{background:#fee2e2;color:#991b1b;border:1px solid #fecaca}.btnDanger:hover{background:#fecaca;border-color:#fca5a5}.permissionGroupsContainer{max-height:60vh;overflow-y:auto;padding-right:.5rem}.permissionGroupsContainer::-webkit-scrollbar{width:8px}.permissionGroupsContainer::-webkit-scrollbar-track{background:var(--color-gray-100);border-radius:4px}.permissionGroupsContainer::-webkit-scrollbar-thumb{background:var(--color-gray-300);border-radius:4px}.permissionGroupsContainer::-webkit-scrollbar-thumb:hover{background:var(--color-gray-400)}.permissionGroup{margin-bottom:2rem}.permissionGroup:last-child{margin-bottom:0}.permissionCategoryHeader{border-bottom:2px solid var(--color-gray-200);padding-bottom:.75rem;margin-bottom:1rem}.permissionCategoryLabel{display:flex;align-items:center;gap:.75rem;cursor:pointer;font-weight:600;color:var(--color-gray-900)}.permissionCategoryTitle{font-size:1rem;color:var(--color-gray-900)}.permissionCategoryCount{font-size:.875rem;font-weight:400;color:var(--color-gray-600);margin-left:.5rem}.permissionCheckboxGroup{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:.75rem}.permissionCheckboxLabel{display:flex;align-items:flex-start;gap:.75rem;padding:.75rem;border-radius:6px;border:1px solid var(--color-gray-200);background:white;cursor:pointer;transition:all .15s ease}.permissionCheckboxLabel:hover{background:var(--color-gray-50);border-color:#10b981}.permissionCheckboxLabel input[type=checkbox]:checked~.permissionCheckboxContent{color:var(--color-gray-900)}.permissionCheckboxContent{flex:1 1;min-width:0}.permissionName{display:block;font-size:.875rem;font-weight:600;color:var(--color-gray-900);margin-bottom:.25rem;font-family:Courier New,monospace}.permissionDescription{display:block;font-size:.8125rem;color:var(--color-gray-600);line-height:1.4}.checkbox{width:18px;height:18px;margin-top:.125rem;cursor:pointer;accent-color:#10b981;flex-shrink:0}.checkboxContainer{display:flex;align-items:center;gap:.5rem;cursor:pointer}.checkboxLabel{font-size:.9375rem;color:var(--color-gray-900)}.permissionFilters{display:flex;gap:1rem;margin-bottom:1.5rem}.permissionFilters .formGroup{flex:1 1;margin-bottom:0}.searchInputContainer{position:relative;display:flex;align-items:center}.searchIcon{left:.875rem;color:var(--color-gray-400);pointer-events:none}.searchInput{padding-left:2.75rem}.searchSection{background:var(--color-bg-secondary);padding:var(--space-4);border-radius:var(--radius-lg);margin-bottom:var(--space-6)}.searchBar{position:relative;display:flex;align-items:center}.filterTabs{display:flex;flex-wrap:wrap;gap:var(--space-2)}.filterTab{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);background-color:var(--color-bg-primary);border:1px solid var(--color-gray-200);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast)}.filterTab:hover{background-color:var(--color-bg-muted);border-color:var(--color-gray-300)}.filterTabActive{background-color:var(--color-primary);color:white;border-color:var(--color-primary)}.filterTabActive:hover{background-color:var(--color-primary-hover);border-color:var(--color-primary-hover)}.selectInputContainer{position:relative;display:flex;align-items:center}.selectIcon{position:absolute;left:.875rem;color:var(--color-gray-400);pointer-events:none;z-index:1}.formSelect{padding-left:2.75rem}.permissionCategoriesContainer{display:flex;flex-direction:column;gap:2rem}.permissionCategorySection{border:1px solid var(--color-gray-200);border-radius:8px;padding:1.5rem;background:white}.permissionCategorySection .permissionCategoryTitle{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem;font-size:1.125rem;font-weight:600;color:var(--color-gray-900)}.permissionCategoryBadge{display:inline-flex;align-items:center;justify-content:center;min-width:1.75rem;height:1.75rem;padding:0 .5rem;background:#10b981;color:white;border-radius:9999px;font-size:.75rem;font-weight:600}.tableContainer{border-radius:8px;border:1px solid var(--color-gray-200)}.modalLarge{max-width:900px;max-height:90vh;display:flex;flex-direction:column}.modalLarge .modalBody{overflow-y:auto;max-height:calc(90vh - 200px)}.permissionNamePreview{background:var(--color-gray-100);border:1px solid var(--color-gray-200);border-radius:6px;padding:1rem;margin-bottom:1.5rem;display:flex;align-items:center;gap:.75rem}.permissionNamePreviewLabel{font-weight:600;color:var(--color-gray-700);font-size:.875rem}.permissionNamePreviewValue{font-family:Courier New,monospace;font-size:1rem;font-weight:600;color:#059669}.formGroupRow{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.spinner{border:3px solid rgba(0,0,0,.1);border-top-color:#10b981;animation:spin .8s linear infinite}.spinnerSmall{width:16px;height:16px;border-width:2px}.cardHeaderContent{display:flex;align-items:center;gap:.75rem}.cardHeaderIcon{color:#16a34a;flex-shrink:0}.cardTitle{font-size:1.25rem;font-weight:700;color:var(--color-gray-900)}.cardSubtitle{font-size:.875rem;color:var(--color-gray-600);margin-top:.25rem}.userList{display:flex;flex-direction:column;gap:var(--space-3)}.userListItem{padding:var(--space-4);background-color:white;border:1px solid #e5e7eb;border-radius:var(--radius-lg);transition:all .2s ease}.userListItem:hover{border-color:#16a34a;box-shadow:var(--shadow-sm);transform:translateY(-2px)}.userLink{gap:var(--space-3);text-decoration:none;color:inherit}.userAvatar,.userLink{display:flex;align-items:center}.userAvatar{width:48px;height:48px;border-radius:50%;background-color:#d1fae5;justify-content:center;font-size:var(--font-size-lg);font-weight:600;color:#15803d;overflow:hidden;flex-shrink:0}.userAvatar img{width:100%;height:100%;object-fit:cover}.userInfo{flex:1 1;min-width:0}.userName{font-size:var(--font-size-base);font-weight:600;color:#111827}.userEmail,.userName{margin:0 0 var(--space-1) 0}.userEmail{font-size:var(--font-size-sm);color:#6b7280}.userMeta{font-size:var(--font-size-xs);color:#9ca3af;margin:0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.mentionAutocomplete{position:absolute;z-index:50;width:300px;max-height:280px;overflow-y:auto;background-color:white;border:1px solid #e5e7eb;border-radius:var(--radius-md);box-shadow:var(--shadow-lg);margin-top:4px}.mentionAutocompleteList{list-style:none;margin:0;padding:0}.mentionAutocompleteItem{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);cursor:pointer;transition:background-color .2s;border-bottom:1px solid #f3f4f6}.mentionAutocompleteItem:last-child{border-bottom:none}.mentionAutocompleteItem:hover,.mentionAutocompleteItemSelected{background-color:#f9fafb}.mentionAutocompleteItemSelected{background-color:#f0fdf4}.mentionAutocompleteAvatar{flex-shrink:0;width:32px;height:32px;border-radius:50%;overflow:hidden;background-color:#e5e7eb}.mentionAutocompleteAvatar .avatar,.mentionAutocompleteAvatar img{width:100%;height:100%;object-fit:cover}.avatarPlaceholder{width:100%;height:100%;background-color:var(--color-primary);font-size:14px}.mentionAutocompleteUserInfo{flex:1 1;min-width:0}.mentionAutocompleteUserName{font-size:var(--font-size-sm);font-weight:600;color:#111827;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mentionAutocompleteUserUsername{font-size:var(--font-size-xs);color:#6b7280;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mentionAutocompleteLoading{padding:var(--space-3)}.mentionAutocompleteEmpty{padding:var(--space-4);text-align:center;color:#6b7280;font-size:var(--font-size-sm)}.mention{color:var(--color-primary);font-weight:600;text-decoration:none;cursor:pointer;transition:color .2s}.mention:hover{color:#014d2f;text-decoration:underline}.contentBody .mention{background-color:#f0fdf4;padding:1px 4px;border-radius:3px}.profileLoadingContainer{min-height:60vh}.profileLoadingText{color:#6b7280}.profileErrorContainer{min-height:60vh}.profileErrorIcon svg{width:100%;height:100%}.profileErrorTitle{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold)}.profileErrorText{color:#6b7280;max-width:500px}.profilePrivateContainer{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:40vh;padding:var(--space-8)}.profilePrivateIcon{color:#9ca3af;margin-bottom:var(--space-4)}.profilePrivateIcon svg{width:100%;height:100%}.profilePrivateTitle{font-weight:var(--font-weight-bold)}.profilePrivateText{color:#6b7280;max-width:500px}.profileBannerContainer{position:relative;width:100%;background-color:white;border-bottom:1px solid #e5e7eb}.profileBannerImage{position:relative;width:100%;height:300px;background:linear-gradient(135deg,var(--color-bg-dark) 0,#014d2f 100%);overflow:hidden}.profileBannerImg{object-fit:cover;width:100%;height:100%}.profilePictureOverlay{position:absolute;bottom:-60px;left:50%;transform:translateX(-50%);z-index:10}.profilePictureMainContainer{display:grid;grid-template-columns:auto 1fr;gap:var(--space-6);align-items:start}@media (max-width:768px){.profilePictureMainContainer{grid-template-columns:1fr}}.profilePictureCard{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4);background-color:#ffffff;border:1px solid #e5e7eb;border-radius:var(--radius-lg);min-width:320px}@media (max-width:768px){.profilePictureCard{min-width:auto}}.profileAvatar{width:80px;height:80px;border:2px solid #e5e7eb;background-color:white;flex-shrink:0}.profileAvatarInitials{display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:linear-gradient(135deg,#16a34a,#15803d);color:white;font-size:1.75rem;font-weight:600}.profileInfoSection{display:flex;flex-direction:column;gap:var(--space-2)}.profileName{font-size:var(--font-size-2xl);color:#111827;margin:0}.profileEmail{font-size:var(--font-size-sm);margin:0}.profilePictureUploadButton{border:1px solid #d1d5db;color:#374151;transition:all .2s ease;margin-top:var(--space-2)}.profilePictureUploadButton:hover:not(:disabled){background-color:#f9fafb;border-color:#16a34a;color:#16a34a}.profilePictureUploadButton:disabled{opacity:.5}.profileNameFieldsContainer{display:flex;flex-direction:column;gap:var(--space-4)}.profileNameFieldsRow{display:flex;gap:var(--space-4);align-items:flex-start}@media (max-width:640px){.profileNameFieldsRow{flex-direction:column}}.profilePicture{width:100%;height:100%;object-fit:cover;border-radius:50%}.profileBannerInfo{padding-top:70px;padding-bottom:var(--space-6);text-align:center}.profileDisplayName{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:#111827;margin-bottom:var(--space-1)}.profilePronouns{font-size:var(--font-size-sm);color:#6b7280;font-style:italic;margin-left:var(--space-2)}.profileChurch,.profileLocation{display:flex;align-items:center;justify-content:center;gap:var(--space-2);font-size:var(--font-size-sm);color:#6b7280;margin-top:var(--space-2)}.profileChurchIcon,.profileLocationIcon{width:16px;height:16px}.profileContentContainer{padding:var(--space-8) var(--space-4)}.profileContentGrid{grid-template-columns:1fr 2fr;gap:var(--space-8)}@media (max-width:768px){.profileContentGrid{grid-template-columns:1fr}}.profileLeftColumn,.profileRightColumn{display:flex;flex-direction:column;gap:var(--space-6)}.profileBioSection{box-shadow:var(--shadow-sm)}.profileBioTitle{font-weight:var(--font-weight-bold);margin-bottom:var(--space-3)}.profileBioText{color:#4b5563}.profileInterestTag{background-color:#f0fdf4;color:var(--color-primary)}.profileSocialLink{color:#4b5563;transition:background-color .2s,color .2s}.profileSocialLink:hover{background-color:#f0fdf4;color:var(--color-primary)}.profileBioEmpty{padding:var(--space-8) var(--space-4)}.profileBioEmptyText{color:#9ca3af}.profileStatsSection{box-shadow:var(--shadow-sm)}.profileStatsTitle{font-weight:var(--font-weight-bold)}.profileStatsGrid{gap:var(--space-4)}.profileStatCard{padding:var(--space-4);transition:transform .2s,box-shadow .2s}.profileStatCard:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.profileStatIcon{background-color:#f0fdf4;color:var(--color-primary)}.profileStatIcon svg{width:100%;height:100%}.profileStatValue{font-weight:var(--font-weight-bold)}.profileStatLabel{color:#6b7280}.profileActionsSection{padding:var(--space-4);background-color:white;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.commentReply{position:relative;margin-top:var(--space-3)}.commentThreadLine{position:absolute;left:24px;top:0;bottom:0;width:2px;background:linear-gradient(180deg,#d1fae5,transparent)}.commentContent{position:relative;background-color:white;border-radius:var(--radius-lg);padding:var(--space-4);border:1px solid #f3f4f6}.replyIndent1{margin-left:var(--space-10)}.replyIndent2{margin-left:calc(var(--space-10) * 2)}.replyIndent3{margin-left:calc(var(--space-10) * 3)}.replyForm{margin-top:var(--space-3);background-color:#f9fafb}.replyForm,.replyTextarea{padding:var(--space-3);border-radius:var(--radius-md)}.replyTextarea{font-size:var(--font-size-sm);resize:none;font-family:inherit;transition:border-color .2s}.replyTextarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(34,197,94,.1)}.replyTextarea:disabled{background-color:#f3f4f6;cursor:not-allowed}.replyFormActions{gap:var(--space-2);margin-top:var(--space-2)}.btn-sm{padding:var(--space-2) var(--space-3)}.nestedReplies{margin-top:var(--space-2)}.commentReply .commentCard{background-color:#fafafa;border-left:3px solid #d1fae5}.commentReply .commentAvatar{width:32px;height:32px}.replyCount{font-size:var(--font-size-xs);color:#6b7280;margin-left:var(--space-2)}.directoryContainer{width:100%;max-width:1200px;margin:0 auto;padding:2rem}.directoryHeader{margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid #e5e7eb}.directoryHeaderContent{margin-bottom:1.5rem}.directoryTitle{font-size:2rem;font-weight:700;color:#111827;margin-bottom:.5rem}.directorySubtitle{font-size:1rem;color:#6b7280}.directoryControls{display:flex;gap:1rem;align-items:center;flex-wrap:wrap}.searchContainer{position:relative;flex:1 1;max-width:400px}.searchInput{width:100%;padding-left:2.5rem}.searchIcon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:#9ca3af}.viewToggle{display:flex;gap:.25rem;background:#f3f4f6;padding:.25rem;border-radius:.5rem}.viewToggleButton{padding:.5rem;background:transparent;border:none;border-radius:.375rem;cursor:pointer;color:#6b7280;transition:all .2s}.viewToggleButton.active{background:white;color:#d97706;box-shadow:0 1px 2px rgba(0,0,0,.05)}.viewToggleButton:hover:not(.active){color:#374151}.membersGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;margin-bottom:2rem}.memberCard{background:white;border-radius:.75rem;padding:1.5rem;box-shadow:0 1px 3px rgba(0,0,0,.1);transition:transform .2s,box-shadow .2s}.memberCard:hover{transform:translateY(-2px)}.membersList{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.memberListItem{background:white;border-radius:.5rem;padding:1rem 1.5rem;box-shadow:0 1px 2px rgba(0,0,0,.05);display:flex;gap:1rem;align-items:flex-start}.memberAvatar{position:relative;flex-shrink:0}.memberAvatarImage{border-radius:50%;object-fit:cover}.memberInitials{width:80px;height:80px;background:linear-gradient(135deg,#fbbf24,#f59e0b);color:white;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:600}.memberListItem .memberInitials{width:50px;height:50px;font-size:1.125rem}.currentUserBadge{position:absolute;bottom:-4px;right:-4px;background:#10b981;color:white;font-size:.625rem;padding:.125rem .375rem;border-radius:999px;font-weight:600;text-transform:uppercase}.memberName{font-size:1.125rem;margin-bottom:.25rem}.memberNickname{font-size:.875rem;color:#6b7280;font-weight:400;margin-left:.5rem}.memberBio{color:#4b5563;line-height:1.5}.memberBio,.memberLocation{font-size:.875rem;margin:.5rem 0}.memberLocation{display:flex;align-items:center;gap:.25rem;color:#6b7280}.memberLocation svg{flex-shrink:0;color:#9ca3af}.memberContact{display:flex;flex-direction:column;gap:.375rem;margin:.75rem 0}.contactLink{display:inline-flex;align-items:center;gap:.375rem;font-size:.875rem;color:#1e40af;text-decoration:none;transition:color .2s}.contactLink:hover{color:#1e3a8a}.contactLink svg{flex-shrink:0}.memberMeta{margin:.75rem 0}.memberSince{font-size:.75rem;color:#9ca3af;text-transform:uppercase;letter-spacing:.05em}.memberInterests{display:flex;flex-wrap:wrap;gap:.375rem;margin-top:.75rem}.interestBadge{background:#fef3c7;color:#92400e;font-size:.75rem;padding:.25rem .625rem;border-radius:999px;font-weight:500}.milestonesSection{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-bottom:2rem}.milestoneCard{background:white;border-radius:.75rem;padding:1.5rem;box-shadow:0 1px 3px rgba(0,0,0,.1);border-left:4px solid #f59e0b}.milestoneHeader{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid #f3f4f6}.milestoneIcon{color:#f59e0b;flex-shrink:0}.milestoneTitle{font-size:1.125rem;font-weight:600;color:#111827;margin:0}.milestoneList{display:flex;flex-direction:column;gap:.75rem}.milestoneItem{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background:#fef3c7;border-radius:.5rem;transition:background .2s}.milestoneItem:hover{background:#fde68a}.milestoneItemInfo{display:flex;flex-direction:column;gap:.25rem;flex:1 1}.milestoneItemName{font-size:.875rem;font-weight:600;color:#111827}.milestoneItemDate{font-size:.75rem;color:#6b7280}.milestoneItemBadge{background:white;color:#92400e;font-size:.75rem;font-weight:600;padding:.25rem .75rem;border-radius:999px;flex-shrink:0}.memberNameRow{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;margin-bottom:.5rem}.memberRoles{display:flex;gap:.375rem;flex-wrap:wrap}.roleBadge{display:inline-flex;align-items:center;gap:.25rem;font-size:.625rem;font-weight:600;padding:.25rem .5rem;border-radius:999px;text-transform:uppercase;letter-spacing:.05em}.roleBadgePastor{background:#dbeafe;color:#1e40af}.roleBadgeAdmin{background:#fce7f3;color:#be123c}.roleBadgeSuperAdmin{background:#f3e8ff;color:#7c3aed}.memberBadges{display:flex;flex-wrap:wrap;gap:.375rem;margin-bottom:.5rem}.milestoneBadge{display:inline-flex;align-items:center;gap:.25rem;font-size:.75rem;font-weight:600;padding:.25rem .5rem;border-radius:999px}.birthdayBadge{background:#fef3c7;color:#92400e}.anniversaryBadge{background:#ffe4e6;color:#be123c}.newMemberBadge{background:#dbeafe;color:#1e40af}.paginationContainer{display:flex;justify-content:center;align-items:center;gap:1rem;padding:1.5rem 0}.paginationInfo{font-size:.875rem;color:#6b7280}@media (max-width:640px){.directoryContainer{padding:1rem}.directoryControls{flex-direction:column;align-items:stretch}.searchContainer{max-width:none}.viewToggle{align-self:flex-end}.membersGrid{grid-template-columns:1fr}.memberCard,.memberListItem{padding:1rem}}.announcementsContainer{width:100%;max-width:800px;margin:0 auto;padding:2rem}.announcementsHeader{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.announcementsTitle{font-size:2rem;font-weight:700;color:#111827}.announcementForm{margin-bottom:2rem;padding:1.5rem;background:white;border-radius:.75rem}.announcementForm .formTitle{font-size:1.25rem;font-weight:600;margin-bottom:1rem;color:#111827}.helpText{display:block;font-size:.75rem;color:#6b7280;margin-top:.25rem}.pinnedSection{margin-bottom:2rem}.pinnedSection .sectionTitle{display:flex;align-items:center;gap:.5rem;font-size:1rem;font-weight:600;color:#d97706;margin-bottom:1rem}.announcementsList{display:flex;flex-direction:column;gap:1rem}.announcementCard{background:white;border-radius:.75rem;padding:1.5rem;box-shadow:0 1px 3px rgba(0,0,0,.1);transition:box-shadow .2s}.announcementCard.pinned{background:linear-gradient(135deg,#fef3c7,white);border:2px solid #fbbf24}.announcementCard:hover{box-shadow:0 4px 6px rgba(0,0,0,.1)}.announcementHeader{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.75rem}.announcementMeta{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;font-size:.875rem}.pinnedBadge{display:inline-flex;align-items:center;gap:.25rem;background:#fbbf24;color:#78350f;padding:.125rem .5rem;border-radius:999px;font-weight:600;font-size:.75rem}.announcementAuthor{font-weight:600;color:#374151}.announcementDate{color:#6b7280}.visibilityBadge{padding:.125rem .5rem;border-radius:999px;font-size:.75rem;font-weight:500;text-transform:uppercase}.visibilityBadge.public{background:#dbeafe;color:#1e40af}.visibilityBadge.private{background:#fce7f3;color:#a21caf}.announcementActions{display:flex;gap:.5rem}.iconButton{padding:.375rem;background:transparent;border:1px solid #e5e7eb;border-radius:.375rem;cursor:pointer;color:#6b7280;transition:all .2s}.iconButton:hover{background:#f3f4f6;color:#374151}.iconButton.danger:hover{background:#fee2e2;color:#dc2626;border-color:#dc2626}.announcementTitle{font-size:1.25rem;font-weight:600;color:#111827;margin-bottom:.75rem}.announcementBody{margin-bottom:1rem}.announcementText{font-size:.9375rem;line-height:1.6;color:#374151;white-space:pre-wrap}.readMoreButton{margin-top:.5rem;font-size:.875rem;color:#1e40af;background:none;border:none;cursor:pointer;text-decoration:underline}.readMoreButton:hover{color:#1e3a8a}.announcementTags{display:flex;flex-wrap:wrap;gap:.375rem;margin-bottom:1rem}.tagBadge{background:#f3f4f6;color:#4b5563;font-size:.75rem;padding:.25rem .625rem;border-radius:999px}.announcementFooter{display:flex;align-items:center;gap:1rem;padding-top:.75rem;border-top:1px solid #f3f4f6;font-size:.75rem;color:#6b7280}.viewCount{display:inline-flex}.announcementStats{display:flex;gap:.5rem;justify-content:center;margin-top:2rem;padding-top:2rem;border-top:1px solid #e5e7eb}.statBadge{background:#f3f4f6;padding:.375rem .75rem;border-radius:999px;font-size:.875rem;color:#4b5563}.formActions{gap:.75rem;justify-content:flex-end;margin-top:1.5rem}@media (max-width:640px){.announcementsContainer{padding:1rem}.announcementsHeader{flex-direction:column;align-items:flex-start;gap:1rem}.announcementHeader{flex-direction:column;gap:.5rem}.announcementMeta{width:100%}.announcementActions{align-self:flex-end}}.celebrationsContainer{width:100%;max-width:900px;margin:0 auto;padding:2rem}.celebrationsHeader{margin-bottom:2rem}.celebrationsHeaderContent{margin-bottom:1.5rem}.celebrationsTitle{font-size:2rem;font-weight:700;color:#111827;margin-bottom:.5rem}.celebrationsSubtitle{font-size:1rem;color:#6b7280}.celebrationsFilters{display:flex;gap:2rem;flex-wrap:wrap}.filterGroup{display:flex;align-items:center;gap:.75rem}.filterLabel{font-size:.875rem;font-weight:500;color:#374151}.buttonGroup{display:flex;gap:.25rem;background:#f3f4f6;padding:.25rem;border-radius:.5rem}.filterButton{padding:.5rem 1rem;background:transparent;border:none;border-radius:.375rem;font-size:.875rem;color:#6b7280;cursor:pointer;transition:all .2s;white-space:nowrap}.filterButton.active{background:white;color:#d97706;box-shadow:0 1px 2px rgba(0,0,0,.05)}.filterButton:hover:not(.active){color:#374151}.celebrationsContent{display:flex;flex-direction:column;gap:2rem}.celebrationGroup{background:white;border-radius:.75rem;padding:1.5rem;box-shadow:0 1px 3px rgba(0,0,0,.1)}.celebrationGroupTitle{font-size:1.125rem;font-weight:600;color:#374151;margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.celebrationGroupTitle.today{color:#dc2626;font-size:1.25rem}.celebrationGroupIcon{font-size:1.5rem}.celebrationsList{display:flex;flex-direction:column;gap:.75rem}.celebrationCard{display:flex;align-items:center;gap:1rem;padding:1rem;background:#fafafa;border-radius:.5rem;transition:all .2s}.celebrationCard.today{background:linear-gradient(135deg,#fef3c7,#fed7aa);border:2px solid #fbbf24}.celebrationCard:hover{background:#f3f4f6;transform:translateX(4px)}.celebrationCard.today:hover{background:linear-gradient(135deg,#fed7aa,#fef3c7)}.celebrationAvatar{position:relative;flex-shrink:0}.celebrationAvatarImage{width:60px;height:60px;border-radius:50%;object-fit:cover}.celebrationInitials{width:60px;height:60px;background:linear-gradient(135deg,#fbbf24,#f59e0b);color:white;font-size:1.25rem;font-weight:600}.celebrationIcon,.celebrationInitials{border-radius:50%;display:flex;align-items:center;justify-content:center}.celebrationIcon{position:absolute;bottom:-4px;right:-4px;background:white;width:24px;height:24px;font-size:.875rem;box-shadow:0 1px 3px rgba(0,0,0,.2)}.celebrationInfo{flex:1 1}.celebrationName{font-size:1rem;font-weight:600;color:#111827;margin-bottom:.25rem}.celebrationType{font-size:.875rem;color:#6b7280;margin-bottom:.25rem}.celebrationYears{color:#d97706;font-weight:500}.celebrationDate{font-size:.875rem;color:#4b5563}.celebrationDate.today{color:#dc2626;font-weight:600}.celebrationDay{color:#6b7280}.celebrationAction{flex-shrink:0}.btn-sm{padding:.375rem .75rem;font-size:.875rem}.celebrationsInfo{margin-top:2rem}.infoCard{background:#f0fdfa;border:1px solid #5eead4;border-radius:.5rem;padding:1rem}.infoTitle{font-size:.875rem;font-weight:600;color:#0f766e;margin-bottom:.5rem}.infoText{font-size:.875rem;color:#134e4a;line-height:1.5}.emptyStateHint{font-size:.875rem;color:#9ca3af;margin-top:.5rem}@media (max-width:640px){.celebrationsContainer{padding:1rem}.celebrationsFilters{flex-direction:column;gap:1rem}.filterGroup{flex-direction:column;align-items:flex-start;width:100%}.buttonGroup{width:100%}.celebrationCard{flex-direction:column}.celebrationCard,.celebrationInfo{text-align:center}}.eventCommentsContainer{width:100%;max-width:800px;margin:2rem auto;padding:0}.commentsTitle{font-size:1.5rem;font-weight:600;color:#111827;margin-bottom:1.5rem}.commentCount{font-size:1rem;color:#6b7280;font-weight:400;margin-left:.5rem}.commentForm{background:white;border-radius:.75rem;padding:1.5rem;margin-bottom:2rem;box-shadow:0 1px 3px rgba(0,0,0,.1)}.commentTextarea{width:100%;min-height:80px;padding:.75rem;border:1px solid #e5e7eb;border-radius:.5rem;font-size:.9375rem;resize:vertical}.commentTextarea:focus{outline:none;border-color:#fbbf24;box-shadow:0 0 0 3px rgba(251,191,36,.1)}.commentFormActions{margin-top:1rem;display:flex;justify-content:flex-end}.commentsList{display:flex;flex-direction:column;gap:1rem}.eventComment{background:white;border-radius:.75rem;padding:1rem;box-shadow:0 1px 3px rgba(0,0,0,.1)}.eventComment.reply{margin-left:3rem;background:#fafafa;border-left:3px solid #fbbf24}.commentHeader{display:flex;align-items:flex-start;gap:.75rem;margin-bottom:.75rem}.commentAvatar{flex-shrink:0}.avatarImage{border-radius:50%;object-fit:cover}.avatarInitials{width:40px;height:40px;background:linear-gradient(135deg,#fbbf24,#f59e0b);color:white;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.875rem;font-weight:600}.reply .avatarInitials{width:32px;height:32px;font-size:.75rem}.commentMeta{display:flex;flex-direction:column;gap:.125rem}.commentAuthor{font-weight:600;color:#111827;font-size:.9375rem}.commentTime{font-size:.75rem;color:#6b7280}.editedLabel{font-style:italic;color:#9ca3af}.commentBody{margin-bottom:.75rem}.commentText{font-size:.9375rem;line-height:1.5;color:#374151;white-space:pre-wrap}.commentActions{gap:1rem}.commentActions,.reactionCount{display:flex;align-items:center}.reactionCount{font-size:.875rem;color:#6b7280;gap:.25rem}.replyButton{font-size:.875rem;color:#1e40af;background:none;border:none;cursor:pointer;padding:0}.replyButton:hover{color:#1e3a8a;text-decoration:underline}.replyForm{margin-top:1rem;padding-top:1rem;border-top:1px solid #e5e7eb}.replyTextarea{width:100%;min-height:60px;padding:.5rem;border:1px solid #e5e7eb;border-radius:.375rem;font-size:.875rem;resize:vertical}.replyFormActions{margin-top:.5rem;display:flex;gap:.5rem;justify-content:flex-end}.nestedReplies{margin-top:1rem;display:flex;flex-direction:column;gap:.75rem}.emptyComments{text-align:center;padding:3rem;color:#6b7280}.eventPhotosContainer{width:100%;max-width:1200px;margin:2rem auto;padding:0}.photosHeader{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.photosTitle{font-size:1.5rem;font-weight:600;color:#111827}.photoCount{font-size:1rem;color:#6b7280;font-weight:400;margin-left:.5rem}.photoUploadForm{margin-bottom:2rem;padding:1.5rem;background:white;border-radius:.75rem}.photoUploadForm .formTitle{font-size:1.125rem;font-weight:600;margin-bottom:1rem;color:#111827}.photosGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem}.photoCard{background:white;border-radius:.75rem;overflow:hidden;box-shadow:0 1px 3px rgba(0,0,0,.1);cursor:pointer;transition:transform .2s,box-shadow .2s}.photoCard:hover{transform:translateY(-4px);box-shadow:0 4px 6px rgba(0,0,0,.1)}.photoWrapper{position:relative;aspect-ratio:3/2;overflow:hidden}.photoImage{width:100%;height:100%;object-fit:cover}.featuredBadge{position:absolute;top:.5rem;right:.5rem;background:#fbbf24;color:#78350f;padding:.25rem .625rem;border-radius:999px;font-size:.75rem;font-weight:600;text-transform:uppercase}.photoInfo{padding:1rem}.photoCaption{font-size:.9375rem;color:#374151;margin-bottom:.75rem;line-height:1.4}.photoMeta{display:flex;justify-content:space-between;font-size:.75rem;color:#6b7280;margin-bottom:.5rem}.photoUploader{font-weight:500}.photoDate{font-style:italic}.photoStats{display:flex;gap:1rem;font-size:.875rem;color:#6b7280}.viewCount{display:flex;align-items:center;gap:.25rem}.emptyPhotos{text-align:center;padding:3rem}.emptyPhotosIcon{color:#d1d5db;margin-bottom:1rem}.emptyPhotosText{color:#6b7280;font-size:1rem}.photoLightbox{position:fixed;inset:0;background:rgba(0,0,0,.9);display:flex;align-items:center;justify-content:center;z-index:9999;padding:2rem;cursor:pointer}.lightboxContent{position:relative;max-width:90vw;max-height:90vh;cursor:default}.lightboxClose{position:absolute;top:-2rem;right:0;background:none;border:none;color:white;font-size:2rem;cursor:pointer;padding:0;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center}.lightboxImage{max-width:100%;max-height:90vh;object-fit:contain}@media (max-width:640px){.eventComment.reply{margin-left:1.5rem}.photosGrid{grid-template-columns:1fr}.photosHeader{flex-direction:column;align-items:flex-start;gap:1rem}}.profilePageContainer{min-height:100vh;padding-bottom:var(--space-16);background:linear-gradient(to bottom right,#ffffff,#fffbf0 50%,#fef9e7)}.profileLoadingContainer{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh;gap:var(--space-4)}.profileLoadingText{font-size:var(--font-size-lg);color:var(--color-muted)}.profileErrorContainer{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh;text-align:center;padding:var(--space-8)}.profileErrorIcon{width:64px;height:64px;color:#ef4444;margin-bottom:var(--space-4)}.profileErrorTitle{font-size:var(--font-size-2xl);font-weight:600;color:#111827;margin-bottom:var(--space-2)}.profileErrorText{font-size:var(--font-size-base);color:var(--color-muted);margin-bottom:var(--space-6);max-width:400px}.profileHeader{display:flex;align-items:center;gap:var(--space-6);padding:var(--space-8) var(--space-6);background-color:white;border-bottom:1px solid var(--color-border);max-width:1200px;margin:0 auto}.profileHeaderAvatar{flex-shrink:0;width:100px;height:100px;border-radius:50%;overflow:hidden;box-shadow:0 4px 12px rgba(0,0,0,.1)}.profileHeaderAvatarImg{width:100%;height:100%;object-fit:cover;border-radius:50%}.profileHeaderAvatarPlaceholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-primary) 0,var(--color-bg-dark) 100%);border-radius:50%}.profileHeaderAvatarPlaceholder span{font-size:2.25rem;font-weight:700;color:white;text-transform:uppercase}.profileHeaderInfo{flex:1 1;min-width:0}.profileHeaderName{font-size:var(--font-size-2xl);font-weight:700;color:#111827;margin:0 0 var(--space-2) 0;display:flex;align-items:baseline;flex-wrap:wrap;gap:var(--space-2)}.profileHeaderPronouns{font-size:var(--font-size-base);font-weight:400;color:var(--color-muted)}.profileHeaderMeta{display:flex;flex-wrap:wrap;gap:var(--space-4)}.profileHeaderChurch,.profileHeaderLocation{display:flex;align-items:center;gap:var(--space-1);font-size:var(--font-size-sm);color:var(--color-muted)}.profileHeaderChurch svg,.profileHeaderLocation svg{width:16px;height:16px;flex-shrink:0}.profileHeaderChurch{color:var(--color-primary)}.profileHeaderActions{flex-shrink:0;display:flex;align-items:center}.profileHeaderActions .btn{white-space:nowrap;min-width:100px}@media (max-width:640px){.profileHeader{flex-direction:column;text-align:center;padding:var(--space-6) var(--space-4)}.profileHeaderMeta,.profileHeaderName{justify-content:center}.profileHeaderActions{margin-top:var(--space-4)}.profileHeaderActions .btn{width:100%;max-width:200px}}.profileContentContainer{max-width:1200px;margin:0 auto;padding:var(--space-8) var(--space-4) var(--space-8)}.profileContentGrid{display:grid;grid-template-columns:1fr 400px;gap:var(--space-6)}.profileLeftColumn,.profileRightColumn{display:flex;flex-direction:column;gap:var(--space-6)}.profileBioSection{background-color:white;border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.06)}.profileBioTitle{font-size:var(--font-size-xl);font-weight:600;color:#111827;margin-bottom:var(--space-4)}.profileBioContent{margin-bottom:var(--space-6)}.profileBioText{font-size:var(--font-size-base);color:#374151;line-height:var(--line-height-relaxed);white-space:pre-wrap}.profileBioText strong{font-weight:600;color:#111827}.profileBioText em{font-style:italic}.profileBioText .bioLink{color:#15803d;text-decoration:underline}.profileBioText .bioLink:hover{color:#14532d}.profileBioEmpty{text-align:center;padding:var(--space-8)}.profileBioEmptyText{font-size:var(--font-size-base);color:var(--color-muted)}.profileInterestsContent{margin-bottom:var(--space-6)}.profileInterestsTitle{font-size:var(--font-size-lg);font-weight:600;color:#111827;margin-bottom:var(--space-3)}.profileInterestsList{display:flex;flex-wrap:wrap;gap:var(--space-2)}.profileInterestTag{display:inline-block;padding:var(--space-2) var(--space-3);background-color:#dcfce7;color:#15803d;border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:500}.profileSocialContent{margin-bottom:var(--space-4)}.profileSocialTitle{font-size:var(--font-size-lg);font-weight:600;color:#111827;margin-bottom:var(--space-3)}.profileSocialLinks{display:flex;flex-direction:column;gap:var(--space-2)}.profileSocialLink{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-md);background-color:#f9fafb;color:#374151;text-decoration:none;transition:all .2s}.profileSocialLink:hover{background-color:#f3f4f6;color:#15803d}.profileSocialIcon{width:20px;height:20px;flex-shrink:0}.profileSocialLinkText{font-size:var(--font-size-sm);font-weight:500;text-transform:capitalize}.profileStatsSection{background-color:white;border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.06)}.profileStatsTitle{font-size:var(--font-size-xl);font-weight:600;color:#111827;margin-bottom:var(--space-4)}.profileStatsGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-3)}.profileStatCard{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);background-color:#f9fafb;border-radius:var(--radius-md)}.profileStatIcon{width:40px;height:40px;padding:var(--space-2);background-color:#dcfce7;color:#15803d;border-radius:var(--radius-md);flex-shrink:0}.profileStatContent{flex:1 1}.profileStatValue{font-size:var(--font-size-2xl);font-weight:700;color:#111827;line-height:1;margin-bottom:var(--space-1)}.profileStatLabel{font-size:var(--font-size-xs);color:var(--color-muted);font-weight:500;text-transform:uppercase;letter-spacing:.05em}.profileActionsSection{display:flex;gap:var(--space-3);margin-top:var(--space-4)}.profileActionsSection .btn{flex:1 1}.profilePrivateContainer{background-color:white;border-radius:var(--radius-lg);padding:var(--space-12);text-align:center;box-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.06)}.profilePrivateIcon{width:64px;height:64px;margin:0 auto var(--space-4);color:var(--color-muted)}.profilePrivateTitle{font-size:var(--font-size-2xl);font-weight:600;color:#111827;margin-bottom:var(--space-2)}.profilePrivateText{font-size:var(--font-size-base);color:var(--color-muted);max-width:400px;margin:0 auto}.profileViewsSection{background-color:white;border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.06)}.profileViewsHeader{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4)}.profileViewsTitle{font-size:var(--font-size-lg);font-weight:600;color:#111827}.profileViewsCount{font-size:var(--font-size-2xl);font-weight:700;color:#15803d}.profileViewsList{display:flex;flex-direction:column;gap:var(--space-2)}.profileViewItem{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-md);background-color:#f9fafb;transition:background-color .2s}.profileViewItem:hover{background-color:#f3f4f6}.profileViewAvatar{width:40px;height:40px;border-radius:50%;overflow:hidden;flex-shrink:0}.profileViewInfo{flex:1 1}.profileViewName{font-size:var(--font-size-sm);font-weight:600;color:#111827}.profileViewTime{font-size:var(--font-size-xs);color:var(--color-muted)}.mutualConnectionsSection{background-color:white;border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.06)}.mutualConnectionsTitle{font-size:var(--font-size-lg);font-weight:600;color:#111827;margin-bottom:var(--space-4)}.mutualConnectionsList{display:flex;flex-direction:column;gap:var(--space-2)}.mutualConnectionItem{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-md);background-color:#f9fafb;transition:all .2s;text-decoration:none;color:inherit}.mutualConnectionItem:hover{background-color:#f3f4f6;transform:translateX(4px)}.mutualConnectionAvatar{width:40px;height:40px;border-radius:50%;overflow:hidden;flex-shrink:0}.mutualConnectionInfo{flex:1 1}.mutualConnectionName{font-size:var(--font-size-sm);font-weight:600;color:#111827}.mutualConnectionChurch,.mutualConnectionLocation{font-size:var(--font-size-xs);color:var(--color-muted)}.mutualConnectionsHeader{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4)}.mutualConnectionsCount{font-size:var(--font-size-lg);font-weight:700;color:#15803d}.mutualConnectionsGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-3)}.mutualConnectionCard{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-md);background-color:#f9fafb;transition:all .2s;text-decoration:none;color:inherit}.mutualConnectionCard:hover{background-color:#f3f4f6;transform:translateY(-2px);box-shadow:0 4px 6px -1px rgba(0,0,0,.1)}.mutualConnectionAvatarPlaceholder{width:48px;height:48px;border-radius:50%;background-color:#dcfce7;color:#15803d;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.875rem}.mutualConnectionsViewAll{text-align:center;padding-top:var(--space-4);margin-top:var(--space-4);border-top:1px solid #f3f4f6}.bioEditorContainer{background-color:white;border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.06)}.bioEditorHeader{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4)}.bioEditorTitle{font-size:var(--font-size-lg);font-weight:600;color:#111827;margin:0}.bioEditorActions,.bioEditorModeButton{display:flex;gap:var(--space-2)}.bioEditorModeButton{align-items:center;padding:var(--space-2) var(--space-3);border:1px solid #e5e7eb;border-radius:var(--radius-md);background-color:white;color:#6b7280;font-size:var(--font-size-sm);cursor:pointer;transition:all .2s}.bioEditorModeButton:hover{background-color:#f9fafb;border-color:#d1d5db}.bioEditorModeButton.active{background-color:#dcfce7;border-color:#15803d;color:#15803d;font-weight:500}.bioEditorTextarea{width:100%;min-height:150px;padding:var(--space-3);border:1px solid #e5e7eb;border-radius:var(--radius-md);font-size:var(--font-size-base);line-height:1.6;resize:vertical;font-family:inherit}.bioEditorTextarea:focus{outline:none;border-color:#15803d;box-shadow:0 0 0 3px rgba(21,128,61,.1)}.bioEditorFooter{display:flex;align-items:center;justify-content:space-between;margin-top:var(--space-2);font-size:var(--font-size-sm);color:#6b7280}.bioEditorHelp{display:flex;align-items:center;gap:var(--space-2)}.bioEditorCounter{font-weight:500;color:#6b7280}.bioEditorCounter.warning{color:#dc2626;font-weight:600}.bioEditorPreview{min-height:150px;padding:var(--space-4);border:1px solid #e5e7eb;border-radius:var(--radius-md);background-color:#f9fafb}.bioPreviewContent{line-height:1.6;color:#374151}.bioPreviewContent strong{font-weight:600;color:#111827}.bioPreviewContent em{font-style:italic}.bioPreviewContent .bioLink{color:#15803d;text-decoration:underline}.bioPreviewContent .bioLink:hover{color:#14532d}.bioPreviewEmpty{text-align:center;padding:var(--space-8) 0;color:#9ca3af;font-style:italic}.bioEditorSaveActions{display:flex;justify-content:flex-end;gap:var(--space-3);margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid #e5e7eb}@media (max-width:768px){.profileBannerImage{height:200px}.profilePictureContainer{bottom:-40px}.profilePictureWrapper{width:80px;height:80px}.profileBannerInfo{padding:60px var(--space-4) var(--space-6)}.profileDisplayName{font-size:var(--font-size-2xl)}.profileContentGrid{grid-template-columns:1fr}.profileRightColumn{order:-1}.profileStatsGrid{grid-template-columns:repeat(3,1fr)}.mutualConnectionsGrid{grid-template-columns:1fr}}@media (max-width:640px){.profileStatsGrid{grid-template-columns:repeat(2,1fr)}.profileActionsSection{flex-direction:column}}.richTextContent{line-height:1.6}.richTextContent p{margin-bottom:var(--space-2)}.richTextContent p:last-child{margin-bottom:0}.richTextContent strong{font-weight:var(--font-weight-semibold)}.richTextContent em{font-style:italic}.richTextContent u{text-decoration:underline}.richTextContent h1,.richTextContent h2,.richTextContent h3,.richTextContent h4,.richTextContent h5,.richTextContent h6{font-weight:var(--font-weight-semibold);margin-top:var(--space-3);margin-bottom:var(--space-2);line-height:1.3}.richTextContent h1{font-size:var(--font-size-2xl)}.richTextContent h2{font-size:var(--font-size-xl)}.richTextContent h3{font-size:var(--font-size-lg)}.richTextContent h4{font-size:var(--font-size-base)}.richTextContent h5{font-size:var(--font-size-sm)}.richTextContent h6{font-size:var(--font-size-xs)}.richTextContent ol,.richTextContent ul{margin-left:var(--space-4);margin-bottom:var(--space-2)}.richTextContent li{margin-bottom:var(--space-1)}.richTextContent blockquote{border-left:3px solid var(--color-primary);padding-left:var(--space-3);margin-left:0;margin-bottom:var(--space-2);font-style:italic;color:#6b7280}.richTextContent code{background-color:#f3f4f6;padding:2px 6px;border-radius:var(--radius-sm);font-family:monospace;font-size:.9em}.richTextContent pre{background-color:#f3f4f6;padding:var(--space-3);border-radius:var(--radius-md);overflow-x:auto;margin-bottom:var(--space-2)}.richTextContent pre code{background-color:initial;padding:0}.church-indicator{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background-color:rgba(22,163,74,.1);border-radius:var(--radius-md);color:var(--color-text-dark);font-size:var(--font-size-sm)}.church-indicator-name{font-weight:var(--font-weight-medium);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:150px}.church-switcher{position:relative;display:inline-block}.church-switcher-button{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background-color:white;border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease;min-width:180px;font-size:var(--font-size-sm);color:var(--color-text-dark)}.church-switcher-button:hover:not(:disabled){background-color:var(--color-bg-light);border-color:var(--color-primary)}.church-switcher-button:disabled{opacity:.5;cursor:not-allowed}.church-switcher-button .church-info{display:flex;flex-direction:column;align-items:flex-start;flex:1 1;min-width:0}.church-switcher-button .church-name{font-weight:var(--font-weight-medium);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}.church-switcher-button .church-role{font-size:var(--font-size-xs);color:var(--color-text-muted);text-transform:capitalize}.church-switcher-button .chevron{transition:transform .2s ease;flex-shrink:0}.church-switcher-button .chevron.rotated{transform:rotate(180deg)}.church-switcher-dropdown{position:absolute;top:calc(100% + var(--space-2));right:0;min-width:320px;background-color:white;border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);z-index:50;overflow:hidden}.church-switcher-dropdown .dropdown-header{padding:var(--space-3) var(--space-4);background-color:var(--color-bg-light);border-bottom:1px solid var(--color-border);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.church-switcher-dropdown .dropdown-list{max-height:400px;overflow-y:auto}.church-switcher-dropdown .church-option{width:100%;display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-3) var(--space-4);background-color:white;border:none;border-bottom:1px solid var(--color-border);cursor:pointer;transition:background-color .2s ease;text-align:left}.church-switcher-dropdown .church-option:last-child{border-bottom:none}.church-switcher-dropdown .church-option:hover{background-color:var(--color-bg-light)}.church-switcher-dropdown .church-option.active{background-color:rgba(22,163,74,.05)}.church-switcher-dropdown .church-option .church-details{display:flex;flex-direction:column;gap:var(--space-1);flex:1 1;min-width:0}.church-switcher-dropdown .church-option .church-name{font-weight:var(--font-weight-medium);color:var(--color-text-dark);font-size:var(--font-size-base);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.church-switcher-dropdown .church-option .church-location{font-size:var(--font-size-sm);color:var(--color-text-muted)}.church-switcher-dropdown .church-option .church-meta{display:flex;align-items:center;gap:var(--space-2);flex-shrink:0}.church-switcher-dropdown .church-option .church-role-badge{padding:var(--space-1) var(--space-2);background-color:rgba(22,163,74,.1);color:var(--color-primary);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);text-transform:capitalize}.church-switcher-dropdown .church-option .active-check{color:var(--color-primary)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-16) var(--space-4);text-align:center;min-height:400px}.empty-state-icon{color:var(--color-text-muted);margin-bottom:var(--space-4);opacity:.5}.empty-state h2{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-dark);margin-bottom:var(--space-3)}.empty-state p{font-size:var(--font-size-base);color:var(--color-text-muted);max-width:500px;margin-bottom:var(--space-6);line-height:var(--line-height-relaxed)}.empty-state-actions{display:flex;gap:var(--space-3);flex-wrap:wrap;justify-content:center}@media (max-width:768px){.church-indicator-name{max-width:100px}.church-switcher-button{min-width:150px}.church-switcher-dropdown{min-width:280px;right:-20px}.church-switcher-dropdown .church-option .church-name{font-size:var(--font-size-sm)}}@media (max-width:480px){.church-indicator,.church-switcher-button{padding:var(--space-1) var(--space-2)}.church-switcher-button{min-width:120px}.church-switcher-dropdown{left:0;right:0;min-width:auto}}.stepIndicator{justify-content:center;padding:var(--space-6);margin:0 0 var(--space-6) 0;background-color:var(--color-bg-muted);border-radius:var(--radius-md);border:1px solid var(--color-border)}.step,.stepIndicator{display:flex;align-items:center}.step{flex-direction:column;gap:var(--space-3);color:var(--color-text-tertiary);font-size:var(--font-size-sm);transition:color var(--transition-base)}.step.active{color:var(--color-primary);font-weight:var(--font-weight-bold)}.step.completed{color:var(--color-text-secondary)}.stepCircle{width:48px;height:48px;border-radius:50%;background-color:var(--color-bg-light);border:2px solid var(--color-border);display:flex;align-items:center;justify-content:center;font-weight:var(--font-weight-bold);font-size:var(--font-size-lg);transition:all var(--transition-base)}.stepCircle svg{width:24px;height:24px}.step.active .stepCircle{box-shadow:var(--shadow-md)}.step.active .stepCircle,.step.completed .stepCircle{background-color:var(--color-primary);color:white;border-color:var(--color-primary)}.stepLine{width:80px;height:2px;background-color:var(--color-border);margin:0 var(--space-3);transition:background-color var(--transition-base)}.step.completed+.stepLine{background-color:var(--color-success)}@media (max-width:768px){.stepIndicator{padding:var(--space-4)}.stepCircle{width:40px;height:40px;font-size:var(--font-size-base)}.stepCircle svg{width:20px;height:20px}.stepLine{width:40px}.step span{font-size:var(--font-size-xs)}.step{gap:var(--space-2)}}.stepContent{padding:var(--space-6)}.uploadSection{display:flex;flex-direction:column;gap:var(--space-6)}.uploadBox{border:2px dashed var(--color-border);border-radius:var(--radius-lg);padding:var(--space-12) var(--space-6);text-align:center;background-color:var(--color-bg-light)}.uploadIcon{width:48px;height:48px;color:var(--color-secondary);margin:0 auto var(--space-4)}.uploadBox h3{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text);margin-bottom:var(--space-2)}.uploadBox p{margin-bottom:var(--space-6)}.hint,.uploadBox p{color:var(--color-text-muted)}.hint{font-size:var(--font-size-sm);margin-top:var(--space-3)}.previewContainer{display:flex;flex-direction:column;gap:var(--space-6)}.statsGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-4)}.statCard{background-color:var(--color-bg-light);padding:var(--space-4);border-radius:var(--radius-md);border:1px solid var(--color-border);display:flex;align-items:center;gap:var(--space-3)}.statCard.success{background-color:#f0fdf4;border-color:var(--color-success)}.statCard.warning{background-color:#fffbeb;border-color:var(--color-warning)}.statCard.info{background-color:#eff6ff;border-color:#3b82f6}.statIcon{width:32px;height:32px;color:var(--color-text-muted)}.statCard.success .statIcon{color:var(--color-success)}.statCard.warning .statIcon{color:var(--color-warning)}.statValue{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);line-height:1;color:#111827}.statCard.success .statValue{color:var(--color-primary-dark)}.statCard.success .statLabel{color:#15803d}.statCard.warning .statLabel,.statCard.warning .statValue{color:#92400e}.statCard.info .statLabel,.statCard.info .statValue{color:#1e40af}.statLabel{font-size:var(--font-size-sm);color:#6b7280;font-weight:500;text-transform:uppercase;letter-spacing:.05em}.detailsGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:var(--space-3)}.detailItem{display:flex;justify-content:space-between;padding:var(--space-2) 0}.detailItem span{color:var(--color-text-muted)}.detailItem strong{color:var(--color-text)}.errorSection{border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--color-border)}.sectionHeader{width:100%;display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);background-color:var(--color-bg-light);border:none;cursor:pointer;font-weight:var(--font-weight-semibold)}.sectionHeader:hover{background-color:var(--color-bg-hover)}.errorList{padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-3)}.errorItem{padding:var(--space-3);border-radius:var(--radius-md);background-color:var(--color-bg-light);border-left:4px solid var(--color-border)}.errorItem.error{background-color:#fef2f2;border-left-color:var(--color-error)}.errorItem.warning{background-color:#fffbeb;border-left-color:var(--color-warning)}.errorHeader{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-2)}.errorBadge{padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-size:var(--font-size-xs);text-transform:uppercase;background-color:var(--color-bg)}.errorBadge,.errorEmail{font-weight:var(--font-weight-semibold)}.errorMessage,.errorRow{color:var(--color-text-muted);font-size:var(--font-size-sm)}.errorCards{display:flex;flex-direction:column;gap:var(--space-2)}.errorCard{padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);background-color:#fee2e2;border:1px solid #fca5a5;font-size:var(--font-size-sm);color:var(--color-text)}.errorCard strong{color:var(--color-error)}.errorFixerSection{border-radius:var(--radius-md);border:2px solid var(--color-error);background-color:#fef2f2;padding:var(--space-4);margin-bottom:var(--space-4)}.errorFixerHeader{display:flex;align-items:flex-start;gap:var(--space-3);margin-bottom:var(--space-4)}.errorFixerHeader .icon{flex-shrink:0;margin-top:2px}.errorFixerHeader h3{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-error);margin:0 0 var(--space-2) 0}.errorFixerHeader p{font-size:var(--font-size-sm);color:var(--color-text-muted);margin:0}.errorFixerList{display:flex;flex-direction:column;gap:var(--space-3)}.errorFixerItem{background-color:white;border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4);transition:all var(--transition-base)}.errorFixerItem.editing{border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(22,163,74,.1)}.errorFixerItemHeader{justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-3)}.errorFixerItemHeader,.errorFixerRowInfo{display:flex;align-items:center;flex-wrap:wrap}.errorFixerRowInfo{gap:var(--space-2)}.errorFixerRowNumber{background-color:var(--color-error);color:white;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-size:var(--font-size-xs)}.errorFixerEmail,.errorFixerRowNumber{font-weight:var(--font-weight-semibold)}.errorFixerEmail{color:var(--color-text)}.errorFixerErrors{display:flex;flex-wrap:wrap;gap:var(--space-2)}.errorFixerForm{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-3)}.errorFixerForm .formGroup{grid-column:span 1}.errorFixerForm .errorFixerActions{grid-column:1/-1;display:flex;justify-content:flex-end;gap:var(--space-2);margin-top:var(--space-2)}.errorFixerCurrentData{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-3);align-items:end}.errorFixerField{display:flex;flex-direction:column;gap:var(--space-1)}.errorFixerFieldLabel{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-muted);text-transform:uppercase}.errorFixerFieldValue{font-size:var(--font-size-base);color:var(--color-text);padding:var(--space-2);background-color:var(--color-bg-light);border-radius:var(--radius-sm)}.errorFixerActions .btn{min-width:120px}.conflictSection{border-radius:var(--radius-md);border:1px solid var(--color-warning);background-color:#fffbeb;padding:var(--space-4)}.sectionDescription{color:var(--color-text-muted);margin-bottom:var(--space-4)}.conflictList{display:flex;flex-direction:column;gap:var(--space-3)}.conflictItem{border-radius:var(--radius-md);border:1px solid var(--color-border);background-color:white;overflow:hidden}.conflictHeader{width:100%;display:flex;align-items:center;justify-content:space-between;padding:var(--space-3);background-color:var(--color-bg-light);border:none;cursor:pointer}.conflictHeader:hover{background-color:var(--color-bg-hover)}.conflictEmailRow{display:flex;align-items:center;gap:var(--space-3)}.conflictEmail{font-weight:var(--font-weight-semibold)}.conflictDetails{padding:var(--space-4)}.recordComparison{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-4);margin-bottom:var(--space-4)}.recordCard{border-radius:var(--radius-md);border:2px solid var(--color-border);padding:var(--space-4)}.recordCard.faithvine{border-color:#3b82f6;background-color:#eff6ff}.recordCard.inpeace{border-color:var(--color-primary);background-color:#f0fdf4}.recordHeader{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-3);padding-bottom:var(--space-3);border-bottom:1px solid var(--color-border)}.completenessScore{font-size:var(--font-size-sm);color:var(--color-text-muted)}.rowNumber{font-size:var(--font-size-xs);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);background-color:var(--color-bg)}.recordFields{flex-direction:column}.field,.recordFields{display:flex;gap:var(--space-2)}.fieldLabel{font-weight:var(--font-weight-semibold);min-width:80px}.fieldValue{color:var(--color-text-muted)}.resolutionOptions{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-4);background-color:var(--color-bg-light);border-radius:var(--radius-md)}.resolutionOptions label{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2);cursor:pointer}.resolutionOptions label:hover{background-color:var(--color-bg-hover);border-radius:var(--radius-sm)}.fieldComparisonTable{border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden;margin-bottom:var(--space-4)}.comparisonHeader{display:grid;grid-template-columns:120px 1fr 1fr 60px;background-color:var(--color-bg-light);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm)}.comparisonHeaderCell{padding:var(--space-2) var(--space-3)}.comparisonHeaderCell,.comparisonRow{border-bottom:1px solid var(--color-border)}.comparisonRow{display:grid;grid-template-columns:120px 1fr 1fr 60px}.comparisonRow:last-child{border-bottom:none}.comparisonRow.conflict{background-color:#fef3c7}.comparisonRow.inpeace_only{background-color:#d1fae5}.comparisonCell{padding:var(--space-2) var(--space-3);font-size:var(--font-size-sm);overflow:hidden;text-overflow:ellipsis}.comparisonCell.fieldName{font-weight:var(--font-weight-medium);color:var(--color-text)}.comparisonCell.faithvineValue{color:#1d4ed8}.comparisonCell.inpeaceValue{color:#059669}.comparisonCell.statusCell{display:flex;align-items:center;justify-content:center}.fieldStatusMatch{color:var(--color-success)}.fieldStatusConflict{color:var(--color-warning)}.fieldStatusNew{color:var(--color-primary)}.fieldStatusExisting{color:var(--color-text-muted)}.resolutionOptions input[type=radio]{cursor:pointer}.collapsibleSection{border-radius:var(--radius-md);border:1px solid var(--color-border);overflow:hidden}.tableContainer{overflow-x:auto;padding:var(--space-4)}.dataTable{font-size:var(--font-size-sm)}.dataTable th{text-align:left;padding:var(--space-3);background-color:var(--color-bg-light);font-weight:var(--font-weight-semibold);border-bottom:2px solid var(--color-border)}.dataTable td{padding:var(--space-3);border-bottom:1px solid var(--color-border)}.dataTable tr:last-child td{border-bottom:none}.moreRows{text-align:center;color:var(--color-text-muted);font-style:italic}.actionButtons{display:flex;gap:var(--space-3);justify-content:flex-end;padding-top:var(--space-4)}.progressContainer{display:flex;flex-direction:column;align-items:center;gap:var(--space-6);padding:var(--space-8);text-align:center}.progressIcon{width:80px;height:80px;display:flex;align-items:center;justify-content:center;border-radius:50%}.progressIcon.success{background-color:#f0fdf4;color:var(--color-success)}.progressIcon.error{background-color:#fef2f2;color:var(--color-error)}.progressIcon .icon.large{width:48px;height:48px}.spinner{width:24px;height:24px;border:3px solid var(--color-bg-light);border-top-color:var(--color-primary);border-radius:50%;animation:spin 1s linear infinite}.spinner.large{width:48px;height:48px;border-width:4px}.progressSteps{flex-direction:column;width:100%;max-width:400px}.progressStep,.progressSteps{display:flex;gap:var(--space-3)}.progressStep{align-items:center;padding:var(--space-3);border-radius:var(--radius-md);background-color:var(--color-bg-light)}.progressStep.active{background-color:#eff6ff;border:1px solid #3b82f6}.progressStepIcon{width:24px;height:24px;display:flex;align-items:center;justify-content:center}.resultsGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-4);width:100%}.resultCard{background-color:var(--color-bg-light);padding:var(--space-4);border-radius:var(--radius-md);border:1px solid var(--color-border);text-align:center}.resultCard.success{background-color:#f0fdf4;border-color:var(--color-success)}.resultCard.info{background-color:#eff6ff;border-color:#3b82f6}.resultCard.warning{background-color:#fffbeb;border-color:var(--color-warning)}.resultValue{font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);line-height:1;margin-bottom:var(--space-2)}.resultLabel{font-size:var(--font-size-sm);color:var(--color-text-muted)}.migrationHistory{padding:var(--space-4)}.historyHeader{align-items:center;margin-bottom:var(--space-4);padding-bottom:var(--space-3);border-bottom:2px solid var(--color-border)}.historyHeader,.logsList{display:flex;gap:var(--space-3)}.logsList{flex-direction:column}.logItem{border-radius:var(--radius-md);border:1px solid var(--color-border);background-color:white;overflow:hidden}.logHeader{width:100%;display:flex;align-items:center;justify-content:space-between;padding:var(--space-4);background-color:var(--color-bg-light);border:none;cursor:pointer}.logHeader:hover{background-color:var(--color-bg-hover)}.logHeaderLeft,.logHeaderRight{display:flex;align-items:center;gap:var(--space-3)}.logInfo{display:flex;flex-direction:column;gap:var(--space-1)}.logTitle{display:flex;align-items:center;gap:var(--space-2);font-weight:var(--font-weight-semibold)}.logType{text-transform:uppercase;font-size:var(--font-size-xs);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);background-color:var(--color-bg)}.logChurch,.logMeta{color:var(--color-text-muted)}.logMeta{display:flex;gap:var(--space-3);font-size:var(--font-size-sm)}.logCount{font-weight:var(--font-weight-semibold);color:var(--color-text)}.logDetails{padding:var(--space-4);border-top:1px solid var(--color-border)}.statsGrid.small{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--space-3);margin-bottom:var(--space-4)}.statItem{display:flex;justify-content:space-between;padding:var(--space-2);border-radius:var(--radius-sm);background-color:var(--color-bg-light)}.statItem.success{background-color:#f0fdf4}.statItem.error{background-color:#fef2f2}.configSection,.errorsSection,.timingSection{margin-bottom:var(--space-4)}.configSection h4,.errorsSection h4,.timingSection h4{margin-bottom:var(--space-3);font-size:var(--font-size-lg)}.moreErrors{text-align:center;padding:var(--space-2);color:var(--color-text-muted);font-size:var(--font-size-sm)}@media (max-width:768px){.recordComparison,.statsGrid{grid-template-columns:1fr}.stepLine{width:50px}.actionButtons{flex-direction:column;width:100%}.actionButtons button{width:100%}}.churchSwitcher{position:relative}.churchSwitcherButton,.churchSwitcherSingle{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);color:var(--color-text-primary);font-size:.875rem;font-weight:500}.churchSwitcherButton{background:white;border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease}.churchSwitcherButton:hover:not(:disabled){background:var(--color-bg-light);border-color:var(--color-primary)}.churchSwitcherButton:disabled{opacity:.6;cursor:not-allowed}.churchSwitcher .churchName{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.churchSwitcherDropdown{position:absolute;top:calc(100% + var(--space-1));left:0;min-width:280px;background:white;border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:1000;max-height:400px;overflow-y:auto}.churchSwitcherOption{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--space-3);border:none;background:white;text-align:left;cursor:pointer;transition:background .2s ease;border-bottom:1px solid var(--color-border-light)}.churchSwitcherOption:last-child{border-bottom:none}.churchSwitcherOption:hover{background:var(--color-bg-light)}.churchSwitcherOption.active{background:var(--color-primary-light)}.churchSwitcherOptionContent{display:flex;flex-direction:column;gap:var(--space-1);flex:1 1}.churchSwitcherOptionName{font-weight:500;color:var(--color-text-primary)}.churchSwitcherOptionLocation{font-size:.75rem;color:var(--color-text-secondary)}.churchSwitcherOptionActive{color:var(--color-primary);font-weight:700;font-size:1.25rem}.studyGuideContainer{padding:var(--space-6)}.studyGuideHeader{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-6)}.studyGuideHeaderLeft,.studyGuideHeaderRight{display:flex;align-items:center;gap:var(--space-3)}.studyGuideTitle{font-size:var(--font-size-xl);font-weight:700;color:#15803d}.studyGuideSubtitle{color:#6b7280;font-size:var(--font-size-sm)}.languageSelector{display:flex;align-items:center;gap:var(--space-2)}.languageSelectorLabel{font-weight:500}.languageSelectorInput{padding:var(--space-2);font-size:var(--font-size-sm)}.draftToggle{display:flex;align-items:center;gap:var(--space-2)}.draftToggleLabel{font-size:var(--font-size-sm)}.errorCard{background-color:#fef2f2;border-color:#fecaca}.errorCardContent{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-6);color:#991b1b}.errorCardTitle{font-weight:600}.errorCardMessage{font-size:var(--font-size-sm)}.loadingContainer{display:flex;justify-content:center;padding:var(--space-12)}.imageUploaderContainer{display:flex;flex-direction:column;gap:var(--space-4)}.imageUploaderHeader{display:flex;justify-content:space-between;align-items:center}.imageUploaderLabel{margin-bottom:0}.imageUploaderCount,.imageUploaderHelp{font-size:var(--font-size-sm);color:#6b7280}.imageUploaderHelp{margin-top:calc(var(--space-2) * -1)}.imageUploaderHelpCode{background-color:#f3f4f6;padding:2px 6px;border-radius:4px}.imageList{display:flex;flex-direction:column;gap:var(--space-3)}.imageItem{padding:var(--space-4);border:1px solid #e5e7eb;border-radius:var(--radius-lg);background-color:#fafafa}.imageItemContent{display:flex;gap:var(--space-4)}.imagePreview{position:relative;width:200px;height:150px;flex-shrink:0;background-color:#f3f4f6;border-radius:var(--radius-md);overflow:hidden}.imagePreviewImg{width:100%;height:100%;object-fit:cover}.imageRemoveButton{position:absolute;top:var(--space-2);right:var(--space-2);padding:var(--space-1);background-color:#ef4444;color:white;border-radius:9999px;border:none;cursor:pointer;transition:background-color var(--transition-base);z-index:10}.imageRemoveButton:hover{background-color:#dc2626}.imageDetails{flex:1 1;display:flex;flex-direction:column;gap:var(--space-2)}.imageDetailsHeader{display:flex;justify-content:space-between;align-items:center}.imageId{font-weight:600;font-size:var(--font-size-base)}.imageCopyButton{display:flex;align-items:center;gap:var(--space-1)}.imageCopyCode{font-size:var(--font-size-xs)}.imageCaptionGroup{margin-bottom:0}.imageCaptionInput,.imageCaptionLabel{font-size:var(--font-size-sm)}.uploadDropZone{position:relative;border:2px dashed #d1d5db;background-color:initial;border-radius:var(--radius-lg);padding:var(--space-6);text-align:center;transition:all var(--transition-base);cursor:pointer}.uploadDropZone:hover,.uploadDropZoneActive{border-color:#10b981;background-color:#f0fdf4}.uploadDropZoneDisabled{cursor:not-allowed;opacity:.5}.uploadDropZoneContent{display:flex;flex-direction:column;gap:var(--space-2)}.uploadDropZoneIcon{height:32px;width:32px;margin:0 auto;color:#9ca3af}.uploadDropZoneText{font-size:var(--font-size-sm);color:#6b7280}.uploadDropZoneSubtext{font-size:var(--font-size-xs);color:#9ca3af}.requiredIndicator{color:#ef4444}.flexColumn{display:flex;flex-direction:column;gap:var(--space-4)}.flexRow{display:flex;gap:var(--space-3)}.spaceBetween{display:flex;justify-content:space-between}.flexEnd{display:flex;justify-content:flex-end;gap:var(--space-3);margin-top:var(--space-4)}.alignCenter{display:flex;align-items:center;gap:var(--space-2)}.churchFormContainer{padding:var(--space-6)}.positionRelative{position:relative}.kidSelector,.kidSelectorActive{padding:var(--space-4)}.kidSelectorActive{display:flex;flex-direction:column;gap:var(--space-2);background:var(--color-primary-light);border-radius:var(--radius-md);margin-bottom:var(--space-4)}.kidSelectorActiveLabel{font-size:var(--font-size-xs);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.kidSelectorActiveKid{display:flex;align-items:center;gap:var(--space-2)}.kidSelectorLabel{font-size:var(--font-size-sm);font-weight:500;color:var(--text-secondary);margin-bottom:var(--space-2)}.kidSelectorList{display:flex;flex-direction:column;gap:var(--space-2)}.kidSelectorItem{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--space-3);background:white;border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease;text-align:left}.kidSelectorItem.active,.kidSelectorItem:hover:not(:disabled){border-color:var(--color-primary);background:var(--color-primary-light)}.kidSelectorItem:disabled{opacity:.7;cursor:default}.kidSelectorItemInfo{display:flex;align-items:center;gap:var(--space-2)}.kidGrade{font-size:var(--font-size-xs);color:var(--text-secondary);background:var(--bg-secondary);padding:2px 8px;border-radius:var(--radius-sm)}.kidPinIndicator{font-size:var(--font-size-sm);opacity:.6}.pinInputContainer{display:flex;justify-content:center;gap:var(--space-2)}.pinInput{width:48px;height:56px;text-align:center;font-size:1.5rem;font-weight:600;border:2px solid var(--color-border);border-radius:var(--radius-md);transition:border-color .2s ease}.pinInput:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}.pinInput:disabled{background:var(--bg-secondary);opacity:.6}.kidProfileCard{display:flex;flex-direction:column;gap:var(--space-4)}.kidProfileCardCompact{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2)}.kidProfileCardHeader{display:flex;align-items:center;gap:var(--space-4)}.kidProfileCardAvatar{flex-shrink:0}.kidProfileCardAvatar img{width:64px;height:64px;border-radius:50%;object-fit:cover}.kidProfileCardAvatar.clickable{position:relative;cursor:pointer}.kidProfileCardAvatar.clickable:hover .avatarOverlay{opacity:1}.kidProfileCardAvatar .avatarOverlay{position:absolute;bottom:0;right:0;width:24px;height:24px;border-radius:50%;background:var(--color-primary);opacity:.8;transition:opacity .2s;border:2px solid white}.avatarPlaceholder,.kidProfileCardAvatar .avatarOverlay{color:white;display:flex;align-items:center;justify-content:center}.avatarPlaceholder{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--color-primary) 0,var(--color-primary-dark) 100%);font-weight:600;font-size:var(--font-size-sm)}.avatarPlaceholder.large{width:64px;height:64px;font-size:var(--font-size-lg)}.kidProfileCardDetails{flex:1 1}.kidProfileCardDetails .kidName{font-size:var(--font-size-lg);font-weight:600;margin:0 0 var(--space-1)}.kidProfileCardMeta{display:flex;align-items:center;gap:var(--space-2)}.kidAge{font-size:var(--font-size-sm);color:var(--text-secondary)}.kidProfileCardBody{display:flex;flex-direction:column;gap:var(--space-3)}.kidProfileCardStats{display:flex;gap:var(--space-4);flex-wrap:wrap}.kidStat{display:flex;flex-direction:column;gap:2px}.kidStatLabel{font-size:var(--font-size-xs);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.kidStatValue{font-weight:500}.kidBaptismInfo{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);padding:var(--space-3);background:rgba(59,130,246,.1);border-radius:var(--radius-md);font-size:var(--font-size-sm)}.baptismLabel{font-weight:500;color:var(--color-primary)}.baptismLocation{color:var(--text-secondary)}.kidProfileCardActions{display:flex;align-items:center;gap:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--color-border)}.kidEmailIndicator{font-size:var(--font-size-sm);color:var(--color-success)}.kidProfileCardInfo{display:flex;flex-direction:column;gap:2px}.kidProfileCardInfo .kidName{font-weight:500}.kidsGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-4)}.addKidButton{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-6);border:2px dashed var(--color-border);border-radius:var(--radius-lg);background:transparent;cursor:pointer;transition:all .2s ease;min-height:200px;color:var(--text-secondary)}.addKidButton:hover{border-color:var(--color-primary);background:var(--color-primary-light);color:var(--color-primary)}.addKidButtonIcon{font-size:2rem}.addKidButtonText{font-weight:500}.user-avatar-lg{width:48px;height:48px;font-size:var(--font-size-base);border:2px solid #10b981}.searchResultItem{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border-light);cursor:pointer;transition:background-color .15s ease}.searchResultItem:hover{background:var(--color-bg-muted)}.searchResultItem:last-child{border-bottom:none}@media (max-width:640px){.user-avatar-lg{width:40px;height:40px}}.navSearchContainer{position:relative;display:flex;align-items:center}.navSearchBox{display:flex;align-items:center;background:transparent;border-radius:20px;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);width:36px;height:36px}.navSearchBox.navSearchBoxExpanded{width:280px;background:#f3f4f6;box-shadow:0 2px 8px rgba(0,0,0,.1)}.navSearchIconBtn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;flex-shrink:0;border:none;background:transparent;color:#6b7280;cursor:pointer;border-radius:50%;transition:all .2s ease}.navSearchIconBtn:hover{background:#f3f4f6;color:#111827}.navSearchBoxExpanded .navSearchIconBtn{cursor:default;color:#9ca3af}.navSearchBoxExpanded .navSearchIconBtn:hover{background:transparent;color:#9ca3af}.navSearchInput{flex:1 1;border:none;outline:none;background:transparent;font-size:14px;color:#111827;padding:0 8px 0 0;width:0;opacity:0;transition:opacity .2s ease .1s}.navSearchInput::placeholder{color:#9ca3af}.navSearchBoxExpanded .navSearchInput{width:auto;opacity:1}.navSearchClearBtn{display:flex;align-items:center;justify-content:center;width:24px;height:24px;margin-right:8px;border:none;background:#e5e7eb;color:#6b7280;cursor:pointer;border-radius:50%;flex-shrink:0;transition:all .2s ease}.navSearchClearBtn:hover{background:#d1d5db;color:#111827}.navSearchDropdown{position:absolute;top:calc(100% + 8px);left:0;width:320px;background:white;border-radius:var(--radius-lg);box-shadow:0 10px 40px rgba(0,0,0,.15);border:1px solid #e5e7eb;overflow:hidden;z-index:9999;animation:searchDropdownFadeIn .2s ease-out}@keyframes searchDropdownFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.navSearchLoading{display:flex;align-items:center;justify-content:center;padding:var(--space-6)}.navSearchEmpty{padding:var(--space-6);text-align:center;color:#6b7280;font-size:14px}.navSearchResults{max-height:360px;overflow-y:auto}.navSearchResultItem{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);cursor:pointer;transition:background-color .15s ease;border-bottom:1px solid #f3f4f6}.navSearchResultItem:hover{background:#f9fafb}.navSearchResultItem:last-child{border-bottom:none}.navSearchResultInfo{flex:1 1;min-width:0;display:flex;flex-direction:column;gap:2px}.navSearchResultName{font-weight:600;font-size:14px;color:#111827}.navSearchResultChurch,.navSearchResultName{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.navSearchResultChurch{font-size:12px;color:#16a34a}@media (max-width:768px){.navSearchBox.navSearchBoxExpanded{width:200px}.navSearchDropdown{width:280px;left:50%;transform:translateX(-50%)}@keyframes searchDropdownFadeIn{0%{opacity:0;transform:translateX(-50%) translateY(-8px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}}@media (max-width:480px){.navSearchContainer{position:static}.navSearchBox.navSearchBoxExpanded{position:fixed;top:12px;left:12px;right:12px;width:auto;z-index:101}.navSearchDropdown{position:fixed;top:60px;left:12px;right:12px;width:auto;transform:none}@keyframes searchDropdownFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}}.pollCreationPanel{background:#f9fafb;border-radius:var(--radius-lg);padding:var(--space-4);margin-top:var(--space-3);margin-bottom:var(--space-4);border:1px solid var(--color-border);animation:pollFadeIn .2s ease-out}.pollCreationHeader{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-3)}.pollCreationTitle{font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-primary);display:flex;align-items:center;gap:var(--space-2)}.pollCreationClose{width:28px;height:28px;border-radius:var(--radius-md);border:none;background:transparent;color:var(--color-text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.pollCreationClose:hover{background:#fee2e2;color:#dc2626}.pollQuestionInput{width:100%;padding:var(--space-3);border:2px solid var(--color-border);border-radius:var(--radius-lg);font-size:var(--font-size-base);font-weight:600;margin-bottom:var(--space-3);transition:border-color .15s ease;background:white}.pollQuestionInput:focus{outline:none;border-color:var(--color-primary)}.pollQuestionInput::placeholder{color:var(--color-text-secondary);font-weight:400}.pollOptionsList{display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-3)}.pollOptionInputRow{display:flex;align-items:center;gap:var(--space-2)}.pollOptionNumber{width:24px;height:24px;border-radius:50%;background:var(--color-primary);color:white;font-size:var(--font-size-xs);font-weight:600;display:flex;align-items:center;justify-content:center;flex-shrink:0}.pollOptionInput{flex:1 1;padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-sm);transition:all .15s ease;background:white}.pollOptionInput:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(22,163,74,.1)}.pollOptionRemoveBtn{width:32px;height:32px;border-radius:var(--radius-md);border:none;background:transparent;color:var(--color-text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease;flex-shrink:0}.pollOptionRemoveBtn:hover{background:#fee2e2;color:#dc2626}.pollAddOptionBtn{display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border:2px dashed var(--color-border);border-radius:var(--radius-md);background:transparent;color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:all .15s ease;width:100%}.pollAddOptionBtn:hover:not(:disabled){border-color:var(--color-primary);color:var(--color-primary);background:rgba(22,163,74,.05)}.pollAddOptionBtn:disabled{opacity:.5;cursor:not-allowed}.pollExpirationRow{display:flex;align-items:center;gap:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--color-border)}.pollExpirationLabel{font-size:var(--font-size-sm);color:var(--color-text-secondary);display:flex;align-items:center;gap:var(--space-1);flex-shrink:0}.pollExpirationInput{flex:1 1;padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-sm);cursor:pointer;background:white}.pollExpirationInput:focus{outline:none;border-color:var(--color-primary)}.pollExpirationSection{padding-top:var(--space-3);border-top:1px solid var(--color-border);display:flex;flex-direction:column;gap:var(--space-3)}.pollNoDeadlineCheckbox{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);color:var(--color-text-secondary);cursor:pointer}.pollNoDeadlineCheckbox input[type=checkbox]{width:16px;height:16px;accent-color:var(--color-primary);cursor:pointer}.pollExpirationSection .pollExpirationRow{padding-top:0;border-top:none}.pollContainer{margin-top:var(--space-3)}.pollQuestion{font-size:var(--font-size-lg);font-weight:600;color:var(--color-text-primary);margin-bottom:var(--space-4);line-height:var(--line-height-normal)}.pollOptions{display:flex;flex-direction:column;gap:var(--space-2)}.pollOptionBtn{width:100%;padding:var(--space-3) var(--space-4);border:2px solid var(--color-border);border-radius:var(--radius-lg);background:white;color:var(--color-text-primary);font-size:var(--font-size-base);font-weight:500;text-align:left;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:var(--space-3)}.pollOptionBtn:hover:not(:disabled){border-color:var(--color-primary);background:rgba(22,163,74,.05);transform:translateX(4px)}.pollOptionBtn:active:not(:disabled){transform:scale(.98)}.pollOptionBtn:disabled{opacity:.6;cursor:not-allowed;transform:none}.pollOptionBtnSelected{border-color:var(--color-primary);background:#ecfdf5;animation:pollOptionSelect .3s ease}.pollOptionRadio{width:20px;height:20px;border-radius:50%;border:2px solid var(--color-border);flex-shrink:0;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.pollOptionBtn:hover:not(:disabled) .pollOptionRadio{border-color:var(--color-primary)}.pollOptionBtnSelected .pollOptionRadio{border-color:var(--color-primary);background:var(--color-primary)}.pollOptionBtnSelected .pollOptionRadio:after{content:"";width:8px;height:8px;border-radius:50%;background:white}.pollResults{display:flex;flex-direction:column;gap:var(--space-2);animation:pollFadeIn .3s ease}.pollResultItem{position:relative;min-height:48px;border-radius:var(--radius-lg);overflow:hidden;background:#f3f4f6}.pollResultBar{position:absolute;top:0;left:0;height:100%;border-radius:var(--radius-lg);background:linear-gradient(135deg,#e5e7eb,#d1d5db);transition:width .6s cubic-bezier(.34,1.56,.64,1)}.pollResultBarLeading{background:linear-gradient(135deg,#FEF3C7,#FDE68A)}.pollResultBarUserVote{background:linear-gradient(135deg,#FEF3C7,#FEF3C7)}.pollResultItemUserVote{border:2px solid #f59e0b;box-shadow:0 0 0 2px rgba(245,158,11,.15)}.pollResultContent{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);min-height:48px}.pollResultText{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-base);font-weight:500;color:var(--color-text-primary)}.pollResultCheckmark{width:18px;height:18px;border-radius:50%;background:#FEF3C7;color:#D97706;display:flex;align-items:center;justify-content:center;animation:pollFadeIn .3s ease .3s both;flex-shrink:0}.pollResultStats{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);color:var(--color-text-secondary)}.pollResultPercent{font-weight:600;color:var(--color-text-primary);min-width:44px;text-align:right}.pollResultPercentLeading{color:#D97706}.pollFooter{display:flex;align-items:center;justify-content:space-between;margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px solid #f3f4f6;font-size:var(--font-size-sm);color:var(--color-text-secondary)}.pollTotalVotes{font-weight:500}.pollExpiration,.pollTotalVotes{display:flex;align-items:center;gap:var(--space-1)}.pollExpirationActive{color:var(--color-primary)}.pollExpirationExpired{color:#dc2626}.pollExpirationSoon{color:#f59e0b;animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes pollOptionSelect{0%{transform:scale(1)}50%{transform:scale(1.02)}to{transform:scale(1)}}@keyframes pollFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.pollResultItem:first-child .pollResultBar{transition-delay:0s}.pollResultItem:nth-child(2) .pollResultBar{transition-delay:.1s}.pollResultItem:nth-child(3) .pollResultBar{transition-delay:.2s}.pollResultItem:nth-child(4) .pollResultBar{transition-delay:.3s}@media (max-width:640px){.pollExpirationRow{flex-direction:column;align-items:flex-start;gap:var(--space-2)}.pollExpirationInput{width:100%}.pollResultContent{padding:var(--space-2) var(--space-3)}.pollResultText{font-size:var(--font-size-sm)}.pollFooter{flex-direction:column;align-items:flex-start;gap:var(--space-2)}}.messengerIconButton{position:relative;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-full);background:transparent;border:none;cursor:pointer;color:var(--color-text-secondary);transition:all var(--transition-base)}.messengerIconButton:hover{background-color:var(--color-bg-secondary);color:var(--color-primary)}.messengerBadge{position:absolute;top:0;right:0;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background-color:#ef4444;color:white;font-size:11px;font-weight:600;display:flex;align-items:center;justify-content:center}.messengerPanel{position:fixed;top:80px;right:16px;width:100%;max-width:800px;height:calc(85vh - 40px);max-height:750px;background:#1a2f23;box-shadow:0 8px 32px rgba(0,0,0,.4),0 0 0 1px rgba(0,0,0,.2);border-radius:var(--radius-xl);z-index:1000;display:flex;flex-direction:row;animation:messengerExpand .35s cubic-bezier(.34,1.56,.64,1) forwards;transform-origin:top calc(100% - 60px);overflow:hidden}.messengerPanel.closing{animation:messengerCollapse .3s cubic-bezier(.4,0,.2,1) forwards}.messengerLeftPanel{width:320px;display:flex;flex-direction:column;border-right:1px solid rgba(255,255,255,.1);background:#1a2f23}.messengerRightPanel{flex:1 1;display:flex;flex-direction:column;background:#243b2d}.messengerRightPanel.empty{display:flex;align-items:center;justify-content:center;color:#6b9b7a}.messengerRightPanelEmpty{text-align:center;padding:var(--space-8)}.messengerRightPanelEmpty svg{width:64px;height:64px;margin-bottom:var(--space-4);opacity:.5}.messengerRightPanelEmpty p{font-size:var(--font-size-base);color:#6b9b7a}@keyframes messengerExpand{0%{transform:scale(.1) translateX(120px) translateY(-50px);opacity:0;border-radius:50%}40%{opacity:1;border-radius:24px}to{transform:scale(1) translateX(0) translateY(0);opacity:1;border-radius:var(--radius-xl)}}@keyframes messengerCollapse{0%{transform:scale(1) translateX(0) translateY(0);opacity:1;border-radius:var(--radius-xl)}60%{opacity:1;border-radius:24px}to{transform:scale(.1) translateX(120px) translateY(-50px);opacity:0;border-radius:50%}}@keyframes slideInMessenger{0%{transform:translateY(-10px) scale(.98);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.messengerPanelHeader{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4);border-bottom:1px solid rgba(255,255,255,.1);background:linear-gradient(180deg,#243d2e,#1a2f23)}.messengerPanelHeaderTop{display:flex;align-items:center;gap:var(--space-3)}.messengerTitle{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-lg);font-weight:600;color:#ffffff;margin:0;flex:1 1}.messengerTitle svg{color:#f59e0b}.messengerHeaderActions{display:flex;align-items:center;gap:var(--space-1)}.messengerBackButton,.messengerCloseButton,.messengerNewButton,.messengerOptionsButton,.messengerSettingsButton{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-full);background:transparent;border:none;cursor:pointer;color:#9ca3af;transition:all var(--transition-base)}.messengerBackButton:hover,.messengerCloseButton:hover,.messengerNewButton:hover,.messengerOptionsButton:hover,.messengerSettingsButton:hover{background-color:rgba(255,255,255,.1);color:#ffffff}.messengerChatHeader{padding:var(--space-3) var(--space-4);border-bottom:1px solid rgba(255,255,255,.1);background-color:#1e3a2d}.messengerChatHeader,.messengerHeaderInfo{display:flex;align-items:center;gap:var(--space-3)}.messengerHeaderInfo{flex:1 1}.messengerHeaderAvatar{position:relative;width:44px;height:44px;border-radius:var(--radius-full);background-color:#2d5a45;display:flex;align-items:center;justify-content:center;color:#4ade80;overflow:hidden}.messengerHeaderAvatar img{width:100%;height:100%;object-fit:cover}.messengerHeaderText{flex:1 1}.messengerHeaderText h3{margin:0;font-size:var(--font-size-base);font-weight:600;color:#ffffff}.messengerHeaderStatus{font-size:var(--font-size-xs);color:#4ade80;display:flex;align-items:center;gap:var(--space-1)}.messengerHeaderStatus:before{content:"";width:8px;height:8px;border-radius:50%;background-color:#4ade80}.messengerTypingIndicator{font-size:var(--font-size-xs);color:#4ade80;font-style:italic}.messengerChatHeaderActions{display:flex;align-items:center;gap:var(--space-1)}.messengerChatHeaderActions button{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-full);background:transparent;border:none;cursor:pointer;color:#9ca3af;transition:all var(--transition-base)}.messengerChatHeaderActions button:hover{background-color:rgba(255,255,255,.1);color:#ffffff}.messengerPanelContent{flex:1 1;display:flex;flex-direction:column;overflow:hidden}.messengerSearchContainer{position:relative;padding:0}.messengerSearchContainer.standalone{padding:var(--space-3) var(--space-4)}.messengerSearchIcon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#6b9b7a}.messengerSearchInput{width:100%;padding:10px 12px 10px 40px;border:1px solid rgba(255,255,255,.15);border-radius:var(--radius-lg);font-size:var(--font-size-sm);background-color:rgba(0,0,0,.2);color:#ffffff;transition:all var(--transition-base)}.messengerSearchInput::placeholder{color:#6b9b7a}.messengerSearchInput:focus{outline:none;border-color:#4ade80;background-color:rgba(0,0,0,.3)}.messengerConnecting{display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3);color:#6b9b7a;font-size:var(--font-size-sm)}.messengerConversationsList{flex:1 1;overflow-y:auto}.messengerConversationsSection{padding:var(--space-2) 0}.messengerSectionTitle{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);margin:0;font-size:var(--font-size-xs);font-weight:600;color:#6b9b7a;text-transform:uppercase;letter-spacing:.5px}.messengerConversationItem{display:flex;align-items:center;gap:var(--space-3);width:100%;padding:var(--space-3) var(--space-4);background:transparent;border:none;cursor:pointer;text-align:left;transition:background-color var(--transition-base)}.messengerConversationItem:hover{background-color:rgba(255,255,255,.05)}.messengerConversationItem.active{background-color:rgba(255,255,255,.1)}.messengerConversationAvatar{position:relative;width:48px;height:48px;border-radius:var(--radius-full);background-color:#2d5a45;display:flex;align-items:center;justify-content:center;color:#4ade80;flex-shrink:0;overflow:hidden}.messengerConversationAvatar img{width:100%;height:100%;object-fit:cover}.messengerOnlineIndicator{position:absolute;bottom:2px;left:2px;width:12px;height:12px;border-radius:50%;background-color:#22c55e;border:2px solid #1a2f23}.messengerConversationInfo{flex:1 1;min-width:0}.messengerConversationHeader{display:flex;align-items:center;justify-content:space-between;margin-bottom:2px}.messengerConversationName{font-weight:600;font-size:var(--font-size-sm);color:#ffffff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.messengerConversationTime{font-size:var(--font-size-xs);color:#4ade80;flex-shrink:0}.messengerConversationPreview{display:flex;align-items:center;gap:var(--space-2)}.messengerMutedIcon{color:#6b9b7a;flex-shrink:0}.messengerPreviewText{font-size:var(--font-size-sm);color:#6b9b7a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1 1}.messengerUnreadBadge{min-width:20px;height:20px;padding:0 6px;border-radius:10px;background-color:#f59e0b;color:#1a2f23;font-size:11px;font-weight:700;flex-shrink:0}.messengerEmptyState,.messengerUnreadBadge{display:flex;align-items:center;justify-content:center}.messengerEmptyState{flex-direction:column;padding:var(--space-8);color:#6b9b7a;text-align:center}.messengerEmptyState svg{color:#4ade80;opacity:.5}.messengerEmptyState p{margin:var(--space-3) 0 var(--space-4);font-size:var(--font-size-sm)}.messengerEmptyState .btn{background-color:#f59e0b;color:#1a2f23;border:none}.messengerEmptyState .btn:hover{background-color:#d97706}.messengerMessages{flex:1 1;overflow-y:auto;padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-4);background-color:#243b2d}.messengerMessageBubble{max-width:75%;display:flex;flex-direction:column}.messengerMessageBubble.own{align-self:flex-end}.messengerMessageBubble.other{align-self:flex-start}.messengerMessageSender{font-size:var(--font-size-xs);color:#6b9b7a;margin-bottom:4px;padding-left:var(--space-2)}.messengerMessageContent{padding:var(--space-3) var(--space-4);border-radius:18px;word-wrap:break-word}.messengerMessageBubble.own .messengerMessageContent{background-color:#f59e0b;color:#1a2f23;border-bottom-right-radius:6px}.messengerMessageBubble.other .messengerMessageContent{background-color:#1e4d3d;color:#ffffff;border-bottom-left-radius:6px}.messengerMessageContent p{margin:0;font-size:var(--font-size-sm);line-height:1.5}.messengerMessageMeta{display:flex;align-items:center;gap:var(--space-2);margin-top:4px;padding:0 var(--space-2)}.messengerMessageBubble.own .messengerMessageMeta{justify-content:flex-end}.messengerMessageTime{font-size:11px;color:#4ade80}.messengerEditedLabel{font-size:10px;color:#6b9b7a;font-style:italic}.messengerReadStatus{color:#4ade80}.messengerMessageReactions{display:flex;gap:4px;margin-top:var(--space-1);padding-left:var(--space-2)}.messengerReaction{font-size:14px;padding:2px 6px;background-color:rgba(255,255,255,.1);border-radius:var(--radius-full);border:none;cursor:pointer;display:flex;align-items:center;gap:2px;transition:background-color .15s}.messengerReaction:hover{background-color:rgba(255,255,255,.2)}.messengerReaction.userReacted{background-color:rgba(245,158,11,.3);border:1px solid #f59e0b}.messengerReactionCount{font-size:11px;color:#ffffff}.messengerMessageBubble{position:relative}.messengerActionMenu{position:absolute;top:50%;transform:translateY(-50%);display:flex;align-items:center;gap:2px;opacity:0;animation:fadeIn .15s ease-out forwards}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.messengerActionMenu.own{left:-60px;flex-direction:row-reverse}.messengerActionMenu.other{right:-60px}.messengerActionButton{width:28px;height:28px;border-radius:var(--radius-full);background-color:rgba(255,255,255,.1);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,.7);transition:all .15s ease}.messengerActionButton:hover{background-color:rgba(255,255,255,.2);color:#ffffff;transform:scale(1.1)}.messengerReactionPicker{position:absolute;bottom:100%;margin-bottom:4px;display:flex;gap:2px;background-color:#1a2f23;border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-full);padding:6px 8px;box-shadow:0 4px 16px rgba(0,0,0,.3);z-index:10;white-space:nowrap}.messengerReactionPicker.own{right:0}.messengerReactionPicker.other{left:0}.messengerReactionOption{font-size:18px;padding:4px;background:none;border:none;cursor:pointer;border-radius:var(--radius-sm);transition:transform .15s,background-color .15s}.messengerReactionOption:hover{background-color:rgba(255,255,255,.1);transform:scale(1.2)}.messengerReactionOption.active{background-color:rgba(245,158,11,.3)}.messengerReplyPreview{background-color:rgba(0,0,0,.2);border-left:2px solid #f59e0b;padding:6px 10px;margin-bottom:6px;border-radius:var(--radius-sm);font-size:var(--font-size-xs)}.messengerReplyAuthor{color:#f59e0b;font-weight:500;display:block;margin-bottom:2px}.messengerReplyContent{color:rgba(255,255,255,.7);display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px}.messengerReplyBar{display:flex;align-items:center;justify-content:space-between;background-color:rgba(255,255,255,.05);border-left:3px solid #f59e0b;padding:8px 12px;margin:0 var(--space-4);border-radius:var(--radius-sm)}.messengerReplyBarContent{display:flex;align-items:center;gap:10px;color:rgba(255,255,255,.7);flex:1 1;min-width:0}.messengerReplyBarContent svg{flex-shrink:0;color:#f59e0b}.messengerReplyBarText{display:flex;flex-direction:column;min-width:0}.messengerReplyBarLabel{font-size:var(--font-size-xs);color:#f59e0b;font-weight:500}.messengerReplyBarMessage{font-size:var(--font-size-sm);color:rgba(255,255,255,.7);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.messengerReplyBarClose{background:none;border:none;cursor:pointer;color:rgba(255,255,255,.5);padding:4px;border-radius:var(--radius-sm);transition:all .15s ease}.messengerReplyBarClose:hover{background-color:rgba(255,255,255,.1);color:#ffffff}.messengerMentionContainer{position:relative;padding:0 var(--space-4)}.messengerMentionContainer .mentionAutocomplete{position:relative;top:auto;left:auto;width:100%;max-height:200px;border-radius:var(--radius-md);background-color:#1a2f23;border:1px solid rgba(255,255,255,.1)}.messengerMessageAttachments{margin-top:var(--space-2)}.messengerAttachment img{max-width:100%;border-radius:var(--radius-md)}.messengerAttachment a{color:#4ade80;text-decoration:underline}.messengerInputContainer{display:flex;align-items:flex-end;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-top:1px solid rgba(255,255,255,.1);background-color:#1e3a2d}.messengerAttachButton,.messengerEmojiButton{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-full);background:transparent;border:none;cursor:pointer;color:#6b9b7a;transition:all var(--transition-base);flex-shrink:0}.messengerAttachButton:hover,.messengerEmojiButton:hover{background-color:rgba(255,255,255,.1);color:#4ade80}.messengerInput{flex:1 1;padding:var(--space-2) var(--space-3);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-lg);font-family:inherit;font-size:var(--font-size-sm);resize:none;max-height:100px;overflow-y:auto;background-color:rgba(255,255,255,.05);color:#ffffff;transition:border-color var(--transition-base)}.messengerInput::placeholder{color:#6b9b7a}.messengerInput:focus{outline:none;border-color:#4ade80;background-color:rgba(255,255,255,.1)}.messengerSendButton{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-full);background-color:#f59e0b;border:none;cursor:pointer;color:#1a2f23;transition:all var(--transition-base);flex-shrink:0}.messengerSendButton:hover:not(:disabled){background-color:#d97706}.messengerSendButton:disabled{background-color:#3d5a4a;color:#6b9b7a;cursor:not-allowed}@media (max-width:900px){.messengerPanel{max-width:400px;flex-direction:column}.messengerLeftPanel{width:100%;border-right:none;display:flex}.messengerLeftPanel.hidden,.messengerRightPanel{display:none}.messengerBackButton,.messengerRightPanel.active{display:flex}}@media (max-width:640px){.messengerPanel{position:fixed;top:0;right:0;left:0;bottom:0;width:100vw;max-width:100vw;height:100vh;height:100dvh;max-height:none;border-radius:0;z-index:9999;animation:none;transform:none}.messengerPanel.closing{animation:messengerFadeOut .2s ease-out forwards}}@keyframes messengerFadeOut{0%{opacity:1}to{opacity:0}}@media (min-width:901px){.messengerLeftPanel .messengerBackButton{display:none}}.messengerNewConversationModal{width:100%;max-width:480px;max-height:80vh;display:flex;flex-direction:column}.messengerSelectedUsers{display:flex;flex-wrap:wrap;gap:8px;padding:12px 16px;border-bottom:1px solid #e5e7eb}.messengerSelectedChip{display:flex;align-items:center;gap:6px;background-color:#dcfce7;padding:4px 8px 4px 4px;border-radius:20px;font-size:14px;color:#15803d;font-weight:500}.messengerSelectedAvatar{width:24px;height:24px;border-radius:50%;object-fit:cover}.messengerSelectedAvatarPlaceholder{width:24px;height:24px;border-radius:50%;background-color:#ffffff;display:flex;align-items:center;justify-content:center;color:#16a34a}.messengerSelectedRemove{background:none;border:none;padding:2px;cursor:pointer;color:#6b7280;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .2s}.messengerSelectedRemove:hover{background-color:rgba(0,0,0,.1);color:#374151}.messengerGroupNameContainer{display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid #e5e7eb;color:#6b7280}.messengerGroupNameInput{flex:1 1;border:none;background:none;font-size:15px;color:#111827;outline:none}.messengerGroupNameInput::placeholder{color:#9ca3af}.messengerSearchContainer.inModal{padding:12px 16px;border-bottom:1px solid #e5e7eb}.messengerSearchContainer.inModal .messengerSearchIcon{color:var(--color-gray-400)}.messengerSearchContainer.inModal .messengerSearchInput{background-color:var(--color-bg-secondary);border:1px solid var(--color-border);color:var(--color-text-primary)}.messengerSearchContainer.inModal .messengerSearchInput::placeholder{color:var(--color-gray-400)}.messengerSearchContainer.inModal .messengerSearchInput:focus{outline:none;border-color:var(--color-primary);background-color:var(--color-bg-primary);box-shadow:0 0 0 3px rgba(34,197,94,.1)}.messengerSearchResults{flex:1 1;overflow-y:auto;min-height:200px;max-height:300px}.messengerSearchLoading{display:flex;align-items:center;justify-content:center;padding:40px;color:#6b7280}.messengerSearchResult{display:flex;align-items:center;gap:12px;width:100%;padding:12px 16px;background:none;border:none;text-align:left;cursor:pointer;transition:background-color .2s}.messengerSearchResult:hover{background-color:#f3f4f6}.messengerResultAvatar{width:40px;height:40px;border-radius:50%;object-fit:cover;background-color:#e5e7eb}.messengerResultAvatarPlaceholder{width:40px;height:40px;border-radius:50%;background-color:#dcfce7;display:flex;align-items:center;justify-content:center;color:#16a34a}.messengerResultName{font-size:15px;font-weight:500;color:#111827}.messengerSearchEmpty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;color:#9ca3af;gap:12px}.messengerSearchEmpty p{margin:0;font-size:14px}.messengerError{padding:8px 16px;background-color:#fef2f2;color:#dc2626;font-size:14px;border-top:1px solid #fecaca}.messengerSettingsButton{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);border:none;background:transparent;cursor:pointer;color:#6b7280;transition:all var(--transition-base)}.messengerSettingsButton:hover{background-color:#f3f4f6;color:#374151}.messengerSettingsModal{width:100%;max-width:480px;max-height:80vh;display:flex;flex-direction:column}.messengerSettingsContent{flex:1 1;overflow-y:auto;padding:0}.messengerSettingsLoading{display:flex;align-items:center;justify-content:center;padding:48px 0}.messengerSettingsSection{padding:20px;border-bottom:1px solid #e5e7eb}.messengerSettingsSection:last-child{border-bottom:none}.messengerSettingsSectionHeader{display:flex;align-items:center;gap:8px;margin-bottom:16px;color:#16a34a}.messengerSettingsSectionHeader h3{font-size:14px;font-weight:600;color:#111827;margin:0}.messengerSettingsOptions{display:flex;flex-direction:column;gap:12px}.messengerSettingsRadio{display:flex;flex-direction:column;gap:4px;padding:12px;border-radius:var(--radius-md);cursor:pointer;transition:background-color var(--transition-base)}.messengerSettingsRadio:hover{background-color:#f9fafb}.messengerSettingsRadio input[type=radio]{display:none}.messengerSettingsRadio input[type=radio]:checked+.messengerSettingsRadioLabel{color:#16a34a;font-weight:600}.messengerSettingsRadio input[type=radio]:checked+.messengerSettingsRadioLabel:before{border-color:#16a34a;background-color:#16a34a}.messengerSettingsRadioLabel{display:flex;align-items:center;gap:10px;font-size:14px;color:#374151}.messengerSettingsRadioLabel:before{content:"";width:18px;height:18px;border-radius:50%;border:2px solid #d1d5db;flex-shrink:0;transition:all var(--transition-base)}.messengerSettingsRadioDesc{font-size:12px;color:#9ca3af;margin-left:28px}.messengerSettingsToggles{display:flex;flex-direction:column;gap:16px}.messengerSettingsToggle{display:flex;flex-wrap:wrap;align-items:center;gap:8px;cursor:pointer}.messengerSettingsToggleLabel{flex:1 1;font-size:14px;color:#374151;font-weight:500}.messengerSettingsToggleDesc{flex-basis:100%;font-size:12px;color:#9ca3af;padding-right:60px}.messengerSettingsToggle input[type=checkbox].toggle{position:relative;width:44px;height:24px;-webkit-appearance:none;appearance:none;background-color:#d1d5db;border-radius:12px;cursor:pointer;transition:background-color var(--transition-base)}.messengerSettingsToggle input[type=checkbox].toggle:checked{background-color:#16a34a}.messengerSettingsToggle input[type=checkbox].toggle:before{content:"";position:absolute;top:2px;left:2px;width:20px;height:20px;background-color:white;border-radius:50%;box-shadow:0 1px 3px rgba(0,0,0,.2);transition:transform var(--transition-base)}.messengerSettingsToggle input[type=checkbox].toggle:checked:before{transform:translateX(20px)}.firstAccessLayout{position:fixed;top:0;left:0;right:0;bottom:0;z-index:9999;background:#fff}.wizardContainer{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--space-4);position:relative;overflow:hidden}.wizardBackground{position:fixed;top:0;left:0;right:0;bottom:0;z-index:0;transition:background .6s ease-in-out}.wizardSkipButton{position:fixed;top:var(--space-4);right:var(--space-4);z-index:100;display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:rgba(255,255,255,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3);border-radius:var(--radius-full);color:white;font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:all var(--transition-base)}.wizardSkipButton:hover{background:rgba(255,255,255,.3);transform:translateX(4px)}.wizardCard{position:relative;z-index:10;width:100%;max-width:600px;background:white;border-radius:var(--radius-2xl);box-shadow:0 25px 50px -12px rgba(0,0,0,.25);padding:var(--space-8);animation:wizardSlideUp .5s ease-out}@keyframes wizardSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.wizardProgress{gap:var(--space-3);margin-bottom:var(--space-6)}.wizardProgress,.wizardProgressDot{display:flex;justify-content:center}.wizardProgressDot{width:12px;height:12px;border-radius:50%;background:#e5e7eb;cursor:pointer;transition:all var(--transition-base);align-items:center}.wizardProgressDot:hover{transform:scale(1.2)}.wizardProgressDot.active{width:32px;border-radius:6px}.wizardProgressDot.completed{color:white}.wizardProgressDot.completed svg{width:10px;height:10px}.wizardHeader{text-align:center;margin-bottom:var(--space-6)}.wizardIconWrapper{display:inline-flex;align-items:center;justify-content:center;width:80px;height:80px;border-radius:var(--radius-2xl);color:white;margin-bottom:var(--space-4);box-shadow:0 10px 15px -3px rgba(0,0,0,.1);animation:wizardIconPulse 2s ease-in-out infinite}@keyframes wizardIconPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.wizardTitle{font-size:var(--font-size-2xl);font-weight:700;color:#111827;margin:0 0 var(--space-2) 0}.wizardSubtitle{font-size:var(--font-size-base);color:#6b7280;margin:0}.wizardWelcomeToText{font-size:var(--font-size-lg);color:#6b7280;margin:0 0 var(--space-2) 0;font-weight:400}.wizardHeaderLogo{margin-bottom:var(--space-3);display:block;margin-left:auto;margin-right:auto}.wizardBody{margin-bottom:var(--space-6)}.wizardStepContent{animation:wizardFadeIn .4s ease-out}@keyframes wizardFadeIn{0%{opacity:0;transform:translateX(10px)}to{opacity:1;transform:translateX(0)}}.wizardWelcomeHero{text-align:center;margin-bottom:var(--space-6)}.wizardWelcomeTitle{font-size:var(--font-size-xl);font-weight:600;color:#111827;margin:0 0 var(--space-3) 0}.wizardWelcomeText{font-size:var(--font-size-sm);color:#6b7280;line-height:1.6;margin:0}.wizardBreathingSquare{width:80px;height:80px;background:linear-gradient(135deg,#166534,#15803d 50%,#22c55e);border-radius:var(--radius-xl);display:flex;align-items:center;justify-content:center;margin:0 auto var(--space-6);animation:wizardBreathing 3s ease-in-out infinite;box-shadow:0 10px 25px -5px rgba(22,101,52,.5)}.wizardBreathingStar{color:white;animation:wizardStarTwinkle 3s ease-in-out infinite}@keyframes wizardBreathing{0%,to{transform:scale(1);border-radius:var(--radius-xl)}50%{transform:scale(1.1);border-radius:var(--radius-2xl)}}@keyframes wizardStarTwinkle{0%,to{opacity:1;transform:rotate(0deg) scale(1)}25%{opacity:.8;transform:rotate(10deg) scale(1.1)}50%{opacity:1;transform:rotate(0deg) scale(1.2)}75%{opacity:.8;transform:rotate(-10deg) scale(1.1)}}.wizardFeatureGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4)}.wizardFeatureItem{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-4);background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-radius:var(--radius-lg);transition:transform var(--transition-base)}.wizardFeatureItem:hover{transform:translateY(-4px)}.wizardFeatureIcon{color:#16a34a}.wizardFeatureItem span{font-size:var(--font-size-sm);font-weight:500;color:#166534}.wizardIllustration{display:flex;justify-content:center;margin-bottom:var(--space-6)}.wizardStudyCard{background:linear-gradient(135deg,#eff6ff,#dbeafe);border:2px solid #93c5fd;border-radius:var(--radius-lg);padding:var(--space-4);width:280px;box-shadow:0 4px 6px -1px rgba(0,0,0,.1)}.wizardStudyCardHeader{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-2);color:#1e40af;font-size:var(--font-size-sm)}.wizardStudyCard h3{font-size:var(--font-size-base);font-weight:600;color:#1e3a8a;margin:0 0 var(--space-1) 0}.wizardStudyCard p{font-size:var(--font-size-sm);color:#3b82f6;margin:0 0 var(--space-3) 0}.wizardProgressBar{height:6px;background:#bfdbfe;border-radius:3px;overflow:hidden}.wizardProgressFill{height:100%;background:linear-gradient(90deg,#3b82f6,#1d4ed8);border-radius:3px;transition:width .5s ease-out}.wizardPostCard{background:linear-gradient(135deg,#faf5ff,#f3e8ff);border:2px solid #c4b5fd;border-radius:var(--radius-lg);padding:var(--space-4);width:300px;box-shadow:0 4px 6px -1px rgba(0,0,0,.1)}.wizardPostHeader{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-3)}.wizardPostAvatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#a855f7,#7c3aed)}.wizardPostMeta{display:flex;flex-direction:column}.wizardPostName{font-size:var(--font-size-sm);font-weight:600;color:#581c87}.wizardPostTime{font-size:var(--font-size-xs);color:#9333ea}.wizardPostText{font-size:var(--font-size-sm);color:#6b21a8;line-height:1.5;margin:0 0 var(--space-3) 0}.wizardPostActions{display:flex;gap:var(--space-4);color:#a855f7;font-size:var(--font-size-sm)}.wizardPostActions span{display:flex;align-items:center;gap:var(--space-1)}.wizardPrayerCards{display:flex;flex-direction:column;gap:var(--space-3)}.wizardPrayerCard{background:linear-gradient(135deg,#fff7ed,#ffedd5);border:2px solid #fdba74;border-radius:var(--radius-lg);padding:var(--space-3);width:260px;display:flex;flex-direction:column;gap:var(--space-2)}.wizardPrayerCard svg{color:#ea580c}.wizardPrayerCard p{font-size:var(--font-size-sm);color:#9a3412;margin:0;line-height:1.4}.wizardPrayerCard span{font-size:var(--font-size-xs);color:#f97316;font-weight:500}.wizardDescription{margin-bottom:var(--space-4)}.wizardDescription:last-child{margin-bottom:0}.wizardDescription h3{font-size:var(--font-size-base);font-weight:600;color:#111827;margin:0 0 var(--space-1) 0;display:flex;align-items:center;gap:var(--space-2)}.wizardDescription p{font-size:var(--font-size-sm);color:#6b7280;line-height:1.6;margin:0}.wizardProfileSection{text-align:center}.wizardProfileGreeting{margin-bottom:var(--space-6)}.wizardProfileIcon{color:#0d9488;margin-bottom:var(--space-2)}.wizardProfileGreeting h3{font-size:var(--font-size-xl);font-weight:600;color:#111827;margin:0 0 var(--space-2) 0}.wizardProfileGreeting p{font-size:var(--font-size-sm);color:#6b7280;margin:0}.wizardChurchSelect{text-align:left}.wizardLabel{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);font-weight:500;color:#374151;margin-bottom:var(--space-2)}.wizardLabel svg{color:#0d9488}.wizardSelectInput{width:100%;padding:var(--space-3) var(--space-4);font-size:var(--font-size-base);border:2px solid #e5e7eb;border-radius:var(--radius-lg);background:white;color:#111827;cursor:pointer;transition:all var(--transition-base)}.wizardSelectInput:hover{border-color:#0d9488}.wizardSelectInput:focus{outline:none;border-color:#0d9488;box-shadow:0 0 0 3px rgba(13,148,136,.1)}.wizardLoadingChurches{padding:var(--space-3);text-align:center;color:#6b7280;font-size:var(--font-size-sm)}.wizardChurchNote{margin-top:var(--space-3);font-size:var(--font-size-xs);color:#9ca3af;line-height:1.5}.wizardChurchSearchContainer{position:relative}.wizardChurchSearchInput{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);border:2px solid #e5e7eb;border-radius:var(--radius-lg);background:white;transition:all var(--transition-base)}.wizardChurchSearchInput:focus-within{border-color:#0d9488;box-shadow:0 0 0 3px rgba(13,148,136,.1)}.wizardSearchIcon{color:#9ca3af;flex-shrink:0}.wizardSearchField{flex:1 1;border:none;outline:none;font-size:var(--font-size-base);color:#111827;background:transparent}.wizardSearchField::placeholder{color:#9ca3af}.wizardSearchClear{display:flex;align-items:center;justify-content:center;padding:var(--space-1);border:none;background:#f3f4f6;border-radius:var(--radius-full);color:#6b7280;cursor:pointer;transition:all var(--transition-base)}.wizardSearchClear:hover{background:#e5e7eb;color:#374151}.wizardChurchDropdown{position:absolute;top:100%;left:0;right:0;margin-top:var(--space-2);background:white;border:1px solid #e5e7eb;border-radius:var(--radius-lg);box-shadow:0 10px 25px -5px rgba(0,0,0,.1);z-index:50;max-height:280px;overflow-y:auto}.wizardChurchOption{display:flex;align-items:center;gap:var(--space-3);width:100%;padding:var(--space-3) var(--space-4);border:none;background:transparent;text-align:left;font-size:var(--font-size-sm);color:#374151;cursor:pointer;transition:background var(--transition-base)}.wizardChurchOption:hover{background:#f3f4f6}.wizardChurchOption.selected{background:#ecfdf5;color:#0d9488}.wizardChurchOption svg{color:#9ca3af;flex-shrink:0}.wizardChurchOption.selected svg{color:#0d9488}.wizardNoChurches{text-align:center;color:#9ca3af}.wizardAddChurchOption,.wizardNoChurches{padding:var(--space-3) var(--space-4);font-size:var(--font-size-sm)}.wizardAddChurchOption{display:flex;align-items:center;gap:var(--space-3);width:100%;border:none;border-top:1px solid #e5e7eb;background:#f9fafb;text-align:left;font-weight:500;color:#0d9488;cursor:pointer;transition:background var(--transition-base)}.wizardAddChurchOption:hover{background:#ecfdf5}.wizardAddChurchOption svg{color:#0d9488}.wizardFooter{display:flex;justify-content:space-between;align-items:center;gap:var(--space-4)}.wizardButton{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);font-size:var(--font-size-base);font-weight:500;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-base);border:none}.wizardButtonPrimary{color:white;margin-left:auto;box-shadow:0 4px 6px -1px rgba(0,0,0,.1)}.wizardButtonPrimary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 15px -3px rgba(0,0,0,.1)}.wizardButtonPrimary:disabled{opacity:.6;cursor:not-allowed}.wizardButtonSecondary{background:#f3f4f6;color:#374151;border:1px solid #e5e7eb}.wizardButtonSecondary:hover{background:#e5e7eb}.wizardDecoration{position:fixed;border-radius:50%;background:rgba(255,255,255,.1);pointer-events:none}.wizardDecoration1{width:300px;height:300px;top:-100px;left:-100px;animation:wizardFloat 8s ease-in-out infinite}.wizardDecoration2{width:200px;height:200px;bottom:-50px;right:-50px;animation:wizardFloat 6s ease-in-out infinite reverse}.wizardDecoration3{width:150px;height:150px;top:50%;right:10%;animation:wizardFloat 10s ease-in-out infinite}@keyframes wizardFloat{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-20px) rotate(10deg)}}@media (max-width:640px){.wizardCard{padding:var(--space-6);margin:var(--space-2);border-radius:var(--radius-xl)}.wizardTitle{font-size:var(--font-size-xl)}.wizardIconWrapper{width:64px;height:64px}.wizardIconWrapper svg{width:32px;height:32px}.wizardFeatureGrid{grid-template-columns:1fr 1fr;gap:var(--space-2)}.wizardFeatureItem{padding:var(--space-3)}.wizardPostCard,.wizardPrayerCard,.wizardStudyCard{width:100%}.wizardFooter{flex-wrap:wrap}.wizardButton{padding:var(--space-3) var(--space-4);font-size:var(--font-size-sm)}.wizardSkipButton{top:var(--space-2);right:var(--space-2);padding:var(--space-1) var(--space-3);font-size:var(--font-size-xs)}}.tourOverlay{z-index:10000;pointer-events:none}.tourBackdrop,.tourOverlay{position:fixed;top:0;left:0;right:0;bottom:0}.tourBackdrop{background:rgba(0,0,0,.6);pointer-events:auto;transition:clip-path .3s ease-out}.tourSpotlight{position:fixed;border:3px solid #22c55e;border-radius:var(--radius-lg);box-shadow:0 0 0 4px rgba(34,197,94,.2),0 0 30px rgba(34,197,94,.3);pointer-events:none;transition:all .3s ease-out;animation:tourSpotlightPulse 2s ease-in-out infinite}@keyframes tourSpotlightPulse{0%,to{box-shadow:0 0 0 4px rgba(34,197,94,.2),0 0 30px rgba(34,197,94,.3)}50%{box-shadow:0 0 0 6px rgba(34,197,94,.3),0 0 40px rgba(34,197,94,.4)}}.tourSkipButton{position:fixed;top:var(--space-4);right:var(--space-4);display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:none;border-radius:var(--radius-full);background:rgba(255,255,255,.9);color:#6b7280;cursor:pointer;pointer-events:auto;transition:all var(--transition-base);box-shadow:0 2px 8px rgba(0,0,0,.15);z-index:10001}.tourSkipButton:hover{background:white;color:#374151;transform:scale(1.05)}.tourTooltip{position:fixed;width:320px;background:white;border-radius:var(--radius-xl);box-shadow:0 20px 40px -10px rgba(0,0,0,.2),0 0 0 1px rgba(0,0,0,.05);pointer-events:auto;z-index:10001;animation:tourTooltipEnter .3s ease-out}@keyframes tourTooltipEnter{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.tourTooltipHeader{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5) 0}.tourTooltipIcon{color:#22c55e;flex-shrink:0}.tourTooltipTitle{margin:0;font-size:var(--font-size-lg);font-weight:600;color:#111827}.tourTooltipContent{padding:var(--space-3) var(--space-5);margin:0;font-size:var(--font-size-sm);color:#6b7280;line-height:1.6}.tourProgress{display:flex;justify-content:center;gap:var(--space-2);padding:0 var(--space-5)}.tourProgressDot{width:8px;height:8px;border-radius:var(--radius-full);background:#e5e7eb;transition:all var(--transition-base)}.tourProgressDot.active{width:24px;background:#22c55e}.tourProgressDot.completed{background:#86efac}.tourNavigation{display:flex;justify-content:flex-end;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-top:1px solid #f3f4f6;margin-top:var(--space-4)}.tourButton{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);font-size:var(--font-size-sm);font-weight:500;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-base);border:none}.tourButtonPrimary{background:#22c55e;color:white}.tourButtonPrimary:hover{background:#16a34a;transform:translateY(-1px)}.tourButtonSecondary{background:#f3f4f6;color:#374151}.tourButtonSecondary:hover{background:#e5e7eb}.tourTooltip--bottom:before,.tourTooltip--left:after,.tourTooltip--right:before,.tourTooltip--top:after{content:"";position:absolute;width:16px;height:16px;background:white;transform:rotate(45deg)}.tourTooltip--bottom:before{top:-8px;left:50%;margin-left:-8px;box-shadow:-2px -2px 4px rgba(0,0,0,.05)}.tourTooltip--top:after{bottom:-8px;left:50%;margin-left:-8px;box-shadow:2px 2px 4px rgba(0,0,0,.05)}.tourTooltip--right:before{left:-8px;top:50%;margin-top:-8px;box-shadow:-2px 2px 4px rgba(0,0,0,.05)}.tourTooltip--left:after{right:-8px;top:50%;margin-top:-8px;box-shadow:2px -2px 4px rgba(0,0,0,.05)}@media (max-width:480px){.tourTooltip{width:calc(100vw - 32px);left:16px!important;right:16px}.tourTooltip--left:after,.tourTooltip--right:before{display:none}.tourNavigation{flex-wrap:wrap}.tourButton{flex:1 1}}.ai-form-step-container{max-width:896px;margin:0 auto;background:linear-gradient(to bottom right,#f0fdf4,#dcfce7);border:1px solid #86efac;border-radius:var(--radius-lg);padding:var(--space-6)}.ai-form-step-header{margin-bottom:var(--space-6)}.ai-form-step-title{display:flex;align-items:center;font-size:var(--font-size-2xl);font-weight:600;color:#15803d}.ai-form-step-indicator{height:12px;width:12px;background-color:#f59e0b;border-radius:50%;margin-right:var(--space-3)}.ai-form-step-description{font-size:var(--font-size-sm);color:#6b7280;margin-top:var(--space-2)}.ai-form-section-label{font-size:var(--font-size-lg);font-weight:600;color:#111827;display:block;margin-bottom:var(--space-4)}.ai-form-selection-card{padding:var(--space-4);flex:1 1;background:white;border:2px solid #e5e7eb;border-radius:var(--radius-lg);cursor:pointer;transition:all .2s}.ai-form-selection-card:hover:not(.selected){border-color:#d1d5db;box-shadow:0 4px 6px -1px rgba(0,0,0,.1)}.ai-form-selection-card.selected{background:linear-gradient(to bottom right,#f0fdf4,#dcfce7);border:2px solid #16a34a;transform:scale(1.05);box-shadow:0 10px 15px -3px rgba(0,0,0,.1)}.ai-form-selection-card.selected.no-scale{transform:scale(1.02)}.ai-form-selection-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-2)}.ai-form-selection-card-title{font-size:var(--font-size-base);font-weight:600;color:#111827}.ai-form-selection-card.selected .ai-form-selection-card-title{color:#15803d}.ai-form-selection-card-sublabel{font-size:var(--font-size-xs);color:#6b7280}.ai-form-selection-card-description{font-size:var(--font-size-sm);color:#9ca3af}.ai-form-selection-card.selected .ai-form-selection-card-description{color:#374151}.ai-form-radio-indicator{width:24px;height:24px;border-radius:50%;border:2px solid #d1d5db;background-color:initial;display:flex;align-items:center;justify-content:center;flex-shrink:0}.ai-form-radio-indicator.selected{border-color:#16a34a;background-color:#16a34a}.ai-form-radio-check{width:16px;height:16px;color:white}.ai-form-feature-row{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4);background-color:white;border:1px solid #e5e7eb;border-radius:var(--radius-lg)}.ai-form-feature-label{font-size:var(--font-size-base);font-weight:500;color:#111827;display:block}.ai-form-feature-description{font-size:var(--font-size-sm);color:#6b7280}.ai-form-toggle{position:relative;display:inline-block;width:48px;height:24px}.ai-form-toggle input{opacity:0;width:0;height:0}.ai-form-toggle-slider{position:absolute;cursor:pointer;inset:0;background-color:#d1d5db;border-radius:9999px;transition:background-color .2s}.ai-form-toggle input:checked+.ai-form-toggle-slider{background-color:#16a34a}.ai-form-toggle-slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:white;border-radius:50%;transition:left .2s}.ai-form-toggle input:checked+.ai-form-toggle-slider:before{left:26px}.ai-form-tip-box{padding:var(--space-3);margin-top:var(--space-3);background-color:#f0fdf4;border:1px solid #86efac;border-radius:var(--radius-lg)}.ai-form-tip-box.amber{background-color:#fffbeb;border-color:#fcd34d}.ai-form-tip-text{font-size:var(--font-size-sm);color:#15803d}.ai-form-tip-box.amber .ai-form-tip-text{color:#92400e}.ai-form-model-section{margin-top:var(--space-4)}.ai-form-model-section-label{font-size:var(--font-size-base);font-weight:500;color:#374151;display:block;margin-bottom:var(--space-3)}.ai-form-model-card{padding:var(--space-3);flex:1 1;background:white;border:1px solid #e5e7eb;border-radius:var(--radius-md);cursor:pointer;transition:all .2s}.ai-form-model-card.selected{background:linear-gradient(to bottom right,#eff6ff,#dbeafe);border:2px solid #3b82f6}.ai-form-model-card-header,.ai-form-model-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-1)}.ai-form-model-title{font-size:var(--font-size-sm);font-weight:600;color:#374151}.ai-form-model-card.selected .ai-form-model-title{color:#1d4ed8}.ai-form-model-description{font-size:var(--font-size-xs);color:#6b7280}.ai-form-model-card.selected .ai-form-model-description{color:#1e40af}.ai-form-model-badge{font-size:var(--font-size-xs);font-weight:600;padding:2px 6px;border-radius:var(--radius-sm);background-color:#e5e7eb;color:#374151}.ai-form-model-badge.best{background-color:#fef3c7;color:#92400e}.ai-form-model-radio{width:16px;height:16px;border-radius:50%;border:2px solid #d1d5db;background-color:white}.ai-form-model-card.selected .ai-form-model-radio{border:4px solid #3b82f6}.ai-form-model-selection{margin-top:var(--space-4)}.ai-form-model-label{font-size:var(--font-size-base);font-weight:500;color:#374151;display:block;margin-bottom:var(--space-3)}.ai-study-form-input{width:100%;height:40px;padding:0 var(--space-3);font-size:var(--font-size-lg);border:1px solid #86efac;background-color:white;border-radius:var(--radius-md);outline:none;transition:all .2s}.ai-study-form-input:focus{border-color:#16a34a;box-shadow:0 0 0 3px rgba(22,163,74,.1)}.ai-study-form-input:hover:not(:focus){border-color:#22c55e}.ai-study-form-textarea{width:100%;min-height:100px;padding:var(--space-3);font-size:var(--font-size-lg);border:1px solid #86efac;background-color:white;border-radius:var(--radius-md);outline:none;transition:all .2s;resize:vertical}.ai-study-form-textarea:focus{border-color:#16a34a;box-shadow:0 0 0 3px rgba(22,163,74,.1)}.ai-study-form-textarea:hover:not(:focus){border-color:#22c55e}.ai-study-step-circle{width:48px;height:48px;border-radius:50%;font-size:var(--font-size-sm);font-weight:600;transition:all .2s;display:flex;align-items:center;justify-content:center}.ai-study-step-circle--active{background:linear-gradient(90deg,#16a34a,#059669);color:white;box-shadow:0 10px 15px -3px rgba(0,0,0,.1)}.ai-study-step-circle--inactive{background:linear-gradient(90deg,#e5e7eb,#d1d5db);color:#6b7280}.ai-study-step-circle--completed{background:linear-gradient(90deg,#22c55e,#16a34a);color:white}.ai-study-day-badge{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;background:linear-gradient(90deg,#3b82f6,#2563eb);color:white;border-radius:50%;font-size:var(--font-size-sm);font-weight:600}.ai-study-day-card{background:white;border:1px solid #e5e7eb;border-radius:var(--radius-lg);overflow:hidden;transition:all .2s}.ai-study-day-card:hover{border-color:#d1d5db}.ai-study-day-card--expanded{border-color:#3b82f6;box-shadow:0 4px 6px -1px rgba(0,0,0,.1)}.ai-study-day-card-header{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);cursor:pointer;transition:background-color .2s}.ai-study-day-card-header:hover{background-color:#f9fafb}.ai-study-day-card-content{padding:0 var(--space-4) var(--space-4);border-top:1px solid #e5e7eb}.ai-study-day-card-section{margin-bottom:var(--space-3)}.ai-study-day-card-section:last-child{margin-bottom:0}.ai-study-day-card-label{font-size:var(--font-size-xs);font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-1)}.ai-study-day-card-value{font-size:var(--font-size-sm);color:#374151}.publicSignUpCTA{background:linear-gradient(135deg,#f0fdf4,#dcfce7 50%,#bbf7d0);border:1px solid #86efac;border-radius:var(--radius-lg);padding:var(--space-4) var(--space-6);margin-bottom:var(--space-6);box-shadow:0 2px 8px rgba(22,163,74,.1)}.publicSignUpCTAContent{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);flex-wrap:wrap}.publicSignUpCTAText{flex:1 1;min-width:200px}.publicSignUpCTATitle{font-size:var(--font-size-lg);font-weight:600;color:#166534;margin:0 0 var(--space-1) 0}.publicSignUpCTADescription{font-size:var(--font-size-sm);color:#15803d;margin:0}.publicSignUpCTAButton{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);font-weight:600;white-space:nowrap}.publicSignUpCTABottom{background:linear-gradient(135deg,#166534,#15803d 50%,#16a34a);border-radius:var(--radius-lg);padding:var(--space-8) var(--space-6);margin-top:var(--space-8);text-align:center;box-shadow:0 4px 16px rgba(22,163,74,.2)}.publicSignUpCTABottomContent{max-width:480px;margin:0 auto}.publicSignUpCTABottomTitle{font-size:var(--font-size-xl);font-weight:700;color:white;margin:0 0 var(--space-2) 0}.publicSignUpCTABottomDescription{font-size:var(--font-size-base);color:#bbf7d0;margin:0 0 var(--space-6) 0}.publicSignUpCTABottomButton{padding:var(--space-4) var(--space-8);font-size:var(--font-size-lg);font-weight:600;background-color:white;color:#166534}.publicSignUpCTABottomButton:hover{background-color:#f0fdf4;color:#15803d}.reflection-public-preview{background:linear-gradient(135deg,#fafafa,#f5f5f5);border:2px dashed #d4d4d4;border-radius:var(--radius-md);padding:var(--space-6);text-align:center}.reflection-signup-button{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);font-size:var(--font-size-sm);background-color:#f0fdf4;border:1px solid #86efac;color:#166534}.reflection-signup-button:hover{background-color:#dcfce7;border-color:#4ade80}@media (max-width:640px){.publicSignUpCTAContent{flex-direction:column;text-align:center}.publicSignUpCTAText{text-align:center}.publicSignUpCTABottom{padding:var(--space-6) var(--space-4);margin-left:var(--space-2);margin-right:var(--space-2)}.publicSignUpCTABottomTitle{font-size:var(--font-size-lg)}}.supportContainer{max-width:900px;margin:0 auto;padding:var(--space-8)}.supportCard{background:white;border-radius:var(--radius-xl);padding:var(--space-8);box-shadow:var(--shadow-sm)}.supportTitle{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--space-2)}.supportDescription{color:var(--color-text-secondary);margin-bottom:var(--space-8)}.supportFaqBox{background-color:var(--color-surface);padding:var(--space-6);border-radius:var(--radius-lg);margin-bottom:var(--space-8);border:1px solid var(--color-border)}.supportFaqTitle{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-4)}.supportFaqList{margin:0;padding-left:var(--space-5);line-height:2}.supportSectionTitle{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-6)}.supportError{background-color:#fef2f2;border:1px solid #fecaca;color:#dc2626;padding:var(--space-4);border-radius:var(--radius-md);margin-bottom:var(--space-6)}.supportCategoryLabel{display:block;font-weight:var(--font-weight-medium);margin-bottom:var(--space-2)}.supportCategoryGrid{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-bottom:var(--space-6)}.supportCategoryButton{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);border:1px solid var(--color-border);background-color:white;color:var(--color-text-secondary);cursor:pointer;font-weight:var(--font-weight-normal);transition:all var(--transition-fast)}.supportCategoryButton:hover{border-color:var(--color-primary)}.supportCategoryButton.selected{border:2px solid var(--color-primary);background-color:var(--color-primary-light);color:var(--color-primary);font-weight:var(--font-weight-semibold)}.supportFormRow{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4);margin-bottom:var(--space-6)}@media (max-width:640px){.supportFormRow{grid-template-columns:1fr}.supportContainer{padding:var(--space-4)}.supportCard{padding:var(--space-6)}}.supportFooter{margin-top:var(--space-8);padding-top:var(--space-8);border-top:1px solid var(--color-border);text-align:center}.supportFooterText{color:var(--color-text-secondary);margin-bottom:var(--space-2)}.supportFooterEmail{color:var(--color-primary);font-weight:var(--font-weight-medium)}.supportSuccessContainer{max-width:600px;margin:0 auto;padding:var(--space-8)}.supportSuccessCard{background:white;border-radius:var(--radius-xl);padding:var(--space-12);text-align:center;box-shadow:var(--shadow-sm)}.supportSuccessIcon{width:80px;height:80px;background-color:var(--color-primary-light);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;margin:0 auto var(--space-6)}.supportSuccessTitle{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-4)}.supportSuccessMessage{color:var(--color-text-secondary);margin-bottom:var(--space-6);line-height:1.6}.bibleReaderContainer{min-height:100vh;background:#fafaf9;display:flex;flex-direction:column}.bibleToolbar{position:sticky;top:0;z-index:100;background:white;border-bottom:1px solid var(--color-border);box-shadow:var(--shadow-sm);padding:var(--space-3) var(--space-4)}.bibleToolbarInner{display:flex;align-items:center;justify-content:space-between;max-width:720px;margin:0 auto;width:100%}.bibleToolbarLeft,.bibleToolbarRight{display:flex;align-items:center;gap:var(--space-2)}.bibleToolbarBtn{display:flex;align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-3);background:transparent;border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary);cursor:pointer;transition:all var(--transition-base)}.bibleToolbarBtn:hover{background:var(--color-bg-muted);border-color:var(--color-text-tertiary)}.bibleDropdownWrapper{position:relative}.bibleDropdownTrigger{min-width:80px}.bibleDropdown{position:absolute;top:calc(100% + 4px);left:0;background:white;border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);z-index:200;max-height:400px;overflow-y:auto}.bibleDropdownOverlay{position:fixed;inset:0;z-index:99}.bibleBookDropdown{width:320px}.bibleBookList{padding:var(--space-2)}.bibleBookListSection{margin-bottom:var(--space-3)}.bibleBookListSection h4{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.05em;padding:var(--space-2) var(--space-2);margin:0}.bibleBookListItem{display:block;width:100%;text-align:left;padding:var(--space-2) var(--space-3);background:transparent;border:none;border-radius:var(--radius-md);font-size:var(--font-size-sm);color:var(--color-text-primary);cursor:pointer;transition:background var(--transition-base)}.bibleBookListItem:hover{background:var(--color-bg-muted)}.bibleBookListItem.active{background:var(--color-primary-light);color:var(--color-primary);font-weight:var(--font-weight-medium)}.bibleChapterDropdown{width:280px;padding:var(--space-3)}.bibleChapterGrid{display:grid;grid-template-columns:repeat(6,1fr);gap:var(--space-1)}.bibleChapterBtn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:transparent;border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-sm);color:var(--color-text-primary);cursor:pointer;transition:all var(--transition-base)}.bibleChapterBtn:hover{background:var(--color-bg-muted);border-color:var(--color-primary)}.bibleChapterBtn.active{background:var(--color-primary);border-color:var(--color-primary);color:white;font-weight:var(--font-weight-semibold)}.bibleVersionTrigger{min-width:60px}.bibleVersionDropdown{width:320px;max-height:400px;right:0;left:auto;padding:0;display:flex;flex-direction:column;overflow:hidden}.bibleVersionItem{display:flex;align-items:center;gap:var(--space-3);width:100%;padding:var(--space-2) var(--space-3);background:transparent;border:none;border-radius:var(--radius-md);text-align:left;cursor:pointer;transition:background var(--transition-base)}.bibleVersionItem:hover{background:var(--color-bg-muted)}.bibleVersionItem.active,.bibleVersionItem.hovered{background:var(--color-primary-light)}.bibleVersionItemAbbr{font-weight:var(--font-weight-bold);color:var(--color-primary);min-width:50px}.bibleVersionItemName{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.bibleVersionSearch{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--color-border);position:relative}.bibleVersionSearchInput{flex:1 1;border:none;background:transparent;font-size:var(--font-size-sm);color:var(--color-text);outline:none}.bibleVersionSearchClear,.bibleVersionSearchInput::placeholder{color:var(--color-text-tertiary)}.bibleVersionSearchClear{display:flex;align-items:center;justify-content:center;padding:var(--space-1);background:transparent;border:none;cursor:pointer;border-radius:var(--radius-sm);transition:background var(--transition-base),color var(--transition-base)}.bibleVersionSearchClear:hover{background:var(--color-bg-muted);color:var(--color-text)}.bibleVersionLangDropdown{position:relative}.bibleVersionLangTrigger{display:flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);background:var(--color-bg-muted);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base)}.bibleVersionLangTrigger:hover{background:var(--color-bg);border-color:var(--color-primary)}.bibleVersionLangFlag{font-size:18px;line-height:1}.bibleVersionLangMenu{position:absolute;top:100%;left:0;margin-top:var(--space-1);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:100;min-width:160px;max-height:280px;overflow-y:auto}.bibleVersionLangOption{display:flex;align-items:center;gap:var(--space-2);width:100%;padding:var(--space-2) var(--space-3);background:transparent;border:none;text-align:left;cursor:pointer;font-size:var(--font-size-sm);color:var(--color-text);transition:background var(--transition-base)}.bibleVersionLangOption:hover{background:var(--color-bg-muted)}.bibleVersionLangOption.active{background:var(--color-primary-light);color:var(--color-primary);font-weight:var(--font-weight-medium)}.bibleVersionList{flex:1 1;overflow-y:auto;padding:var(--space-2)}.bibleVersionGroup{margin-bottom:var(--space-2)}.bibleVersionGroup:last-child{margin-bottom:0}.bibleVersionGroupHeader{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.05em;padding:var(--space-2) var(--space-3);background:var(--color-bg-muted);border-radius:var(--radius-sm);margin-bottom:var(--space-1)}.bibleFontControls{display:flex;align-items:center;gap:var(--space-1);padding:0 var(--space-2);border-right:1px solid var(--color-border);margin-right:var(--space-2)}.bibleFontBtn{padding:var(--space-1);min-width:28px;min-height:28px;display:flex;align-items:center;justify-content:center}.bibleFontBtn:disabled{opacity:.4;cursor:not-allowed}.bibleFontSize{font-size:var(--font-size-xs);color:var(--color-text-tertiary);min-width:24px;text-align:center}.bibleVerseTooltip{position:absolute;transform:translateX(-50%);padding:8px 12px;background:white;border-radius:24px;box-shadow:0 4px 20px rgba(0,0,0,.15);display:flex;align-items:center;gap:6px;z-index:200}.bibleVerseTooltip:before{content:"";position:absolute;bottom:100%;left:50%;transform:translateX(-50%);border:8px solid transparent;border-bottom-color:white}.bibleTooltipColorBtn{width:24px;height:24px;border:2px solid transparent;border-radius:50%;cursor:pointer;transition:all var(--transition-base)}.bibleTooltipColorBtn:hover{transform:scale(1.15)}.bibleTooltipColorBtn:disabled{opacity:.5;cursor:not-allowed}.bibleTooltipColorBtn-yellow{background:rgba(255,235,59,.7)}.bibleTooltipColorBtn-pink{background:rgba(244,143,177,.7)}.bibleTooltipColorBtn-blue{background:rgba(144,202,249,.7)}.bibleTooltipColorBtn-green{background:rgba(165,214,167,.7)}.bibleTooltipColorBtn-orange{background:rgba(255,183,77,.7)}.bibleTooltipRemoveBtn{width:24px;height:24px;border:2px solid var(--color-border);border-radius:50%;background:white;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--color-text-muted);transition:all var(--transition-base)}.bibleTooltipRemoveBtn:hover{border-color:var(--color-error);color:var(--color-error);transform:scale(1.15)}.bibleTooltipRemoveBtn:disabled{opacity:.5;cursor:not-allowed}.bibleTooltipDivider{width:1px;height:20px;background:var(--color-border);margin:0 4px}.bibleTooltipActionBtn{width:32px;height:32px;border:none;border-radius:50%;background:var(--color-gray-100);cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--color-text-secondary);transition:all var(--transition-base)}.bibleTooltipActionBtn:hover{background:var(--color-gray-200);color:var(--color-text-primary)}.bibleTooltipCloseBtn{width:24px;height:24px;border:none;border-radius:50%;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--color-text-muted);transition:all var(--transition-base);margin-left:2px}.bibleTooltipCloseBtn:hover{background:var(--color-gray-100);color:var(--color-text-primary)}.bibleReadingArea{flex:1 1;padding:var(--space-6) var(--space-4);max-width:720px;margin:0 auto;width:100%}.bibleChapterHeader{margin-bottom:var(--space-6);text-align:center}.bibleChapterTitle{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0}.bibleVerses{position:relative;font-family:Georgia,Times New Roman,serif;line-height:2;color:var(--color-text-primary);text-align:justify}.bibleVerse{cursor:pointer;padding:2px 0;border-radius:2px;transition:background var(--transition-base)}.bibleVerse:hover{background:rgba(0,0,0,.04)}.bibleVerseSelected{background:var(--color-primary-light)!important}.bibleVerseHighlight-yellow{background:rgba(255,235,59,.35)!important}.bibleVerseHighlight-pink{background:rgba(244,143,177,.35)!important}.bibleVerseHighlight-blue{background:rgba(144,202,249,.35)!important}.bibleVerseHighlight-green{background:rgba(165,214,167,.35)!important}.bibleVerseHighlight-orange{background:rgba(255,183,77,.35)!important}.bibleVerse.bibleVerseSelected.bibleVerseHighlight-blue,.bibleVerse.bibleVerseSelected.bibleVerseHighlight-green,.bibleVerse.bibleVerseSelected.bibleVerseHighlight-orange,.bibleVerse.bibleVerseSelected.bibleVerseHighlight-pink,.bibleVerse.bibleVerseSelected.bibleVerseHighlight-yellow{background:var(--color-primary-light)!important;outline:2px solid var(--color-primary);outline-offset:-2px}.bibleVerseNumber{font-family:var(--font-sans);font-size:.7em;font-weight:var(--font-weight-semibold);color:var(--color-primary);margin-right:2px;vertical-align:super}.bibleSectionTitle{display:block;width:100%;font-family:var(--font-sans);font-size:1.1em;font-weight:700;color:#1F2937;margin:24px 0 12px;padding-top:16px;border-top:1px solid #e5e7eb;text-align:left}.bibleSectionTitle:first-child{margin-top:0;padding-top:0;border-top:none}.bibleCrossRefIcon{position:relative;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;color:#9CA3AF;margin-left:2px;vertical-align:super;font-size:.75em;opacity:.7;transition:color .15s,opacity .15s}.bibleCrossRefIcon:hover{color:var(--color-primary);opacity:1}.bibleCrossRefSymbol{font-size:.85em;font-weight:600;letter-spacing:-.5px}.bibleCrossRefTooltip{position:absolute;bottom:100%;left:50%;transform:translateX(-50%);padding:12px 16px;background:#FFFBEB;color:#1F2937;font-size:13px;font-family:var(--font-sans);line-height:1.5;border-radius:8px;border:1px solid #f59e0b;min-width:280px;max-width:400px;white-space:normal;text-align:left;opacity:0;visibility:hidden;transition:opacity .15s,visibility .15s;z-index:100;pointer-events:none;box-shadow:0 4px 16px rgba(0,0,0,.1);margin-bottom:8px}.bibleCrossRefTooltip:after{border:8px solid transparent;border-top-color:#f59e0b}.bibleCrossRefTooltip:after,.bibleCrossRefTooltip:before{content:"";position:absolute;top:100%;left:50%;transform:translateX(-50%)}.bibleCrossRefTooltip:before{border:7px solid transparent;border-top-color:#fffbeb;margin-top:-1px;z-index:1}.bibleCrossRefIcon:hover .bibleCrossRefTooltip{opacity:1;visibility:visible}.bibleCrossRefModalOverlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1000;animation:bibleCrossRefFadeIn .2s ease-out;padding:var(--space-4)}@keyframes bibleCrossRefFadeIn{0%{opacity:0}to{opacity:1}}@keyframes bibleCrossRefSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.bibleCrossRefModal{background:white;border-radius:var(--radius-xl);box-shadow:0 25px 50px -12px rgba(0,0,0,.25);max-width:600px;width:100%;max-height:80vh;display:flex;flex-direction:column;animation:bibleCrossRefSlideUp .3s ease-out;overflow:hidden}.bibleCrossRefModalHeader{padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--color-border);background:linear-gradient(180deg,#FFFBEB,white);position:relative}.bibleCrossRefModalTitle{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.bibleCrossRefModalTitle svg{color:#F59E0B}.bibleCrossRefModalSubtitle{font-size:var(--font-size-sm);color:var(--color-text-muted);margin-top:var(--space-1)}.bibleCrossRefModalClose{position:absolute;top:var(--space-4);right:var(--space-4);background:none;border:none;cursor:pointer;color:var(--color-text-muted);padding:var(--space-2);border-radius:var(--radius-md);transition:all .15s}.bibleCrossRefModalClose:hover{background:var(--color-bg-muted);color:var(--color-text-primary)}.bibleCrossRefModalContent{padding:var(--space-4) var(--space-6);overflow-y:auto;flex:1 1}.bibleCrossRefItem{background:#FFFBEB;border:1px solid #fde68a;border-radius:var(--radius-lg);margin-bottom:var(--space-3);overflow:hidden;animation:bibleCrossRefFadeIn .3s ease-out}.bibleCrossRefItem:last-child{margin-bottom:0}.bibleCrossRefItemHeader{padding:var(--space-3) var(--space-4);background:linear-gradient(90deg,#FEF3C7,#FFFBEB);border-bottom:1px solid #fde68a}.bibleCrossRefItemRef{font-weight:var(--font-weight-semibold);color:#92400E;font-size:var(--font-size-sm)}.bibleCrossRefItemBody{padding:var(--space-4)}.bibleCrossRefItemText{font-family:var(--font-scripture),Georgia,serif;font-size:var(--font-size-base);line-height:1.7;color:var(--color-text-primary)}.bibleCrossRefItemLoading{display:flex;align-items:center;gap:var(--space-2);color:var(--color-text-muted);font-size:var(--font-size-sm)}.bibleCrossRefSpinner{animation:bibleCrossRefSpin 1s linear infinite}@keyframes bibleCrossRefSpin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.bibleCrossRefItemError{color:var(--color-text-muted);font-size:var(--font-size-sm);font-style:italic}.wj{color:#dc2626}.bibleChapterNav{justify-content:space-between;padding:var(--space-4);border-top:1px solid var(--color-border);background:white}.bibleChapterNav,.bibleNavBtn{display:flex;align-items:center}.bibleNavBtn{gap:var(--space-2);padding:var(--space-3) var(--space-4);background:var(--color-bg-muted);border:1px solid var(--color-border);border-radius:var(--radius-lg);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary);cursor:pointer;transition:all var(--transition-base)}.bibleNavBtn:hover{background:var(--color-primary-light);border-color:var(--color-primary);color:var(--color-primary)}@media (max-width:768px){.bibleToolbar{padding:var(--space-2) var(--space-3)}.bibleToolbarBtn{padding:var(--space-2);font-size:var(--font-size-xs)}.bibleToolbarBtn span{display:none}.bibleDropdownTrigger span{display:inline}.bibleFontControls{display:none}.bibleReadingArea{padding:var(--space-4) var(--space-3)}.bibleChapterTitle{font-size:var(--font-size-2xl)}.bibleVerses{line-height:1.8}.bibleChapterNav{padding:var(--space-3);position:sticky;bottom:0;background:white;box-shadow:0 -2px 8px rgba(0,0,0,.1)}.bibleNavBtn{padding:var(--space-2) var(--space-3)}.bibleNavBtn span{display:none}.bibleBookDropdown{width:280px;left:-50px}.bibleChapterDropdown{width:240px;left:-80px}.bibleChapterGrid{grid-template-columns:repeat(5,1fr)}.bibleChapterBtn{width:36px;height:36px}}.pageHeaderWithIcon{justify-content:space-between;margin-bottom:var(--space-6)}.pageHeaderTitle{display:flex;align-items:center;gap:var(--space-3)}.pageHeaderTitle h1{font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);margin:0}.cardSection{padding:var(--space-5)}.cardSectionHeader{border-bottom:1px solid var(--color-border)}.cardSectionTitle{margin:0}.statCardValueBlue{color:#2563eb}.statCardValueGreen{color:#16a34a}.statusBadgeProcessing{background-color:#dbeafe;color:#2563eb}.statusBadgeFailed{background-color:#fee2e2;color:#dc2626}.statusBadgePaused{background-color:#fef3c7;color:#f59e0b}.statusBadgeCancelled{background-color:#f3f4f6;color:#6b7280}.progressBarSmall .progressFill{height:100%;border-radius:3px;transition:width .3s ease}.progressFillError{background-color:#dc2626}.progressFillAccent{background-color:var(--accent)}.usageStatsCard{margin-bottom:var(--space-6);padding:var(--space-5)}.usageStatsTitle{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-4)}.usageStatsGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-4)}.usageStatItem{display:flex;flex-direction:column;gap:var(--space-1)}.usageStatLabel{font-size:var(--font-size-xs);color:var(--color-text-muted)}.usageStatValue{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold)}.usageStatValueGreen{color:#16a34a}.usageProgressBar{height:8px;background-color:#e5e7eb;border-radius:4px;margin-top:var(--space-2);overflow:hidden}.usageProgressFill{height:100%;background-color:var(--accent);border-radius:4px}.jobEstimateBox{padding:var(--space-4);background-color:#f3f4f6;border-radius:var(--radius-md)}.jobEstimateTitle{font-weight:var(--font-weight-semibold);margin-bottom:var(--space-2)}.jobEstimateGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4)}.jobEstimateLabel{font-size:var(--font-size-xs);color:var(--color-text-muted)}.jobEstimateValue{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}.alertWarning{padding:var(--space-5);background-color:#fef3c7;border-radius:var(--radius-md);color:#92400e}.formGridTwoCol{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}.formActions{display:flex;gap:var(--space-3)}.tableWrapper{overflow-x:auto}.emptyStateCentered{padding:var(--space-12);text-align:center;color:var(--color-text-muted)}.tableCellActions{display:flex;justify-content:flex-end;gap:var(--space-2)}.dataTableHeaderCell{padding:var(--space-3) var(--space-4);text-align:left;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-muted)}.dataTableHeaderCellRight{text-align:right}.dataTableCell{padding:var(--space-4)}.dataTableCellPrimary{font-weight:var(--font-weight-medium)}.dataTableCellSecondary{font-size:var(--font-size-xs);color:var(--color-text-muted)}.dataTableCellError{font-size:var(--font-size-xs);color:#dc2626;margin-top:var(--space-1)}.loadingInline{color:var(--color-text-muted)}.btnWithIcon,.loadingInline{display:flex;align-items:center;gap:var(--space-2)}.flexBetweenCenter{display:flex;justify-content:space-between;align-items:center}.formHint{font-size:var(--font-size-xs);color:var(--color-text-muted)}.btnDanger{color:#dc2626}.iconAccent{color:var(--accent)}.iconInline{display:inline;margin-right:var(--space-2);vertical-align:middle}.pageHeader{margin-bottom:var(--space-6)}.pageHeaderWithIcon{display:flex;align-items:center;gap:var(--space-3)}.pageHeaderTitle{font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);margin:0}.cardSection{margin-bottom:var(--space-6);padding:var(--space-6)}.cardSectionHeader{padding:var(--space-5);border-bottom:1px solid var(--border)}.cardSectionTitle{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin:0 0 var(--space-5) 0}.statsGridSmall{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--space-4);margin-bottom:var(--space-6)}.statCardCentered{padding:var(--space-4);text-align:center}.statCardValue{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold)}.statCardLabel{font-size:var(--font-size-xs);color:var(--color-text-muted)}.formStack{display:grid;gap:var(--space-5)}.dataTable{width:100%;border-collapse:collapse}.dataTableHeaderRow{background-color:#f9fafb}.dataTableRow{border-top:1px solid var(--border)}.progressBarSmall{height:6px;background-color:#e5e7eb;border-radius:3px;margin-top:var(--space-2);overflow:hidden}.progressBarSmall>div{height:100%;border-radius:3px;transition:width .3s ease}.audioBrowserContent{padding:var(--space-4)}.audioBrowserList{display:flex;flex-direction:column;gap:var(--space-4)}.audioBrowserGroup{background-color:#f9fafb;border-radius:var(--radius-lg);padding:var(--space-4);border:1px solid var(--border)}.audioBrowserGroupHeader{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-3);padding-bottom:var(--space-2);border-bottom:1px solid var(--border)}.audioBrowserGroupTitle{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.audioBrowserGroupMeta{font-size:var(--font-size-sm);color:var(--color-text-muted);background-color:#e5e7eb;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm)}.audioBrowserChapter{margin-top:var(--space-3)}.audioBrowserChapterHeader{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-2)}.audioBrowserChapterTitle{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary)}.audioBrowserChapterControls{display:flex;align-items:center;gap:var(--space-2)}.audioBrowserPausedIndicator,.audioBrowserPlayingIndicator{font-size:var(--font-size-xs);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-weight:var(--font-weight-medium)}.audioBrowserPlayingIndicator{background-color:#dcfce7;color:#166534}.audioBrowserPausedIndicator{background-color:#fef3c7;color:#92400e}.audioBrowserVerses{display:flex;flex-wrap:wrap;gap:var(--space-2)}.audioBrowserVerseBtn{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-3);background-color:white;border:1px solid var(--border);border-radius:var(--radius-md);font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-base)}.audioBrowserVerseBtn:hover{background-color:#f0fdf4;border-color:#86efac}.audioBrowserVersePlaying{background-color:#dcfce7;border-color:#22c55e;color:#166534}.audioBrowserVersePlaying:hover{background-color:#bbf7d0}.audioBrowserVoiceId{font-size:var(--font-size-xs);color:var(--muted-foreground);padding:var(--space-1) var(--space-4);background-color:rgba(0,0,0,.02);margin-bottom:var(--space-2);font-family:monospace}.audioBrowserVerseItem{display:inline-flex;align-items:center;gap:2px}.audioBrowserDeleteBtn{display:flex;align-items:center;justify-content:center;width:20px;height:20px;padding:0;background-color:initial;border:none;border-radius:var(--radius-sm);color:var(--muted-foreground);cursor:pointer;transition:all var(--transition-base);opacity:.5}.audioBrowserVerseItem:hover .audioBrowserDeleteBtn{opacity:1}.audioBrowserDeleteBtn:hover{background-color:#fee2e2;color:#dc2626}.audioBrowserDeleteBtn:disabled{cursor:not-allowed;opacity:.3}.audioBrowserReviewBtn{display:flex;align-items:center;justify-content:center;width:20px;height:20px;padding:0;background-color:initial;border:none;border-radius:var(--radius-sm);color:var(--muted-foreground);cursor:pointer;transition:all var(--transition-base);opacity:.5}.audioBrowserVerseItem:hover .audioBrowserReviewBtn{opacity:1}.audioBrowserReviewBtn:hover{background-color:#fef3c7;color:#d97706}.audioBrowserReviewBtn.audioBrowserReviewBtnActive{opacity:1;color:#d97706;background-color:#fef3c7}.audioBrowserReviewBtn:disabled{cursor:not-allowed;opacity:.3}.audioBrowserRefresh{margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--border);display:flex;justify-content:center}.audioBrowserAccordionHeader{width:100%;display:flex;justify-content:space-between;align-items:center;padding:var(--space-3) var(--space-4);background:linear-gradient(90deg,#f8fafc,#f1f5f9);border:none;border-radius:var(--radius-md);cursor:pointer;transition:background-color .15s ease}.audioBrowserAccordionHeader:hover{background:linear-gradient(90deg,#f1f5f9,#e2e8f0)}.audioBrowserAccordionLeft{display:flex;align-items:center;gap:var(--space-2)}.audioBrowserAccordionLeft svg{color:var(--color-text-muted)}.audioBrowserAccordionRight{display:flex;align-items:center;gap:var(--space-3)}.audioBrowserVoiceTag{font-size:var(--font-size-xs);color:var(--color-accent);background-color:rgba(34,197,94,.1);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-weight:var(--font-weight-medium)}.voiceSettingsCard{background:linear-gradient(to bottom right,#f8fafc,#f1f5f9);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-4);margin-top:var(--space-2)}.voiceSettingsTitle{font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-primary);margin:0 0 var(--space-4) 0}.voiceSettingsGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-4)}.voiceSettingItem{display:flex;flex-direction:column;gap:var(--space-2)}.voiceSettingHeader{display:flex;justify-content:space-between;align-items:center}.voiceSettingLabel{font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-primary)}.voiceSettingValue{font-size:var(--font-size-sm);font-weight:600;color:var(--color-primary);font-family:monospace}.voiceSettingSlider{-webkit-appearance:none;appearance:none;width:100%;height:6px;background:#e2e8f0;border-radius:var(--radius-full);outline:none;cursor:pointer}.voiceSettingSlider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;background:var(--color-primary);border-radius:50%;cursor:pointer;box-shadow:0 2px 4px rgba(0,0,0,.1);-webkit-transition:transform var(--transition-base);transition:transform var(--transition-base)}.voiceSettingSlider::-webkit-slider-thumb:hover{transform:scale(1.1)}.voiceSettingSlider::-moz-range-thumb{width:18px;height:18px;background:var(--color-primary);border-radius:50%;cursor:pointer;border:none;box-shadow:0 2px 4px rgba(0,0,0,.1)}.voiceSettingRange{display:flex;justify-content:space-between;font-size:var(--font-size-xs);color:var(--color-text-secondary)}.voiceSettingToggle{flex-direction:row;justify-content:space-between;align-items:center;padding:var(--space-3);background-color:white;border-radius:var(--radius-md);border:1px solid var(--border)}.toggleSwitch{display:inline-block;height:26px}.toggleSwitch input{opacity:0;width:0;height:0}.toggleSlider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#e2e8f0;transition:.3s;border-radius:var(--radius-full)}.toggleSlider:before{position:absolute;content:"";height:20px;width:20px;left:3px;bottom:3px;background-color:white;transition:.3s;border-radius:50%;box-shadow:0 2px 4px rgba(0,0,0,.15)}.toggleSwitch input:checked+.toggleSlider{background-color:var(--color-primary)}.toggleSwitch input:checked+.toggleSlider:before{transform:translateX(22px)}.emailVerifiedBanner{background-color:#d1fae5;border-radius:var(--radius-lg);border:2px solid #10b981;padding:var(--space-4);margin-bottom:var(--space-6)}.emailVerifiedBannerContent{display:flex;align-items:flex-start;gap:var(--space-3)}.emailVerifiedBannerTitle{font-weight:600;color:#065f46;margin:0 0 var(--space-1) 0}.emailVerifiedBannerDescription{font-size:var(--font-size-sm);color:#047857;margin:0}.emailUnverifiedBanner{background-color:#fef3c7;border-radius:var(--radius-lg);border:2px solid #f59e0b;padding:var(--space-4);margin-bottom:var(--space-6)}.emailUnverifiedBannerContent{display:flex;align-items:flex-start;gap:var(--space-3);flex-wrap:wrap}.emailUnverifiedBannerText{flex:1 1;min-width:200px}.emailUnverifiedBannerTitle{font-weight:600;color:#92400e;margin:0 0 var(--space-1) 0}.emailUnverifiedBannerDescription{font-size:var(--font-size-sm);color:#b45309;margin:0}.emailUnverifiedResendButton{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background-color:#f59e0b;color:white;border:none;border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:all var(--transition-base);white-space:nowrap}.emailUnverifiedResendButton:hover:not(:disabled){background-color:#d97706;transform:translateY(-1px);box-shadow:0 4px 6px -1px rgba(0,0,0,.1)}.emailUnverifiedResendButton:disabled{opacity:.6;cursor:not-allowed}.profilePictureContainer{background-color:white;border-radius:var(--radius-lg);border:2px solid #d1fae5;padding:var(--space-6);margin-bottom:var(--space-6)}.profilePictureWrapper{display:flex;align-items:center;gap:var(--space-6)}.profileAvatar{position:relative;width:96px;height:96px;border-radius:50%;border:4px solid #fef3c7;overflow:hidden;background:linear-gradient(to bottom right,#dcfce7,#fef3c7);display:flex;align-items:center;justify-content:center}.profileAvatarImage{width:100%;height:100%;object-fit:cover}.profileAvatarInitials{font-size:var(--font-size-xl);font-weight:500;color:#ffffff}.profileInfoSection{flex:1 1}.profileName{font-size:var(--font-size-xl);font-weight:600;color:#15803d}.profileEmail,.profileName{margin-bottom:var(--space-1)}.profileEmail{color:#6b7280}.profileLocation{font-size:var(--font-size-sm);color:#9ca3af;margin-bottom:var(--space-3)}.profilePictureUploadButton{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border:2px solid #fbbf24;border-radius:var(--radius-md);background-color:white;color:#15803d;font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:all var(--transition-base)}.profilePictureUploadButton:hover:not(:disabled){background-color:#fef9e7}.profilePictureUploadButton:disabled{cursor:not-allowed;opacity:.6}.toggleSwitchContainer{display:inline-flex;align-items:center;gap:var(--space-2)}.toggleSwitchLabel{font-size:var(--font-size-sm);color:#374151}.toggleSwitch{width:48px;height:24px;border-radius:12px;border:none;cursor:pointer;position:relative;transition:background-color var(--transition-base);padding:0}.toggleSwitch[aria-checked=false]{background-color:#e5e7eb}.toggleSwitch[aria-checked=true]{background-color:#16a34a}.toggleSwitchHandle{width:20px;height:20px;border-radius:50%;background-color:white;position:absolute;top:2px;transition:left var(--transition-base);box-shadow:0 1px 3px rgba(0,0,0,.2)}.toggleSwitch[aria-checked=false] .toggleSwitchHandle{left:2px}.toggleSwitch[aria-checked=true] .toggleSwitchHandle{left:26px}.notificationCard{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4);background-color:white;border-radius:var(--radius-lg);border:2px solid #d1fae5}.notificationCardContent{flex:1 1}.notificationCardLabel{display:block;font-size:var(--font-size-base);font-weight:500;color:#374151;margin-bottom:var(--space-1)}.notificationCardDescription{font-size:var(--font-size-sm);color:#6b7280;margin:0}.badgeCard{position:relative;overflow:hidden;background-color:white;border:2px solid #d1fae5;border-radius:var(--radius-lg);padding:var(--space-4);transition:all var(--transition-base)}.badgeCard:hover{box-shadow:0 10px 15px -3px rgba(0,0,0,.1);transform:translateY(-2px)}.badgeCardContent{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-3);position:relative}.badgeImageContainer{position:relative;width:64px;height:64px;transition:transform var(--transition-base)}.badgeImage{width:100%;height:100%;object-fit:contain}.badgeIconPlaceholder{width:64px;height:64px;background:linear-gradient(to bottom right,#fbbf24,#f59e0b);transition:transform var(--transition-base)}.badgeIconPlaceholder,.badgeNewIndicator{border-radius:50%;display:flex;align-items:center;justify-content:center}.badgeNewIndicator{position:absolute;top:-4px;right:-4px;width:24px;height:24px;background-color:#ef4444}.badgeNewIndicatorText{font-size:var(--font-size-xs);color:white;font-weight:700}.badgeInfo{display:flex;flex-direction:column;gap:var(--space-1)}.badgeName{font-weight:500;color:#111827;margin:0;transition:color var(--transition-base)}.badgeDescription{margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.badgeDescription,.badgeEarnedDate{font-size:var(--font-size-xs);color:#6b7280}.badgeStats{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-3);background:linear-gradient(90deg,#fef9e7,#fef3c7);border-radius:var(--radius-lg);border:2px solid #fef3c7}.badgeStatItem{text-align:center}.badgeStatValue{font-size:var(--font-size-2xl);font-weight:700;color:#15803d}.badgeStatLabel{font-size:var(--font-size-xs);color:#16a34a}.badgeGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--space-4)}.memberCard{background-color:white;border:2px solid #d1fae5;border-radius:var(--radius-lg);padding:var(--space-4);transition:all var(--transition-base)}.memberCard:hover{box-shadow:0 4px 6px rgba(0,0,0,.1)}.memberCardHeader{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-3)}.memberAvatar{width:48px;height:48px;border-radius:50%;background:linear-gradient(to bottom right,#dcfce7,#fef3c7);display:flex;align-items:center;justify-content:center;font-weight:500;color:#15803d}.memberInfo{flex:1 1}.memberName{font-weight:600;color:#111827;margin-bottom:var(--space-1)}.memberRole{font-size:var(--font-size-sm);color:#6b7280}.memberActions{display:flex;gap:var(--space-2)}.memberActionButton{padding:var(--space-2) var(--space-3);font-size:var(--font-size-sm);border-radius:var(--radius-md);border:1px solid #d1d5db;background-color:white;color:#374151;cursor:pointer;transition:all var(--transition-base)}.memberActionButton:hover{background-color:#f9fafb;border-color:#9ca3af}.memberActionButton.danger{color:#dc2626;border-color:#fca5a5}.memberActionButton.danger:hover{background-color:#fef2f2;border-color:#f87171}.passwordInputContainer{position:relative}.passwordInput{width:100%;padding:var(--space-3);padding-right:var(--space-12);border:1px solid #d1d5db;border-radius:var(--radius-lg);font-size:var(--font-size-base);transition:all var(--transition-base)}.passwordInput:focus{outline:none;border-color:#16a34a;box-shadow:0 0 0 3px rgba(22,163,74,.1)}.passwordVisibilityToggle{position:absolute;right:var(--space-3);top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:#6b7280;padding:var(--space-2);transition:color var(--transition-base)}.passwordVisibilityToggle:hover{color:#374151}.profileSectionHeader{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-2)}.profileSectionTitle{margin:0}.profileSectionDescription{font-size:var(--font-size-sm);color:#6b7280;margin-bottom:var(--space-6)}.profileUpdateButton{padding:var(--space-3) var(--space-6);background-color:#16a34a;color:white;font-size:var(--font-size-base);font-weight:600;border-radius:var(--radius-lg);border:none;cursor:pointer;transition:all var(--transition-base);box-shadow:0 1px 3px rgba(0,0,0,.1);width:fit-content;align-self:flex-start}.profileUpdateButton:hover:not(:disabled){background-color:#15803d;box-shadow:0 4px 6px rgba(0,0,0,.1)}.profileUpdateButton:disabled{background-color:#9ca3af;cursor:not-allowed}.profileSecondaryButton{padding:var(--space-2) var(--space-4);border:2px solid #fbbf24;border-radius:var(--radius-md);background-color:white;color:#15803d;font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:all var(--transition-base)}.profileSecondaryButton:hover:not(:disabled){background-color:#fef9e7}.profileSecondaryButton:disabled{cursor:not-allowed;opacity:.6}.profileFormGrid3{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4)}.profileFormGrid2{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-4)}.churchManagementCard{background-color:white;border-radius:var(--radius-lg);border:2px solid #d1fae5;padding:var(--space-6)}.churchFormGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-6)}.churchFormContainer{display:flex;flex-direction:column;gap:var(--space-4)}.churchSubmitButton{padding:var(--space-3) var(--space-4);background-color:#16a34a;color:white;font-size:var(--font-size-base);font-weight:600;border-radius:var(--radius-lg);border:none;cursor:pointer;transition:all var(--transition-base);display:flex;align-items:center;justify-content:center;gap:var(--space-2)}.churchSubmitButton:hover:not(:disabled){background-color:#15803d}.churchSubmitButton:disabled{background-color:#9ca3af;cursor:not-allowed}.churchMemberCard{padding:var(--space-4);border:2px solid #fef3c7;border-radius:var(--radius-lg);background-color:white;transition:all var(--transition-base);cursor:pointer}.churchMemberCard:hover{background-color:#fef9e7;border-color:#fbbf24}.churchMemberCardContent{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-4)}.churchMemberInfo{flex:1 1}.churchMemberName{font-weight:600;color:#15803d}.churchMemberEmail,.churchMemberName{margin:0;margin-bottom:var(--space-1)}.churchMemberEmail{font-size:var(--font-size-sm);color:#6b7280}.churchMemberJoined{font-size:var(--font-size-xs);color:#9ca3af;margin:0}.churchMemberStats{display:flex;align-items:center;gap:var(--space-2)}.churchMemberStatsInfo{text-align:right;margin-right:var(--space-2)}.churchMemberStatsValue{font-size:var(--font-size-sm);font-weight:500;color:#15803d;margin:0}.churchMemberStatsLabel{font-size:var(--font-size-xs);color:#6b7280;margin:0}.churchContactButton{padding:var(--space-2) var(--space-3);border:2px solid #16a34a;border-radius:var(--radius-md);background-color:white;color:#15803d;font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:all var(--transition-base)}.churchContactButton:hover{background-color:#dcfce7}.churchContentContainer{display:flex;flex-direction:column;gap:var(--space-6)}.churchMembersList{display:flex;flex-direction:column;gap:var(--space-4)}.selectorLoadingState{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3);border:2px solid #d1fae5;border-radius:var(--radius-md);background-color:#f9fafb}.selectorLoadingText{font-size:var(--font-size-sm);color:#6b7280}.selectorErrorState{padding:var(--space-3);border:2px solid #fecaca;border-radius:var(--radius-md);background-color:#fef2f2;color:#dc2626;font-size:var(--font-size-sm)}.languageSelectorContainer{display:flex;flex-direction:column;gap:var(--space-3)}.languageSelectorHeader{display:flex;align-items:center;gap:var(--space-2)}.languageSelectorLabel{font-size:var(--font-size-sm);color:#374151}.darkModeToggleContainer{display:flex;align-items:center;justify-content:space-between}.darkModeToggleContent{display:flex;align-items:center;gap:var(--space-3)}.darkModeToggleLabel{font-size:var(--font-size-sm);color:#374151}@media (max-width:768px){.profileFormGrid3{grid-template-columns:1fr}.profilePictureWrapper{flex-direction:column;text-align:center}.badgeGrid{grid-template-columns:1fr}}:root{--color-primary:#16a34a;--color-primary-dark:#15803d;--color-primary-light:#22c55e;--color-secondary:#fbbf24;--color-secondary-dark:#f59e0b;--color-secondary-light:#fde68a;--color-bg-dark:#023020;--color-bg-light:#ffffff;--color-bg-muted:#f9fafb;--color-text-primary:#111827;--color-text-secondary:#6b7280;--color-text-tertiary:#9ca3af;--color-text-light:#ffffff;--color-border:#e5e7eb;--color-border-light:#f3f4f6;--color-border-dark:#d1d5db;--color-admin-yellow:#fbbf24;--color-admin-yellow-light:#fef9c3;--color-admin-yellow-border:#fcd34d;--color-admin-green:#16a34a;--color-admin-green-dark:#15803d;--color-admin-green-light:#86efac;--color-admin-green-bg:#f0fdf4;--color-admin-blue:#2563eb;--color-admin-blue-light:#dbeafe;--color-admin-red:#dc2626;--color-admin-red-light:#fee2e2;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--font-primary:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Helvetica Neue",Arial,sans-serif;--font-serif:ui-serif,"Charter","Iowan Old Style","Apple Garamond","Baskerville","Cambria","Times New Roman","Droid Serif","Times",serif;--font-scripture:var(--font-cardo),ui-serif,"Charter",serif;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--font-size-5xl:3rem;--font-size-6xl:3.75rem;--font-size-7xl:4.5rem;--font-weight-light:300;--font-weight-normal:500;--font-weight-medium:600;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--line-height-tight:1.25;--line-height-normal:1.5;--line-height-relaxed:1.75;--shadow-sm:0 1px 2px 0 rgba(0,0,0,0.05);--shadow-md:0 4px 6px -1px rgba(0,0,0,0.1);--shadow-lg:0 10px 15px -3px rgba(0,0,0,0.1);--shadow-xl:0 20px 25px -5px rgba(0,0,0,0.1);--shadow-2xl:0 25px 50px -12px rgba(0,0,0,0.25);--radius-sm:0.25rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--radius-full:9999px;--transition-fast:150ms ease;--transition-base:300ms ease;--transition-slow:500ms ease;--z-base:1;--z-dropdown:10;--z-sticky:20;--z-fixed:1100;--z-modal:1150;--z-tooltip:1200;--z-toast:99999;--container-max-width:1280px}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body,html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0}body{font-family:var(--font-primary);font-size:var(--font-size-base);font-weight:500;line-height:var(--line-height-normal);color:var(--color-text-primary);background-color:var(--color-bg-light);overflow-x:hidden;text-rendering:optimizeLegibility}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:var(--line-height-tight);margin-bottom:var(--space-4)}h1{font-size:var(--font-size-5xl);font-weight:800}h2{font-size:var(--font-size-4xl)}h2,h3{font-weight:700}h3{font-size:var(--font-size-3xl)}h4{font-size:var(--font-size-2xl)}h4,h5{font-weight:600}h5{font-size:var(--font-size-xl)}h6{font-size:var(--font-size-lg);font-weight:600}p{margin-bottom:var(--space-4);font-weight:500}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-primary-dark)}ol,ul{list-style:none}img,video{max-width:100%;height:auto;display:block}button{font-family:inherit}.btn,button{cursor:pointer}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);min-height:44px;font-family:var(--font-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);text-align:center;border-radius:var(--radius-lg);transition:all var(--transition-base);white-space:nowrap}.btn-primary{background-color:var(--color-primary);color:var(--color-text-light);border:2px solid var(--color-primary);box-shadow:var(--shadow-md)}.btn-primary:hover{background-color:var(--color-primary-dark);border-color:var(--color-primary-dark);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.btn-primary:active{transform:translateY(0);box-shadow:var(--shadow-sm)}.btn-secondary{background-color:var(--color-bg-light);color:var(--color-primary);border:2px solid var(--color-primary);box-shadow:var(--shadow-sm)}.btn-secondary:hover{background-color:rgba(22,163,74,.1);border-color:var(--color-primary-dark);box-shadow:var(--shadow-md);transform:translateY(-2px)}.btn-secondary:active{transform:translateY(0);box-shadow:var(--shadow-sm)}.btn-primary:disabled,.btn-secondary:disabled,.btn:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.btn-primary:disabled:hover,.btn-secondary:disabled:hover,.btn:disabled:hover{transform:none;box-shadow:none}.btn-sm{padding:var(--space-2) var(--space-4);font-size:var(--font-size-sm)}.btn-md{padding:var(--space-3) var(--space-6);font-size:var(--font-size-base)}.btn-lg{padding:var(--space-4) var(--space-8);font-size:var(--font-size-lg)}.text-gradient-amber{background:linear-gradient(90deg,white,#fef9c3,#fde68a);-webkit-background-clip:text;background-clip:text;filter:drop-shadow(0 10px 8px rgba(0,0,0,.04)) drop-shadow(0 4px 3px rgba(0,0,0,.1))}.text-gradient-amber,.text-gradient-primary{-webkit-text-fill-color:transparent;text-fill-color:transparent;font-weight:700;display:inline-block}.text-gradient-primary{background:linear-gradient(90deg,#16a34a,#15803d,#d97706);-webkit-background-clip:text;background-clip:text}.text-gradient-secondary{background:linear-gradient(90deg,#2563eb,#9333ea,#4338ca);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-fill-color:transparent;font-weight:700;display:inline-block}.container{width:100%;max-width:1152px;margin:0 auto;padding:96px var(--space-4) var(--space-8)}.section{padding:var(--space-16) 0}.section-lg{padding:var(--space-20) 0}.site-navigation{position:sticky;top:0;left:0;right:0;z-index:var(--z-fixed);transition:all var(--transition-base);background-color:var(--color-bg-dark);box-shadow:0 2px 4px rgba(0,0,0,.1)}.site-navigation-scrolled{position:fixed;background-color:var(--color-bg-dark);box-shadow:var(--shadow-md);animation:slideDown .3s ease-out}@keyframes slideDown{0%{transform:translateY(-100%)}to{transform:translateY(0)}}.nav-container{display:flex;align-items:center;justify-content:space-between;padding:10px var(--space-8);width:100%}.nav-logo{flex-shrink:0}.nav-logo img{height:41px;width:auto}.nav-menu{gap:var(--space-2)}.nav-menu,.navLinkGroup{display:flex;align-items:center}.navLinkGroup{gap:var(--space-1)}.navIconButton{display:flex;align-items:center;gap:.375rem;padding:.5rem .75rem;border-radius:8px;font-size:.875rem;font-weight:500;color:rgba(255,255,255,.85);background:transparent;border:none;cursor:pointer;transition:all .2s ease;white-space:nowrap}.navIconButton:hover{background:rgba(255,255,255,.15);color:white}.navIconLink{text-decoration:none}.navIconLinkActive{background:rgba(255,255,255,.15);color:white;position:relative}.navIconLinkActive:after{content:"";position:absolute;bottom:2px;left:50%;transform:translateX(-50%);width:60%;height:2px;background:var(--color-secondary);border-radius:1px}.nav-menu>a:not(.navIconButton):not(.navIconLink){color:var(--color-text-light);font-weight:var(--font-weight-medium);font-size:var(--font-size-base);transition:all var(--transition-fast);position:relative}.nav-menu>a:not(.navIconButton):not(.navIconLink):after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:2px;background-color:var(--color-secondary);transition:width var(--transition-base)}.nav-menu>a:not(.navIconButton):not(.navIconLink):hover:after{width:100%}@media (max-width:1024px){.navLinkGroup{display:none}}.nav-actions{gap:var(--space-4)}.nav-actions,.nav-icon-btn{display:flex;align-items:center}.nav-icon-btn{justify-content:center;padding:var(--space-2);background-color:initial;border:none;color:white;transition:all var(--transition-fast)}.nav-icon-btn:hover{color:var(--color-secondary);transform:scale(1.1)}.nav-mobile-toggle{display:none;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:30px;height:30px;cursor:pointer;background:none;border:none;padding:0;margin:0}.nav-mobile-toggle span{display:block;width:100%;height:3px;background-color:var(--color-text-light);border-radius:2px;transition:all var(--transition-base)}.card{background-color:var(--color-bg-light);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);padding:var(--space-6)}.card-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-3);color:var(--color-text-primary)}.card-text{font-size:var(--font-size-base);color:var(--color-text-secondary);line-height:var(--line-height-relaxed)}.form-label{display:block;font-size:var(--font-size-sm);font-weight:500;color:#374151;margin-bottom:var(--space-2)}.form-input{width:100%;padding:var(--space-3);border:2px solid #e5e7eb;border-radius:var(--radius-md);font-size:var(--font-size-base);color:#374151;transition:all var(--transition-base);background-color:white;font-family:var(--font-primary)}.form-input:focus{outline:none;border-color:#16a34a;box-shadow:0 0 0 3px rgba(22,163,74,.1)}.form-input:disabled{background-color:#f3f4f6;cursor:not-allowed;opacity:.6}.form-input::placeholder{color:#9ca3af}.form-select{width:100%;padding:var(--space-3);border:2px solid #e5e7eb;border-radius:var(--radius-md);font-size:var(--font-size-base);color:#374151;transition:all var(--transition-base);background-color:white;font-family:var(--font-primary);cursor:pointer}.form-select:focus{outline:none;border-color:#16a34a;box-shadow:0 0 0 3px rgba(22,163,74,.1)}.form-group,.profile-section-card{margin-bottom:var(--space-4)}.profile-section-card{background-color:white;border:1px solid #e5e7eb;border-radius:var(--radius-lg);padding:var(--space-6)}.profile-section-title{font-size:var(--font-size-xl);font-weight:600;color:#15803d;margin:0;margin-bottom:var(--space-4)}.badge{display:inline-block;padding:4px 12px;border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:500;transition:background-color var(--transition-base)}.badge-primary{background-color:#dcfce7;color:#166534}.badge-language,.badge-secondary{background:linear-gradient(90deg,#fef3c7,#fef08a);color:#92400e;border:1px solid #fcd34d}.badgeSuccess{background-color:#dcfce7;color:#166534;border:1px solid #86efac}.badgeWarning{background-color:#fef3c7;color:#92400e;border:1px solid #fcd34d}.badgeInfo{background-color:#dbeafe;color:#1e40af;border:1px solid #93c5fd}.breadcrumb{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);color:var(--color-text-secondary);flex-wrap:wrap}.breadcrumb a{color:var(--color-primary);transition:color var(--transition-fast)}.breadcrumb a:hover{color:var(--color-primary-dark);text-decoration:underline}.breadcrumb-separator{color:var(--color-text-secondary);margin:0 var(--space-1)}.loading-spinner{display:inline-block;width:40px;height:40px;border:4px solid rgba(22,163,74,.1);border-top:4px solid var(--color-primary);border-radius:50%;animation:spinner .8s linear infinite}@keyframes spinner{to{transform:rotate(1turn)}}.skeleton{background-color:#e5e7eb;border-radius:var(--radius-lg);animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.skeleton-text{height:16px}.skeleton-text,.skeleton-title{background-color:#e5e7eb;border-radius:var(--radius-md);animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.skeleton-title{height:24px}.skeleton-button{height:40px;background-color:#e5e7eb;border-radius:var(--radius-lg);animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.progress-container{height:8px;width:100%;background-color:#f3f4f6;border-radius:var(--radius-full);overflow:hidden}.progress-bar{background-color:var(--color-primary)}.progress-bar,.progress-bar-secondary{height:100%;transition:width var(--transition-base);border-radius:var(--radius-full)}.progress-bar-secondary{background-color:var(--color-secondary)}.grid-3{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-8)}.grid-4{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-6)}.footer{background-color:var(--color-bg-dark);color:rgba(255,255,255,.8);position:relative}.footer-wave{position:absolute;top:0;left:0;width:100%;height:80px;transform:translateY(-99%);overflow:visible;line-height:0}.footer-wave svg{width:100%;height:100%;display:block;position:relative}body.new-page-layout footer:not(.footer),body.new-page-layout nav:not(.nav){display:none!important}body.new-page-layout>div>div>div>main{margin-top:0!important;padding-top:0!important}.footer-content{padding:0}.footer-content .container{padding-top:var(--space-6);padding-bottom:var(--space-4)}.footer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-8);margin-bottom:var(--space-4)}.footer-section h4{color:var(--color-secondary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-4)}.footer-section a{color:rgba(255,255,255,.7);font-size:var(--font-size-sm);transition:color var(--transition-fast);display:block;margin-bottom:var(--space-2)}.footer-section a:hover{color:var(--color-secondary)}.footer-bottom{border-top:1px solid rgba(255,255,255,.1);padding-top:var(--space-6);font-size:var(--font-size-sm);color:rgba(255,255,255,.6)}.footer-bottom,.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.mb-8{margin-bottom:var(--space-8)}.mb-12{margin-bottom:var(--space-12)}.mb-16{margin-bottom:var(--space-16)}.mt-4{margin-top:var(--space-4)}.mt-6{margin-top:var(--space-6)}.mt-8{margin-top:var(--space-8)}.flex{display:flex}.flex-center{justify-content:center}.flex-between,.flex-center{display:flex;align-items:center}.flex-between{justify-content:space-between}.flex-start{display:flex;align-items:flex-start}.flex-col{flex-direction:column}.flex-1{flex:1 1}.justify-end{justify-content:flex-end}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.float-left{float:left}.float-right{float:right}.float-none{float:none}.clear-both{clear:both}@media (max-width:768px){:root{--font-size-5xl:2.5rem;--font-size-6xl:3rem;--font-size-7xl:3.5rem}.nav-menu{display:none}.nav-mobile-toggle{display:flex}.nav-desktop-only,.nav-mobile-hide{display:none!important}.hero-title{font-size:var(--font-size-4xl)}.hero-subtitle{font-size:var(--font-size-lg)}.hero-cta{flex-direction:column;align-items:stretch}.grid-3,.grid-4{grid-template-columns:1fr}.container{padding-left:var(--space-4);padding-right:var(--space-4)}}@media (max-width:640px){.section{padding:var(--space-12) 0}.section-lg{padding:var(--space-16) 0}}@media (max-width:768px){.card.studyDayHeaderCard{padding:0;border-radius:0;margin:0}}.app-root{display:flex;flex-direction:column;min-height:100vh}.main-content-area{flex:1 1}.main-content-area,.page-wrapper{display:flex;flex-direction:column}.page-wrapper{min-height:100vh}.page-hero-section{padding:var(--space-16) var(--space-4);background:linear-gradient(135deg,var(--color-primary) 0,var(--color-primary-dark) 100%);color:white;text-align:center}@media (min-width:768px){.page-hero-section{padding:var(--space-24) var(--space-6)}}.content-section{padding:var(--space-12) var(--space-4)}@media (min-width:768px){.content-section{padding:var(--space-16) var(--space-6)}}.content-section-lg{padding:var(--space-16) var(--space-4)}@media (min-width:768px){.content-section-lg{padding:var(--space-24) var(--space-6)}}.page-content-container{width:100%;max-width:var(--container-max-width);margin-left:auto;margin-right:auto;padding-left:var(--space-4);padding-right:var(--space-4)}@media (min-width:640px){.page-content-container{padding-left:var(--space-6);padding-right:var(--space-6)}}@media (min-width:1024px){.page-content-container{padding-left:var(--space-8);padding-right:var(--space-8)}}.site-footer{margin-top:auto;position:relative}.footer-wave-separator{position:relative;width:100%;height:60px;overflow:hidden}@media (min-width:768px){.footer-wave-separator{height:100px}}.footer-wave-separator svg{position:absolute;bottom:0;left:0;width:100%;height:100%}.footer-content-wrapper{background-color:var(--color-bg-dark);color:white;padding:var(--space-4) 0 var(--space-4)}.footer-sections-grid{display:grid;grid-template-columns:1fr;gap:var(--space-8);margin-bottom:var(--space-8)}@media (min-width:640px){.footer-sections-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.footer-sections-grid{grid-template-columns:repeat(4,1fr)}}.footer-section{display:flex;flex-direction:column;gap:var(--space-3)}.footer-bottom-section{padding-top:var(--space-8);border-top:1px solid rgba(255,255,255,.1);text-align:center;font-size:var(--font-size-sm);color:rgba(255,255,255,.7)}@media (max-width:640px){.studyDayTabs button>svg:first-child{display:none}.studyDayTabs .tab-label{display:inline;font-size:10px;line-height:1.2}.studyDayTabs button{flex-direction:column;padding:var(--space-1)!important;gap:2px!important;font-size:10px}.studyDayTabs button svg[class*=CheckCircle],.studyDayTabs button>svg:last-child{width:10px!important;height:10px!important;margin:0!important;order:-1}.tab-label{display:none}}@media (min-width:641px){.tab-label{display:inline}}.toaster,[data-sonner-toaster]{z-index:var(--z-toast)!important}@keyframes accordion-down{0%{height:0}to{height:var(--radix-accordion-content-height)}}@keyframes accordion-up{0%{height:var(--radix-accordion-content-height)}to{height:0}}@keyframes shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-out{0%{opacity:1}to{opacity:0}}@keyframes slide-in-top{0%{transform:translateY(-100%)}to{transform:translateY(0)}}@keyframes slide-out-top{0%{transform:translateY(0)}to{transform:translateY(-100%)}}@keyframes scale-in{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}@keyframes scale-out{0%{transform:scale(1);opacity:1}to{transform:scale(0);opacity:0}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes bounce{0%,to{transform:translateY(-25%);animation-timing-function:cubic-bezier(.8,0,1,1)}50%{transform:translateY(0);animation-timing-function:cubic-bezier(0,0,.2,1)}}@keyframes bounce-up{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes ping{75%,to{transform:scale(2);opacity:0}}@keyframes slideInRight{0%{transform:translateX(100%);opacity:0}to{transform:translateX(0);opacity:1}}.animate-accordion-down{animation:accordion-down .2s ease-out}.animate-accordion-up{animation:accordion-up .2s ease-out}.animate-shimmer{animation:shimmer 2s linear infinite}.animate-fade-in{animation:fade-in .3s ease-out}.animate-fade-out{animation:fade-out .3s ease-out}.animate-slide-in-top{animation:slide-in-top .3s ease-out}.animate-slide-out-top{animation:slide-out-top .3s ease-out}.animate-scale-in{animation:scale-in .2s ease-out}.animate-scale-out{animation:scale-out .2s ease-out}.animate-spin{animation:spin 1s linear infinite}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.animate-bounce{animation:bounce 1s infinite}.animate-bounce-up{animation:bounce-up 1s infinite}.animate-ping{animation:ping 1s cubic-bezier(0,0,.2,1) infinite}.animation-paused{animation-play-state:paused}.animation-running{animation-play-state:running}.animation-delay-75{animation-delay:75ms}.animation-delay-100{animation-delay:.1s}.animation-delay-150{animation-delay:.15s}.animation-delay-200{animation-delay:.2s}.animation-delay-300{animation-delay:.3s}.animation-delay-500{animation-delay:.5s}.animation-once{animation-iteration-count:1}.animation-twice{animation-iteration-count:2}.animation-infinite{animation-iteration-count:infinite}.animation-normal{animation-direction:normal}.animation-reverse{animation-direction:reverse}.animation-alternate{animation-direction:alternate}.animation-alternate-reverse{animation-direction:alternate-reverse}.animation-fill-none{animation-fill-mode:none}.animation-fill-forwards{animation-fill-mode:forwards}.animation-fill-backwards{animation-fill-mode:backwards}.animation-fill-both{animation-fill-mode:both}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.rich-text-editor-content .ProseMirror{outline:none}.rich-text-editor-content .ProseMirror:empty:before{content:attr(data-placeholder);color:#9CA3AF;pointer-events:none;height:0;float:left}.rich-text-editor-content .ProseMirror h1{font-size:2em;font-weight:700;margin:.67em 0;color:#166534}.rich-text-editor-content .ProseMirror h2{font-size:1.5em;font-weight:700;margin:.75em 0;color:#166534}.rich-text-editor-content .ProseMirror h3{font-size:1.17em;font-weight:700;margin:.83em 0;color:#166534}.rich-text-editor-content .ProseMirror p{margin:.5em 0;line-height:1.6}.rich-text-editor-content .ProseMirror blockquote{border-left:3px solid #16a34a;margin:1.5em 0;padding-left:1em;color:#4B5563;font-style:italic}.rich-text-editor-content .ProseMirror code{background-color:#F3F4F6;color:#15803d;padding:.2em .4em;border-radius:3px;font-family:Courier New,monospace}.rich-text-editor-content .ProseMirror pre{background-color:#F3F4F6;border-radius:6px;padding:1em;overflow-x:auto}.rich-text-editor-content .ProseMirror pre code{background:none;color:inherit;padding:0}.rich-text-editor-content .ProseMirror ul{margin:1em 0;padding-left:2em;list-style-type:disc}.rich-text-editor-content .ProseMirror ol{margin:1em 0;padding-left:2em;list-style-type:decimal}.rich-text-editor-content .ProseMirror li{margin:.25em 0;display:list-item}.rich-text-editor-content .ProseMirror li p{margin:0}.rich-text-editor-content .ProseMirror a{color:#2563EB;text-decoration:underline;cursor:pointer}.rich-text-editor-content .ProseMirror a:hover{color:#1D4ED8}.dark .rich-text-editor-content .ProseMirror:empty:before{color:#6B7280}.dark .rich-text-editor-content .ProseMirror h1,.dark .rich-text-editor-content .ProseMirror h2,.dark .rich-text-editor-content .ProseMirror h3{color:#4ADE80}.dark .rich-text-editor-content .ProseMirror blockquote{border-left-color:#16a34a;color:#D1D5DB}.dark .rich-text-editor-content .ProseMirror code{background-color:#374151;color:#4ADE80}.dark .rich-text-editor-content .ProseMirror pre{background-color:#374151}@font-face{font-family:Cardo;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/d39ca95443e09658-s.woff2) format("woff2");unicode-range:u+0304-0305,u+0308,u+0331,u+10330-1034a}@font-face{font-family:Cardo;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/935a9bcd03b30594-s.woff2) format("woff2");unicode-range:u+1f??}@font-face{font-family:Cardo;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/b75baf4e2ae57355-s.p.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:Cardo;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/8cbe00a82f470a38-s.woff2) format("woff2");unicode-range:u+0307-0308,u+0590-05ff,u+200c-2010,u+20aa,u+25cc,u+fb1d-fb4f}@font-face{font-family:Cardo;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/5f3e2fea089bd8a8-s.woff2) format("woff2");unicode-range:u+10300-1032f}@font-face{font-family:Cardo;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/cf420bba073d8090-s.woff2) format("woff2");unicode-range:u+16a0-16f8}@font-face{font-family:Cardo;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/1a49d4e0ae8b373a-s.p.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Cardo;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/f003255f6665c4bb-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Cardo;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/04106b5e7498c8c0-s.woff2) format("woff2");unicode-range:u+0304-0305,u+0308,u+0331,u+10330-1034a}@font-face{font-family:Cardo;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/b82e0660533eb1fd-s.woff2) format("woff2");unicode-range:u+1f??}@font-face{font-family:Cardo;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/a6da8f405271ca62-s.p.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:Cardo;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/d964d91f878507d6-s.woff2) format("woff2");unicode-range:u+0307-0308,u+0590-05ff,u+200c-2010,u+20aa,u+25cc,u+fb1d-fb4f}@font-face{font-family:Cardo;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/cd4ef44b7a5f22f1-s.woff2) format("woff2");unicode-range:u+10300-1032f}@font-face{font-family:Cardo;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/cad1661d2791ecc2-s.woff2) format("woff2");unicode-range:u+16a0-16f8}@font-face{font-family:Cardo;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/543de0715397ac5b-s.p.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Cardo;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/a2debe7ac595958e-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Cardo Fallback;src:local("Times New Roman");ascent-override:94.16%;descent-override:34.59%;line-gap-override:0.00%;size-adjust:105.17%}.__className_14f5f7{font-family:Cardo,Cardo Fallback;font-style:normal}.__variable_14f5f7{--font-cardo:"Cardo","Cardo Fallback"}