@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Cardo:ital,wght@0,400;0,700;1,400&display=swap);@import url(https://fonts.googleapis.com/css2?family=Cardo:wght@400;700&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--secondary-color:#ff4081;--accent-color:#82b1ff;--background-color:#fff;--surface-color:#fff;--text-color:#333;--text-light-color:#666;--drawer-bg:#333;--drawer-text:#fff;--drawer-width:256px;--app-bar-height:64px;--card-bg:#fff;--hover-bg:#f5f5f5;--border-color:#e0e0e0;--error-color:#dc3545;--success-color:#28a745;--warning-color:#ffc107;--border-radius:8px;--shadow-sm:0 2px 4px #0000000d;--shadow-md:0 4px 6px #0000001a;--shadow-lg:0 8px 16px #0000001a;--transition-speed:0.3s}*,:after,:before{box-sizing:border-box;margin:0;padding:0}body{background:radial-gradient(circle at center,#fff 0,#f8f9fa 35%,#e9ecef 100%);background-attachment:fixed;color:#333;color:var(--text-color);font-family:Cardo,serif;line-height:1.5;margin:0;min-height:100vh}#root,.app-layout{background:#0000;display:flex;min-height:100vh}.app-layout{flex-direction:column;overflow:hidden;position:relative;width:100%;z-index:1}.main-content{background:#0000;flex:1 1;height:calc(100vh - 64px);height:calc(100vh - var(--app-bar-height));margin-top:64px;margin-top:var(--app-bar-height);max-width:100vw;overflow-x:hidden;overflow-y:auto;padding:2rem 1rem}.main-nav{width:100%}.app-bar{background-color:red;background-color:var(--primary-color);height:64px;height:var(--app-bar-height);left:0;padding:0 16px;position:fixed;right:0;top:0;transition:left .3s ease;z-index:1000}.app-bar,.menu-button{align-items:center;color:#fff;display:flex}.menu-button{background:none;border:none;cursor:pointer;font-size:1.5rem;height:48px;justify-content:center;width:48px}.menu-button:hover{background-color:#ffffff1a}.app-title{flex-grow:1;font-family:Cardo,serif;font-size:1.5rem;font-weight:700;margin:0}.navigation-drawer{background-color:#333;background-color:var(--drawer-bg);box-shadow:2px 0 8px #0000001a;display:flex;flex-direction:column;height:100vh;left:0;position:fixed;top:0;transform:translateX(-100%);transition:transform .3s cubic-bezier(.4,0,.2,1);width:256px;width:var(--drawer-width);z-index:1000}.navigation-drawer.open{transform:translateX(0)}.drawer-overlay{background-color:#00000080;bottom:0;left:0;opacity:0;position:fixed;right:0;top:0;transition:all .3s ease;visibility:hidden;z-index:999}.drawer-overlay.open{opacity:1;visibility:visible}.drawer-header{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;min-height:64px;min-height:var(--app-bar-height);padding:1.5rem}.drawer-title{color:#fff;color:var(--drawer-text);font-family:Cardo,serif;font-size:1.25rem;font-weight:600;margin:0}.nav-list{overflow-y:auto;padding:1rem 0}.nav-item{align-items:center;color:#fff;color:var(--drawer-text);cursor:pointer;display:flex;padding:.875rem 1.5rem;position:relative;text-decoration:none;transition:all .2s ease}.nav-item:hover{background-color:#ffffff0d}.nav-item.active{background-color:#ff000026}.nav-item.active:before{background-color:red;background-color:var(--primary-color);bottom:0;content:"";left:0;position:absolute;top:0;width:4px}.nav-icon{align-items:center;color:#ffffffb3;display:flex;font-size:1.5rem;justify-content:center;margin-right:1rem;transition:color .2s ease;width:24px}.nav-item.active .nav-icon,.nav-item:hover .nav-icon{color:red;color:var(--primary-color)}.text-center{text-align:center}.mt-1{margin-top:1rem}.mb-1{margin-bottom:1rem}.ml-1{margin-left:1rem}.mr-1{margin-right:1rem}.p-1{padding:1rem}.flex{display:flex}.items-center{align-items:center}.justify-between{justify-content:space-between}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .3s ease-in-out}.slide-up{animation:slideUp .3s ease-in-out}@media (max-width:768px){.profileContainer{padding:.5rem}.communityGrid{gap:.5rem}.card-common,.formSection{padding:.75rem}}@media (min-width:769px){.communityGrid{align-items:center;display:flex;flex-direction:column}}.content-card,.nav-card,.profile-card{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;box-shadow:var(--shadow-md);padding:2rem;transition:transform .3s ease,box-shadow .3s ease}.content-card:hover,.nav-card:hover,.profile-card:hover{box-shadow:0 8px 16px #0000001a;box-shadow:var(--shadow-lg);transform:translateY(-5px)}.button-icon:hover{background:#ff1a1a;transform:scale(1.1)}.profile-card{background:#fff;border-radius:16px;box-shadow:0 4px 6px #0000001a;box-shadow:var(--shadow-md);overflow:hidden;padding:2.5rem 2rem;transition:transform .3s ease,box-shadow .3s ease}.profile-card:before{background:linear-gradient(0deg,#fff,#fff0);bottom:0;content:"";height:120px;left:0;opacity:.8;position:absolute;right:0}.profile-card:hover{box-shadow:0 8px 16px #0000001a;box-shadow:var(--shadow-lg);transform:translateY(-5px)}.profile-avatar{backface-visibility:hidden;transition:transform .3s ease}.profile-avatar:hover{transform:scale(1.05)}.button-icon{opacity:.9;transition:all .2s ease!important}.button-icon:hover{background:#2d3748!important;box-shadow:0 4px 12px #0003!important;opacity:1;transform:scale(1.1)!important}.card-common{background:#fff;border-radius:16px;box-shadow:0 4px 6px #0000001a;box-shadow:var(--shadow-md);margin-bottom:.5rem;overflow:hidden;padding:1rem;position:relative;transition:transform .3s ease,box-shadow .3s ease}.card-common:before{bottom:0;content:"";height:120px;left:0;opacity:.8;position:absolute;right:0;z-index:1}.card-common:hover{box-shadow:0 8px 16px #0000001a;box-shadow:var(--shadow-lg);transform:translateY(-5px)}.card-common>*{position:relative;z-index:2}.content-card,.nav-card,.profile-card{composes:card-common}.nav-card{padding:1.5rem}.content-card{max-width:600px;width:100%}.nav-button{position:relative;transition:all .2s ease}.nav-button:hover{color:red;color:var(--primary-color)}.nav-button:after{background:red;background:var(--primary-color);bottom:-2px;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);transition:all .2s ease;width:0}.nav-button:hover:after{width:100%}.nav-card{display:none}.profile-card{position:relative}.profile-card:before{z-index:1}.profile-card>*{z-index:2}.content-card,.profile-card>*{position:relative}.content-card:before{z-index:1}.content-card>*{position:relative;z-index:2}.button-icon,.nav-button,.nav-item,button{cursor:pointer}input[type=email],input[type=password],input[type=text],textarea{cursor:text}.button-icon:hover,.card-common:hover,.nav-button:hover,.profile-avatar:hover{cursor:pointer}.deleteConfirmInput,.input,input,textarea{cursor:text!important}*{cursor:default}.button-icon,.clickable,.nav-button,.nav-item,[role=button],a,button{cursor:pointer!important}.nav-label,.profile-church,.profile-name,.profile-role,.section-title,div,h1,h2,h3,h4,h5,h6,p,span{cursor:default!important}.button-icon:hover,.nav-button:hover,.profile-avatar:hover{cursor:pointer!important}*,.card-common,.content-card,.profile-card{cursor:default!important}[contenteditable=true],input[type=email],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=url],textarea{cursor:text!important}.button-icon,.clickable,.nav-button,.nav-item,[role=button],a,button,input[type=button],input[type=checkbox],input[type=radio],input[type=submit],label,select{cursor:pointer!important}.card-text,.card-title,.modal-text,.modal-title,.nav-label,.profile-church,.profile-name,.profile-role,.section-title,div,h1,h2,h3,h4,h5,h6,p,span{cursor:default!important;-webkit-user-select:none;user-select:none}:hover{cursor:inherit}.button-icon:hover,.clickable:hover,.nav-button:hover,.nav-item:hover,[role=button]:hover,a:hover,button:hover{cursor:pointer!important}.selectable-text{cursor:default!important;-webkit-user-select:text;user-select:text}:root{--primary-color:red;--primary-hover:#e60000;--primary-light:#ff00001a}.card-common:before{background:linear-gradient(0deg,#fff,#fff0)}.toggle-switch{height:26px;position:relative;width:50px}.toggle-input{height:0;opacity:0;width:0}.toggle-label{background-color:#ccc;border-radius:34px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.4s}.toggle-label:before{background-color:#fff;border-radius:50%;bottom:3px;content:"";height:20px;left:3px;position:absolute;transition:.4s;width:20px}.toggle-input:checked+.toggle-label{background-color:red;background-color:var(--primary-color)}.toggle-input:checked+.toggle-label:before{transform:translateX(24px)}.app-layout:before{background:radial-gradient(circle at 20% 20%,#f8f9fa0d 0,#0000 50%),radial-gradient(circle at 80% 80%,#e9ecef0d 0,#0000 50%);bottom:0;content:"";left:0;position:fixed;right:0;top:0;z-index:-1}.app-footer{display:flex;gap:1rem;justify-content:center;margin-top:auto;padding:1rem;width:100%}.footer-button{align-items:center;background:#0000;border:none;border-radius:8px;color:#666;cursor:pointer;display:flex;font-size:.9rem;gap:.5rem;padding:.5rem 1rem;transition:all .2s ease}.footer-button:hover{background:#0000000d;color:red;color:var(--primary-color)}.footer-button i{font-size:1.2rem}@media (max-width:768px){.app-footer{padding:.75rem}.footer-button{padding:.5rem}.footer-button span{display:none}}:root{--primary-color:#be301e;--secondary-color:#ab495c;--background-color:#f8f4e3;--text-color:#4a4a4a;--highlight-background:#faf0f0;--accent-color:#c0a570;--button-hover-color:#730018;--selection-color:#520014;--spacing-unit:16px;--button-text-color:#fff;--dark-background-color:#251f1f;--dark-text-color:#e6e0d5;--dark-highlight-background:#3e3737;--dark-border-color:#5e5656;--dark-primary-color:#d4af37;--dark-secondary-color:#c0a570;--dark-button-hover-color:#b29600}.overlay{align-items:center;background-color:#f8f4e3;background-color:var(--background-color);display:flex;justify-content:center;min-height:100vh;transition:background-color .3s}.dark-mode .overlay{background-color:#251f1f;background-color:var(--dark-background-color)}.paypal-container{background-color:#fff;border-radius:16px;box-shadow:0 4px 8px #00000026;padding:20px;text-align:center;transition:background-color .3s,color .3s;width:400px}.dark-mode .paypal-container{background-color:#251f1f;background-color:var(--dark-background-color)}.header{background-color:#f8f4e3;background-color:var(--background-color);border-radius:16px 16px 0 0;color:#4a4a4a;color:var(--text-color);font-family:Cardo,serif;font-weight:700;padding:10px 0}.dark-mode .header{background-color:#251f1f;background-color:var(--dark-background-color);color:#e6e0d5;color:var(--dark-text-color)}.paypal-content{align-items:center;display:flex;flex-direction:column;justify-content:center}.info-container{color:#4a4a4a;color:var(--text-color);margin-bottom:16px;margin-bottom:var(--spacing-unit);text-align:center}.dark-mode .info-container{color:#e6e0d5;color:var(--dark-text-color)}.highlight{color:#c0a570;color:var(--accent-color)}.close-button,.info-button,.nav-button{background:linear-gradient(145deg,#be301e,#900025);background:linear-gradient(145deg,var(--primary-color),#900025);border:none;border-radius:15px;box-shadow:inset 2px 2px 5px #ffffff4d,inset -2px -2px 5px #0003,5px 5px 10px #0003;color:#fff;color:var(--button-text-color);cursor:pointer;font-family:Cardo,serif;font-size:.9rem;font-weight:700;min-width:120px;padding:10px 20px;text-transform:uppercase;transition:background .3s,transform .1s ease-in-out,box-shadow .3s}.dark-mode .close-button,.dark-mode .info-button,.dark-mode .nav-button{background:linear-gradient(145deg,#b08000,#d4af37)}.close-button:hover,.info-button:hover,.nav-button:hover{background-color:#730018;background-color:var(--button-hover-color);box-shadow:0 6px 12px #0003}.dark-mode .close-button:hover,.dark-mode .info-button:hover,.dark-mode .nav-button:hover{background-color:#b29600;background-color:var(--dark-button-hover-color)}.overlay-info{background-color:#fff;border-radius:10px;box-shadow:0 2px 10px #00000080;color:#4a4a4a;color:var(--text-color);left:50%;padding:16px;padding:var(--spacing-unit);position:fixed;text-align:center;top:50%;transform:translate(-50%,-50%);transition:background-color .3s,color .3s;z-index:1000}.dark-mode .overlay-info{background-color:#251f1f;background-color:var(--dark-background-color);color:#e6e0d5;color:var(--dark-text-color)}.paypal-button-container{display:flex;justify-content:center}.divider,.paypal-button-container{margin-top:16px;margin-top:var(--spacing-unit)}.divider{background-color:#ab495c;background-color:var(--secondary-color);margin-bottom:16px;margin-bottom:var(--spacing-unit)}.dark-mode .divider{background-color:#c0a570;background-color:var(--dark-secondary-color)}.checkout,.dark-mode .divider{margin-top:16px;margin-top:var(--spacing-unit)}.checkout{align-items:center;display:flex;flex-direction:column}.dropdown{background-color:#faf0f0;background-color:var(--highlight-background);border-radius:5px;color:#4a4a4a;color:var(--text-color);margin-bottom:16px;margin-bottom:var(--spacing-unit);transition:background-color .3s,color .3s;width:200px}.dark-mode .dropdown{background-color:#3e3737;background-color:var(--dark-highlight-background);color:#e6e0d5;color:var(--dark-text-color)}
/*# sourceMappingURL=main.b31e67a6.css.map*/