code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--color-primary:#000;--color-secondary:#f5a623;--color-dark:#2c3e50;--color-light-text:#ecf0f1;--color-background-light:#f8f9fa;--color-background-dark:#000;--color-border:#d1d5db;--color-success:#28a745;--color-error:#dc3545;--font-body:"Open Sans",system-ui,sans-serif;--font-heading:"Roboto Slab",serif;--text-base:16px;--text-lg:18px;--text-xl:20px;--text-2xl:24px;--text-3xl:32px;--text-4xl:48px;--text-5xl:64px;--spacing-xs:8px;--spacing-sm:16px;--spacing-md:24px;--spacing-lg:40px;--spacing-xl:60px}html{scroll-behavior:smooth}a{color:#ecf0f1;color:var(--color-light-text);text-decoration:none;transition:color .3s ease}a:hover{color:#f5a623;color:var(--color-secondary)}h1,h2,h4,h5,h6{color:#ecf0f1;color:var(--color-light-text);font-family:Roboto Slab,serif;font-family:var(--font-heading);line-height:1.2;margin-bottom:16px;margin-bottom:var(--spacing-sm)}h1{font-size:48px;font-size:var(--text-4xl)}h2{font-size:32px;font-size:var(--text-3xl)}h3{font-size:24px;font-size:var(--text-2xl)}p{font-size:16px;font-size:var(--text-base);margin-bottom:16px;margin-bottom:var(--spacing-sm)}.container{margin:0 auto;max-width:1200px;padding:0 24px;padding:0 var(--spacing-md)}.section-padding{padding:60px 0;padding:var(--spacing-xl) 0}.btn{align-items:center;border-radius:5px;display:inline-flex;font-family:Open Sans,system-ui,sans-serif;font-family:var(--font-body);font-size:16px;font-size:var(--text-base);font-weight:600;gap:8px;gap:var(--spacing-xs);justify-content:center;letter-spacing:.5px;padding:16px 24px;padding:var(--spacing-sm) var(--spacing-md);text-transform:uppercase;transition:background-color .3s ease,color .3s ease,transform .2s ease}.btn-primary{background:#000;background:var(--color-primary)}.btn-primary:hover{background:#2c3e50;background:var(--color-dark)}.btn-secondary{background:#0000;border:2px solid #ecf0f1;border:2px solid var(--color-light-text);color:#ecf0f1;color:var(--color-light-text)}.btn-secondary:hover{background:#ecf0f1;background:var(--color-light-text);color:#2c3e50;color:var(--color-dark);transform:translateY(-2px)}.header-top{background:#000;color:#ecf0f1;color:var(--color-light-text);font-size:16px;font-size:var(--text-base);height:15px;padding:16px 0;padding:var(--spacing-sm) 0}.main-nav{background:#000;background:var(--color-background-dark);box-shadow:0 2px 10px #0000001a;height:min-content;padding:1px 0 0;position:sticky;top:0;z-index:1000}.main-nav li{font-size:1rem;list-style:none}.nav-content{color:#f8f9fa;color:var(--color-background-light);display:flex;justify-content:center;letter-spacing:2px}.logo .logo-link{color:#fff;display:none;font-family:Roboto Slab,serif;font-family:var(--font-heading);font-size:2rem;font-weight:700;letter-spacing:1px;text-decoration:none}.nav-menu{display:flex;gap:40px;gap:var(--spacing-lg)}.nav-menu a{color:#fff;font-size:16px;font-size:var(--text-base);font-weight:600;padding:3px 3px 5px;position:relative;text-transform:uppercase}.nav-menu a:hover{color:#f5a623;color:var(--color-secondary);padding:3px}.nav-menu a:after{background:#000;background:var(--color-primary);bottom:0;content:"";height:2px;left:0;position:absolute;transition:width .3s ease;width:0}.nav-menu a:hover:after{width:100%}.mobile-menu-toggle{background:none;border:none;color:#fff;cursor:pointer;display:none;font-size:32px;font-size:var(--text-3xl)}@media (max-width:768px){.nav-content{align-items:center;justify-content:space-between;position:relative}.logo,.logo .logo-link{display:block!important}.logo .logo-link{font-size:1.5rem}.nav-menu{animation:slideDown .3s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000f2;border-radius:0 0 10px 10px;box-shadow:0 5px 15px #0000004d;display:none;flex-direction:column;left:0;padding:24px;padding:var(--spacing-md);position:absolute;right:0;top:100%;z-index:1000}.nav-menu.active{display:flex}.nav-menu li{border-bottom:1px solid #ffffff1a;margin-bottom:15px;padding-bottom:15px;text-align:center;width:100%}.nav-menu li:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.nav-menu a{border-radius:8px;display:block;font-size:16px;letter-spacing:1px;padding:10px 15px;transition:all .3s ease}.nav-menu a:hover{background:#f5a623;background:var(--color-secondary);border:none;color:#fff}.mobile-menu-toggle{align-items:center;border-radius:5px;display:flex!important;justify-content:center;padding:8px;transition:background-color .3s ease}.mobile-menu-toggle:hover{background:#ffffff1a}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}}@media (max-width:768px){.main-nav{position:relative}}.hero-swiper{height:100vh;width:100%}.hero-slide{align-items:center;display:flex;height:100vh;justify-content:center;position:relative}.hero-image-container{left:0;position:absolute;top:10px;width:100%;z-index:1}.hero-background-image{object-fit:cover;object-position:center;width:100%}.hero-slide .hero-content{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#00013966;border-radius:1rem;color:#fff;height:fit-content;left:0;margin:0 auto;max-width:500px;padding:2rem;position:relative;text-align:center;z-index:2}.hero-event-details{display:flex;flex-direction:column;gap:1rem}.hero-event-type{color:#f5a623;color:var(--color-secondary);font-size:.875rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase}.hero-title{font-size:2.5rem;line-height:1.2;margin:0}.hero-description{color:#e5e7eb;font-size:1.125rem;line-height:1.6;margin:0}.hero-event-info{display:flex;flex-direction:column;font-size:.875rem;gap:.5rem}.hero-date-time,.hero-location{align-items:center;display:flex;gap:.5rem;justify-content:center}.hero-time{color:#fbbf24;font-weight:600}.hero-church-info{color:#d1d5db;font-size:.75rem;line-height:1.4}.hero-church-info p{margin:.25rem 0}.hero-buttons{gap:1rem}.hero-error,.hero-loading{color:#fff;padding:2rem;text-align:center}.hero-loading .loading-spinner{animation:spin 1s linear infinite}.hero-error .error-icon,.hero-loading .loading-spinner{font-size:2rem;margin-bottom:1rem}.hero-swiper .swiper-button-next,.hero-swiper .swiper-button-prev{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#f5a623;border-radius:50%;color:#fff;height:50px;width:50px}.hero-swiper .swiper-button-next:after,.hero-swiper .swiper-button-prev:after{font-size:1.25rem}.hero-swiper .swiper-pagination-bullet{background:#ffffff80;opacity:1}.hero-swiper .swiper-pagination-bullet-active{background:#fbbf24}@media (max-width:768px){.hero-title{font-size:2rem}.hero-slide .hero-content{margin:0 1rem;padding:1.5rem}.hero-buttons{align-items:center;flex-direction:column}}.hero-section{align-items:center;background:url(/static/media/IMG_8425.9b71c9943d72e2b02933.JPG);background-repeat:no-repeat;background-size:cover;color:#fff;display:flex;height:70vh;justify-content:center;overflow:hidden;position:relative;text-align:center}.hero-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#00000080;height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.hero-content{max-width:900px;padding:24px;padding:var(--spacing-md);position:relative;z-index:2}.hero-title{color:#f5a623;color:var(--color-secondary);font-size:64px;font-size:var(--text-5xl);font-weight:700;margin-bottom:16px;margin-bottom:var(--spacing-sm)}.hero-subtitle{font-size:18px;font-size:var(--text-lg);margin-bottom:40px;margin-bottom:var(--spacing-lg);margin-left:auto;margin-right:auto;max-width:600px}.hero-buttons{display:flex;flex-wrap:wrap;gap:24px;gap:var(--spacing-md);justify-content:center}.confession-section{background-color:#f8f9fa;background-color:var(--color-background-light);text-align:center}.confession-title{margin-bottom:40px;margin-bottom:var(--spacing-lg);text-align:center}.confession-content{grid-gap:24px;grid-gap:var(--spacing-md);display:grid;gap:24px;gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.confession-item{background:#fff;border-radius:8px;box-shadow:0 4px 15px #00000014;padding:24px;padding:var(--spacing-md);text-align:center;transition:transform .3s ease,box-shadow .3s ease}.confession-item:hover{box-shadow:0 8px 25px #0000001f;transform:translateY(-5px)}.confession-icon{color:#000;color:var(--color-primary);margin-bottom:16px;margin-bottom:var(--spacing-sm)}.confession-icon svg{height:48px;width:48px}.confession-item h3{color:#2c3e50;color:var(--color-dark);font-size:20px;font-size:var(--text-xl);margin-bottom:8px;margin-bottom:var(--spacing-xs)}.confession-item p{color:#555;font-size:16px;font-size:var(--text-base)}.quote-section{background:#000;background:var(--color-primary);color:#fff;text-align:center}.quote-content{align-items:center;display:flex;flex-direction:column;gap:24px;gap:var(--spacing-md);justify-content:center;margin:0 auto;max-width:800px}.quote-icon svg{color:#f5a623;color:var(--color-secondary);height:60px;width:60px}.quote-text{font-family:Roboto Slab,serif;font-family:var(--font-heading);font-size:24px;font-size:var(--text-2xl);font-weight:500;line-height:1.4;margin:16px 0;margin:var(--spacing-sm) 0}.quote-author{font-size:18px;font-size:var(--text-lg);font-weight:600;margin-top:8px;margin-top:var(--spacing-xs)}.sermon-card{box-shadow:0 4px 6px -1px #0000001a;transition:transform .2s,box-shadow .2s}.sermon-card:hover{box-shadow:0 10px 15px -3px #0000001a;transform:translateY(-2px)}.sermon-card img{transition:transform .3s}.sermon-card:hover img{transform:scale(1.05)}.sermon-content h3{color:#1f2937;font-size:1.25rem;font-weight:600;line-height:1.4;margin-bottom:.75rem}.sermon-meta{gap:.5rem}.sermon-content p:not(.sermon-meta){color:#4b5563;line-height:1.6;margin-bottom:1.5rem}.sermon-content .btn{align-items:center;display:flex;gap:.5rem;justify-content:center;width:100%}.sermons-view-all{align-items:center;display:flex;flex-direction:column;margin:20px 0 0}.events-loading{color:#6b7280;padding:3rem 0;text-align:center}.events-loading .loading-spinner{animation:spin 1s linear infinite;font-size:2rem;margin-bottom:1rem}.events-error{background-color:#fef2f2;border:1px solid #fecaca;border-radius:.5rem;color:#dc2626;margin:2rem 0;padding:3rem 0;text-align:center}.events-error .error-icon{font-size:2rem;margin-bottom:1rem}.events-error small{color:#9ca3af;display:block;font-size:.875rem;margin-top:.5rem}.events-empty{color:#6b7280;padding:3rem 0;text-align:center}.events-empty .empty-icon{font-size:3rem;margin-bottom:1rem}.events-empty h3{color:#374151;font-size:1.5rem;font-weight:600;margin-bottom:.5rem}.events-view-all{border-top:1px solid #e5e7eb;margin-top:2rem;padding-top:2rem;text-align:center}.event-card{border-radius:.75rem;box-shadow:0 4px 6px -1px #0000001a;transition:transform .2s,box-shadow .2s}.event-card:hover{box-shadow:0 10px 15px -3px #0000001a;transform:translateY(-2px)}.event-card img{height:400px;object-fit:cover;transition:transform .3s;width:100%}.event-card:hover img{transform:scale(1.05)}.event-content h3{color:#1f2937;font-size:1.25rem;font-weight:600;line-height:1.4;margin-bottom:.75rem}.event-meta{color:#6b7280;font-size:.875rem;gap:.25rem;line-height:1.4;margin-bottom:1rem}.event-meta svg{display:inline;margin-right:.25rem;vertical-align:text-top}.event-content p:not(.event-meta){color:#4b5563;line-height:1.6;margin-bottom:1.5rem}.event-content .btn{align-items:center;display:flex;gap:.5rem;justify-content:center;width:100%}.events-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:2rem}@media (max-width:768px){.events-grid{gap:1.5rem;grid-template-columns:1fr}.events-empty,.events-error,.events-loading{padding:2rem 1rem}.events-empty .empty-icon,.events-error .error-icon,.events-loading .loading-spinner{font-size:1.5rem}.event-meta{font-size:.8rem}}.events-section .confession-title{margin-bottom:2rem}.events-section .container>*+*{margin-top:1rem}.events-section .events-grid{margin-top:2rem}.event-status{background-color:#3b82f61a;border-radius:9999px;color:#1e40af;font-size:.75rem;font-weight:600;padding:.25rem .75rem;position:absolute;right:.75rem;text-transform:uppercase;top:.75rem}.sermons-grid{grid-gap:24px;grid-gap:var(--spacing-md);gap:24px;gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.sermon-card{border-radius:8px;box-shadow:0 4px 15px #00000014;transition:transform .3s ease,box-shadow .3s ease}.sermon-card:hover{box-shadow:0 8px 25px #0000001f;transform:translateY(-5px)}.sermon-card img{height:200px;object-fit:cover;transition:transform .3s ease;width:100%}.sermon-content{padding:24px;padding:var(--spacing-md);text-align:left}.sermon-content h3{font-size:20px;font-size:var(--text-xl);margin-bottom:8px;margin-bottom:var(--spacing-xs)}.sermon-meta{align-items:center;color:#777;font-size:16px;font-size:var(--text-base);gap:8px;gap:var(--spacing-xs);margin-bottom:16px;margin-bottom:var(--spacing-sm)}.sermon-meta svg{color:#000;color:var(--color-primary);height:16px;width:16px}.sermon-card p{color:#555;font-size:16px;font-size:var(--text-base);margin-bottom:24px;margin-bottom:var(--spacing-md)}@media (max-width:768px){.sermons-grid{-webkit-overflow-scrolling:touch;-ms-overflow-style:none;display:flex;gap:16px;overflow-x:auto;padding:0 16px 16px;scroll-snap-type:x mandatory;scrollbar-width:none}.sermons-grid::-webkit-scrollbar{display:none}.sermon-card{border-radius:16px;box-shadow:0 2px 12px #00000014;flex:0 0 280px;max-width:280px;scroll-snap-align:start;transition:transform .2s ease}.sermon-card:hover{transform:none}.sermon-card:active{transform:scale(.98)}.sermon-card img{border-radius:16px 16px 0 0;height:140px}.sermon-content{padding:16px}.sermon-content h3{line-clamp:2;-webkit-box-orient:vertical;color:#1f2937;display:-webkit-box;font-size:16px;font-weight:600;line-height:1.3;margin-bottom:8px;overflow:hidden}.sermon-meta{color:#6b7280;font-size:12px;gap:4px;margin-bottom:8px}.sermon-meta svg{height:12px;width:12px}.sermon-content p{line-clamp:2;-webkit-box-orient:vertical;color:#4b5563;display:-webkit-box;font-size:13px;line-height:1.4;margin-bottom:12px;overflow:hidden}.sermon-content .btn{border-radius:8px;font-size:12px;font-weight:500;letter-spacing:normal;padding:8px 16px;text-transform:none;width:100%}.sermons-section:after{background:linear-gradient(90deg,#0000,#f8f9facc);content:"";height:40px;pointer-events:none;position:absolute;right:0;top:50%;transform:translateY(-50%);width:20px;z-index:1}.sermons-section{position:relative}}@media (max-width:480px){.sermon-card{flex:0 0 260px;max-width:260px}.sermon-content{padding:12px}.sermon-content h3{font-size:15px}.sermon-content p{font-size:12px}.sermon-content .btn{font-size:11px;padding:6px 12px}}@media (max-width:768px){.sermons-scroll-hint{align-items:center;color:#6b7280;display:flex;font-size:12px;gap:8px;justify-content:center;margin-top:12px;padding:0 16px}.sermons-scroll-hint:before{animation:swipeHint 2s infinite;content:"←"}.sermons-scroll-hint:after{animation:swipeHint 2s infinite reverse;content:"→"}@keyframes swipeHint{0%,to{opacity:.3;transform:translateX(0)}50%{opacity:1;transform:translateX(4px)}}}@media (min-width:769px){.sermons-scroll-hint{display:none}}.about-section{background-color:#000;background-color:var(--color-background-dark);color:#ecf0f1;color:var(--color-light-text)}.about-content{align-items:center;display:flex;flex-wrap:wrap;gap:40px;gap:var(--spacing-lg)}.about-text{flex:1 1;min-width:300px}.about-text h2,.about-text p{color:#ecf0f1;color:var(--color-light-text)}.about-image{flex:1 1;min-width:300px;text-align:center}.about-image img{border-radius:8px;box-shadow:0 8px 25px #0003;height:auto;max-width:100%}.gallery-section{background-color:#f8f9fa;background-color:var(--color-background-light);text-align:center}.gallery-grid{grid-gap:24px;grid-gap:var(--spacing-md);display:grid;gap:24px;gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.gallery-item{border-radius:8px;box-shadow:0 4px 15px #00000014;overflow:hidden;position:relative;transition:transform .3s ease,box-shadow .3s ease}.gallery-item:hover{box-shadow:0 8px 25px #0000001f;transform:translateY(-5px)}.gallery-item img{height:250px;object-fit:cover;transition:transform .3s ease;width:100%}.gallery-item:hover img{transform:scale(1.05)}.gallery-overlay{align-items:center;background:#0009;display:flex;height:100%;justify-content:center;left:0;opacity:0;position:absolute;top:0;transition:opacity .3s ease;width:100%}.gallery-item:hover .gallery-overlay{opacity:1}.gallery-overlay span{color:#fff;font-size:18px;font-size:var(--text-lg);font-weight:600;text-align:center}.gallery-swiper-container{margin:2rem 0;padding:0 40px;position:relative}.gallery-swiper{overflow:visible}.gallery-swiper .swiper-slide{height:auto}.gallery-swiper .swiper-button-next,.gallery-swiper .swiper-button-prev{background:#fff;border-radius:50%;box-shadow:0 2px 10px #0000001a;color:#000;color:var(--color-primary);height:40px;margin-top:-20px;width:40px}.gallery-swiper .swiper-button-next:after,.gallery-swiper .swiper-button-prev:after{font-size:16px;font-weight:700}.gallery-swiper .swiper-button-next:hover,.gallery-swiper .swiper-button-prev:hover{background:#f5a623;background:var(--color-secondary);color:#fff;transform:scale(1.1)}.gallery-swiper .swiper-pagination{bottom:auto;margin-top:20px;position:relative}.gallery-swiper .swiper-pagination-bullet{background:#d1d5db;background:var(--color-border);height:12px;margin:0 6px;opacity:.5;transition:all .3s ease;width:12px}.gallery-swiper .swiper-pagination-bullet-active{background:#000;background:var(--color-primary);opacity:1;transform:scale(1.2)}.gallery-swiper .swiper-pagination-bullet:hover{opacity:.8;transform:scale(1.1)}@media (max-width:768px){.gallery-swiper-container{padding:0 20px}.gallery-swiper .swiper-button-next,.gallery-swiper .swiper-button-prev{height:35px;margin-top:-17px;width:35px}.gallery-swiper .swiper-button-next:after,.gallery-swiper .swiper-button-prev:after{font-size:14px}}@media (max-width:480px){.gallery-swiper-container{padding:0 10px}.gallery-swiper .swiper-button-next,.gallery-swiper .swiper-button-prev{display:none}}.youtubemodal-overlay{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#000000b3;display:flex;height:100%;justify-content:center;left:0;opacity:0;position:fixed;top:0;transition:opacity .3s ease,visibility .3s ease;visibility:hidden;width:100%;z-index:1000}.youtubemodal-overlay.active{opacity:1;visibility:visible}.youtubemodal{align-items:center;background:#0000;border-radius:var(--border-radius-md);box-shadow:0 10px 30px #00000080;display:flex;justify-content:center;max-height:90vh;max-width:90vw;padding:24px;padding:var(--spacing-md);position:relative;transform:scale(.9);transition:transform .3s ease}.youtubemodal-overlay.active .youtubemodal{transform:scale(1)}.youtubemodal iframe{aspect-ratio:16/9;border:none;border-radius:8px;height:100%;width:100%}.youtubemodal-close-btn{align-items:center;background-color:#fff;border:none;border-radius:50%;box-shadow:0 2px 8px #0000004d;color:#2c3e50;color:var(--color-dark);cursor:pointer;display:flex;font-size:1.2rem;height:35px;justify-content:center;position:absolute;right:-15px;top:-15px;transition:background-color .2s ease,color .2s ease,transform .2s ease;width:35px;z-index:1001}.youtubemodal-close-btn:hover{background-color:#e0e0e0;transform:rotate(90deg)}.churchinfocard{align-items:center;display:flex;flex-direction:column;margin-bottom:2rem}@media (max-width:768px){:root{--spacing-xs:4px;--spacing-sm:8px;--spacing-md:12px;--spacing-lg:20px;--spacing-xl:30px}.container{padding:0 16px;padding:0 var(--spacing-sm)}.section-padding{padding:40px 0;padding:var(--spacing-lg) 0}.nav-content{letter-spacing:2px;padding:0 16px;padding:0 var(--spacing-sm)}.nav-menu{flex-wrap:wrap;gap:16px;gap:var(--spacing-sm);justify-content:center}.nav-menu a{font-size:14px;padding:2px 6px}.nav-menu a:hover{border-radius:8px}.hero-section{height:60vh}.hero-title{font-size:2rem;margin-bottom:8px;margin-bottom:var(--spacing-xs)}.hero-subtitle{font-size:14px;margin-bottom:24px;margin-bottom:var(--spacing-md)}.hero-buttons{gap:16px;gap:var(--spacing-sm);width:100%}.hero-buttons .btn{font-size:14px;margin:0 auto;max-width:250px;padding:16px 24px;padding:var(--spacing-sm) var(--spacing-md);width:100%}.hero-slide .hero-content{margin:0 16px;margin:0 var(--spacing-sm);max-width:90%;padding:1rem}.hero-title{font-size:1.5rem}.hero-description{font-size:.9rem;line-height:1.4}.hero-event-info{font-size:.8rem}.hero-church-info{font-size:.7rem}.hero-buttons{flex-direction:column;gap:.5rem}.hero-buttons .btn{font-size:.8rem;padding:.5rem 1rem}.hero-swiper .swiper-button-next,.hero-swiper .swiper-button-prev{display:none}.quote-section{padding:40px 0;padding:var(--spacing-lg) 0}.quote-icon svg{height:40px;width:40px}.quote-text{font-size:18px;line-height:1.3}.quote-author{font-size:14px}.confession-title{font-size:24px}.confession-title,.event-card,.sermon-card{margin-bottom:24px;margin-bottom:var(--spacing-md)}.event-card,.sermon-card{box-shadow:0 2px 8px #0000001a}.event-card:hover,.sermon-card:hover{box-shadow:0 2px 8px #0000001a;transform:none}.event-content,.sermon-content{padding:24px;padding:var(--spacing-md)}.event-content h3,.sermon-content h3{font-size:18px;margin-bottom:8px;margin-bottom:var(--spacing-xs)}.event-meta,.sermon-meta{font-size:12px;margin-bottom:8px;margin-bottom:var(--spacing-xs)}.event-content p,.sermon-content p{font-size:14px;line-height:1.4;margin-bottom:16px;margin-bottom:var(--spacing-sm)}.event-content .btn,.sermon-content .btn{font-size:12px;padding:8px 16px;padding:var(--spacing-xs) var(--spacing-sm);text-transform:none}.about-content{flex-direction:column;gap:24px;gap:var(--spacing-md);text-align:center}.about-text h2{font-size:22px}.about-text h2,.about-text p{margin-bottom:16px;margin-bottom:var(--spacing-sm)}.about-text p{font-size:14px;line-height:1.5}.about-image{order:-1}.gallery-swiper-container{padding:0 16px;padding:0 var(--spacing-sm)}.gallery-item{border-radius:6px}.gallery-item img{height:200px}.gallery-overlay span{font-size:14px;padding:8px;padding:var(--spacing-xs)}.footer{padding:40px 0 16px;padding:var(--spacing-lg) 0 var(--spacing-sm) 0}.footer-content{gap:24px;gap:var(--spacing-md);grid-template-columns:1fr;text-align:center}.footer-section h3{font-size:18px;margin-bottom:16px;margin-bottom:var(--spacing-sm)}.footer-contact-item a,.footer-contact-item span,.footer-section p{font-size:14px}.footer-contact .footer-contact-item{justify-content:center;margin-bottom:8px;margin-bottom:var(--spacing-xs)}.newsletter-form input{font-size:14px;padding:8px;padding:var(--spacing-xs)}.newsletter-form .btn-primary{font-size:12px;padding:8px 16px;padding:var(--spacing-xs) var(--spacing-sm);text-transform:none}.footer-bottom{flex-direction:column;gap:8px;gap:var(--spacing-xs);text-align:center}.footer-copyright p,.footer-terms p{font-size:12px}.youtubemodal{max-width:95vw;padding:16px;padding:var(--spacing-sm)}.youtubemodal iframe{height:250px}.youtubemodal-close-btn{font-size:1rem;height:30px;right:-10px;top:-10px;width:30px}.event-card img,.gallery-item img,.sermon-card img{transition:none}.event-card:hover img,.gallery-item:hover img,.sermon-card:hover img{transform:none}.events-loading,.gallery-loading{padding:40px 16px;padding:var(--spacing-lg) var(--spacing-sm)}.empty-icon,.error-icon,.loading-spinner{font-size:1.5rem}.events-error,.gallery-error{font-size:14px;margin:24px 16px;margin:var(--spacing-md) var(--spacing-sm);padding:24px;padding:var(--spacing-md)}.events-empty,.gallery-empty{padding:40px 16px;padding:var(--spacing-lg) var(--spacing-sm)}.events-empty h3,.gallery-empty h3{font-size:18px}.events-empty p,.gallery-empty p{font-size:14px}.events-view-all,.gallery-view-all{margin-top:24px;margin-top:var(--spacing-md);padding-top:24px;padding-top:var(--spacing-md)}.events-view-all .btn,.gallery-view-all .btn{font-size:12px;padding:8px 16px;padding:var(--spacing-xs) var(--spacing-sm);text-transform:none}}@media (max-width:480px){.hero-title{font-size:1.5rem}.confession-title{font-size:20px}.nav-menu a{font-size:12px}.quote-text{font-size:16px}.youtubemodal iframe{height:200px}}@media (max-width:768px){:root{--text-4xl:40px;--text-5xl:56px;--spacing-lg:30px;--spacing-xl:40px}.contact-info{gap:24px;gap:var(--spacing-md);justify-content:center}.nav-menu{display:none}.mobile-menu-toggle{display:flex}.hero-title{font-size:48px;font-size:var(--text-4xl)}.hero-subtitle{font-size:16px;font-size:var(--text-base);margin-bottom:40px;margin-bottom:var(--spacing-lg)}.hero-buttons{align-items:center;flex-direction:column}.btn{width:80%}.confession-content,.events-grid,.gallery-grid{grid-template-columns:1fr}.about-content,.quote-content{flex-direction:column;text-align:center}.about-image{order:-1}.footer-content{grid-template-columns:1fr;text-align:center}.footer-bottom{flex-direction:column;gap:24px;gap:var(--spacing-md);text-align:center}}@media (max-width:480px){:root{--text-3xl:28px;--text-4xl:36px;--text-5xl:48px;--spacing-md:16px;--spacing-lg:20px;--spacing-xl:30px}.container{padding:0 16px;padding:0 var(--spacing-sm)}.section-padding{padding:40px 0;padding:var(--spacing-lg) 0}.hero-title{font-size:48px;font-size:var(--text-4xl)}.hero-subtitle{font-size:var(--text-sm)}.logo .logo-link{font-size:20px;font-size:var(--text-xl)}}@font-face{font-family:swiper-icons;font-style:normal;font-weight:400;src:url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA")}:root{--swiper-theme-color:#007aff}:host{display:block;margin-left:auto;margin-right:auto;position:relative;z-index:1}.swiper{display:block;list-style:none;margin-left:auto;margin-right:auto;overflow:hidden;padding:0;position:relative;z-index:1}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{box-sizing:initial;display:flex;height:100%;position:relative;transition-property:transform;transition-timing-function:ease;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);width:100%;z-index:1}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translateZ(0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{display:block;flex-shrink:0;height:100%;position:relative;transition-property:transform;width:100%}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{backface-visibility:hidden;transform:translateZ(0)}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{-ms-overflow-style:none;overflow:auto;scrollbar-width:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper:before{content:"";flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper:before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper:before{height:var(--swiper-centered-offset-after);min-width:1px;width:100%}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:10}.swiper-3d .swiper-slide-shadow{background:#00000026}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(270deg,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(90deg,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(0deg,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(180deg,#00000080,#0000)}.swiper-lazy-preloader{border:4px solid #007aff;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top:4px solid #0000;box-sizing:border-box;height:42px;left:50%;margin-left:-21px;margin-top:-21px;position:absolute;top:50%;transform-origin:50%;width:42px;z-index:10}.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s linear infinite}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{align-items:center;color:var(--swiper-theme-color);color:var(--swiper-navigation-color,var(--swiper-theme-color));cursor:pointer;display:flex;height:44px;height:var(--swiper-navigation-size);justify-content:center;margin-top:-22px;margin-top:calc(0px - var(--swiper-navigation-size)/2);position:absolute;top:50%;top:var(--swiper-navigation-top-offset,50%);width:27px;width:calc(var(--swiper-navigation-size)/44*27);z-index:10}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{cursor:auto;opacity:.35;pointer-events:none}.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden{cursor:auto;opacity:0;pointer-events:none}.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev{display:none!important}.swiper-button-next svg,.swiper-button-prev svg{height:100%;object-fit:contain;transform-origin:center;width:100%}.swiper-rtl .swiper-button-next svg,.swiper-rtl .swiper-button-prev svg{transform:rotate(180deg)}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:10px;left:var(--swiper-navigation-sides-offset,10px);right:auto}.swiper-button-lock{display:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:44px;font-size:var(--swiper-navigation-size);font-variant:normal;letter-spacing:0;line-height:1;text-transform:none!important}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:"prev"}.swiper-button-next,.swiper-rtl .swiper-button-prev{left:auto;right:10px;right:var(--swiper-navigation-sides-offset,10px)}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:"next"}.swiper-pagination{position:absolute;text-align:center;transform:translateZ(0);transition:opacity .3s;z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:8px;bottom:var(--swiper-pagination-bottom,8px);left:0;top:auto;top:var(--swiper-pagination-top,auto);width:100%}.swiper-pagination-bullets-dynamic{font-size:0;overflow:hidden}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{position:relative;transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{background:#000;background:var(--swiper-pagination-bullet-inactive-color,#000);border-radius:50%;border-radius:var(--swiper-pagination-bullet-border-radius,50%);display:inline-block;height:8px;height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));opacity:.2;opacity:var(--swiper-pagination-bullet-inactive-opacity,.2);width:8px;width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px))}button.swiper-pagination-bullet{appearance:none;border:none;box-shadow:none;margin:0;padding:0}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{background:var(--swiper-theme-color);background:var(--swiper-pagination-color,var(--swiper-theme-color));opacity:1;opacity:var(--swiper-pagination-bullet-opacity,1)}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{left:auto;left:var(--swiper-pagination-left,auto);right:8px;right:var(--swiper-pagination-right,8px);top:50%;transform:translate3d(0,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{display:block;margin:6px 0;margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:transform .2s,top .2s}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px;margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:transform .2s,left .2s}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:transform .2s,right .2s}.swiper-pagination-fraction{color:inherit;color:var(--swiper-pagination-fraction-color,inherit)}.swiper-pagination-progressbar{background:#00000040;background:var(--swiper-pagination-progressbar-bg-color,#00000040);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-theme-color);background:var(--swiper-pagination-color,var(--swiper-theme-color));height:100%;left:0;position:absolute;top:0;transform:scale(0);transform-origin:left top;width:100%}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{height:4px;height:var(--swiper-pagination-progressbar-size,4px);left:0;top:0;width:100%}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{height:100%;left:0;top:0;width:4px;width:var(--swiper-pagination-progressbar-size,4px)}.swiper-pagination-lock{display:none}.church-card{background:#fff;border:1px solid #ddd;border-radius:12px;box-shadow:0 2px 10px #0000000d;font-family:sans-serif;overflow:hidden;width:320px}.church-image{height:180px;object-fit:cover;width:100%}.church-body{padding:16px}.church-title{color:#000;font-size:18px;font-weight:600;margin:0 0 12px}.tab-buttons{display:flex;justify-content:space-between;margin-bottom:12px}.tab-button{background:#eee;border:none;border-radius:20px;cursor:pointer;flex:1 1;font-size:14px;margin:0 2px;padding:6px 8px;transition:background .3s}.account-number{font-size:2rem;font-weight:700}.tab-button.active{background:#0d47a1;color:#fff}.tab-content{color:#333;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-size:12px;line-height:1rem;padding-bottom:2px}.section-label{color:#0d47a1;font-weight:700;margin-bottom:6px}.blue-button{background:#0d47a1;border:none;border-radius:6px;color:#fff;cursor:pointer;margin-top:8px;padding:6px 12px}.qr-code{display:block;height:120px;margin:10px auto;width:120px}.pay-icons span{background:#eee;border-radius:4px;display:inline-block;font-size:12px;margin:3px;padding:4px 6px}.footer{background:var(--color-background-dark);color:var(--color-light-text)}.footer-content{align-items:first baseline;display:flex;flex-direction:column;gap:var(--spacing-lg);padding-bottom:10px;padding-top:0}.footer-section h3{color:#fff;font-size:var(--text-xl);margin-bottom:var(--spacing-md)}.footer-contact .footer-contact-item{align-items:center;display:flex;gap:var(--spacing-xs);margin-bottom:var(--spacing-xs)}.footer-contact .footer-contact-item a,.footer-contact .footer-contact-item span{color:var(--color-light-text);font-size:var(--text-base)}.footer-contact .footer-contact-item a:hover{color:#faebd7}.newsletter-form{display:flex;flex-direction:column;gap:var(--spacing-sm)}.newsletter-form input{background-color:var(--color-background-light);border:1px solid var(--color-border);border-radius:5px;color:var(--color-dark);font-size:var(--text-base);padding:var(--spacing-xs) var(--spacing-sm)}.newsletter-form input::placeholder{color:#777}.newsletter-form .btn-primary{width:100%}.footer-bottom{align-items:center;border-top:1px solid #ffffff1a;display:flex;flex-wrap:wrap;gap:var(--spacing-sm);justify-content:space-between;padding-top:var(--spacing-md)}.footer-copyright a{color:var(--color-background-light);font-family:var(--font-heading);font-size:var(--text-base);text-decoration:none}.footer-copyright a:hover{color:var(--color-primary)}.footer-terms p{color:var(--color-light-text);font-family:var(--font-heading);font-size:var(--text-base)}.margin{background:linear-gradient(30deg,#fff 10%,#3b82f6);padding:1rem}.registration-container{margin:0 auto;max-width:1300px;min-height:calc(100vh - 2rem)}.registration-card{background:#fff;border-radius:16px;box-shadow:0 25px 50px -12px #00000040;display:flex;min-height:600px;overflow:hidden}.sidebar{background:#005792;background:var(--secondary-color);color:#fff;display:flex;flex-direction:column;padding:2rem;width:350px}.sidebar-header h1{font-size:1.5rem;font-weight:700;margin-bottom:.5rem}.sidebar-header p{color:#fffc;font-size:.9rem}.pprogress-section,.sidebar-header p{margin-bottom:2rem}.pprogress-info{display:flex;font-size:.9rem;font-weight:500;justify-content:space-between;margin-bottom:.5rem}.pprogress-bar{background:#fff3;border-radius:4px;height:8px;overflow:hidden}.pprogress-fill{background:linear-gradient(90deg,#10b981,#3b82f6);border-radius:4px;height:100%;transition:width .3s ease}.steps-list{flex:1 1}.step-item{align-items:center;border-radius:12px;cursor:pointer;display:flex;margin-bottom:1rem;opacity:.6;padding:1rem;transition:all .3s ease}.step-item.active{background:#fff3;border:1px solid #ffffff4d;opacity:1}.step-item.completed{background:#ffffff1a;opacity:1}.step-icon{align-items:center;border-radius:50%;display:flex;flex-shrink:0;height:32px;justify-content:center;margin-right:1rem;transition:all .3s ease;width:32px}.step-item.active .step-icon{background:#fff;color:#0d9488}.step-item.completed .step-icon{background:#10b981;color:#fff}.step-item:not(.active):not(.completed) .step-icon{background:#fff3;color:#fff}.step-content{flex:1 1;min-width:0}.step-title{font-size:.9rem;font-weight:600;margin-bottom:.25rem}.step-description{color:#fffc;font-size:.8rem}.step-item.active .step-description{color:#ffffffe6}.main-content{flex:1 1;min-width:0;overflow-y:auto;padding:2rem}.step-content-panel{animation:fadeIn .3s ease;max-width:100%;width:100%}.step-header{margin-bottom:2.5rem;width:100%}.step-header h2{color:#1f2937;font-size:2rem;font-weight:700;margin-bottom:.5rem}.step-header p{color:#6b7280;font-size:1.1rem}.step-header.text-center{text-align:center}.form-section{max-width:100%;width:100%}.form-group-regis{margin-bottom:1.5rem;padding:0;width:100%}.form-group-regis label{color:#374151;display:block;font-size:.95rem;font-weight:600;margin-bottom:.75rem}.form-group-regis input_1,.form-group-regis select{background:#fff;border:1px solid #d1d5db;border-radius:8px;font-size:1rem;min-height:48px;padding:1rem 1.25rem;transition:all .2s ease;width:70%}.input{width:7%}.input_2{background:#fff;border:1px solid #d1d5db;border-radius:8px;font-size:1rem;min-height:48px;padding:1rem 1.25rem;transition:all .2s ease;width:60%}.form-group-regis input_1:focus,.form-group-regis select:focus{border-color:#0d9488;box-shadow:0 0 0 3px #0d94881a;outline:none}.form-group-regis small{color:#6b7280;display:block;font-size:.8rem;margin-top:.25rem}.mmember-card,.mmembers-container{margin-bottom:2rem;width:100%}.mmember-card{background:#f9fafb;border:1px solid #e5e7eb;border-left:4px solid #0d9488;border-radius:12px;display:flex;flex-direction:column;padding:2rem}.mmember-header{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:1.5rem}.mmember-title{color:#1f2937;font-size:1.2rem;font-weight:600}.mmember-form{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));width:100%}.mmember-form .form-group{margin-bottom:0}.mmember-form .full-width{grid-column:1/-1}.btn-danger,.btn-primary-regis,.btn-secondary-regis{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:600;gap:.5rem;justify-content:center;margin:10px;min-height:44px;padding:.75rem 1.5rem;position:relative;transition:all .2s ease}.btn-primary-regis{background:linear-gradient(135deg,#0d9488,#10b981);color:#fff}.btn-primary-regis:hover:not(:disabled){box-shadow:0 4px 12px #49b8ae4d;transform:translateY(-1px)}.btn-primary-regis:disabled{cursor:not-allowed;opacity:.6}.btn-secondary-regis{background:#fff;border:1px solid #d1d5db;color:#374151}.btn-secondary-regis:hover{background:#f9fafb;border-color:#9ca3af}.btn-danger{background:#ef4444;color:#fff;font-size:.9rem;padding:.5rem 1rem}.btn-danger:hover{background:#dc2626}.btn-loader{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.btn-primary-regis:disabled .btn-text{opacity:0}.form-actions{margin-top:2.5rem;width:100%}.form-actions .btn-primary-regis,.form-actions .btn-secondary-regis{flex:1 1;min-height:48px}.review-section{max-width:800px}.review-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;margin-bottom:1.5rem;padding:1.5rem}.review-card h3{color:#1f2937;font-size:1.2rem;font-weight:600;margin-bottom:1rem}.review-item{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:1rem}.review-field{display:flex;flex-direction:column}.review-field label{color:#6b7280;font-size:.8rem;font-weight:500;margin-bottom:.25rem}.review-field span{color:#1f2937;font-weight:600}.member-review{border-left:4px solid #0d9488;margin-bottom:1rem;padding-left:1rem}.member-review h4{color:#1f2937;font-size:1.1rem;font-weight:600;margin-bottom:.5rem}.member-details{grid-gap:.5rem;color:#6b7280;display:grid;font-size:.9rem;gap:.5rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.confirmation-card{background:#fef3c7;border:1px solid #fbbf24;border-radius:12px;margin:2rem 0;padding:2rem;text-align:center}.confirmation-icon{align-items:center;background:#f59e0b;border-radius:50%;color:#fff;display:flex;font-size:1.5rem;height:64px;justify-content:center;margin:0 auto 1rem;width:64px}.confirmation-card h3{color:#92400e;font-size:1.3rem;font-weight:600;margin-bottom:.5rem}.confirmation-card p{color:#b45309;line-height:1.6}.success-icon{align-items:center;background:#dcfce7;border-radius:50%;color:#16a34a;display:flex;font-size:2rem;height:80px;justify-content:center;margin:0 auto 1.5rem;width:80px}.success-card{background:#dcfce7;border:1px solid #bbf7d0;border-radius:12px;margin:2rem 0;padding:1.5rem}.success-card h3{color:#166534;font-size:1.2rem;font-weight:600;margin-bottom:1rem}.success-card ul{color:#166534;list-style:none;text-align:left}.success-card li{line-height:1.5;margin-bottom:.5rem}.error-message{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;margin-top:1rem;padding:1rem}@media (max-width:1200px){.mmember-form{gap:1.25rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.main-content{padding:1.5rem}}@media (max-width:1024px){.registration-card{flex-direction:column}.sidebar{padding:1.5rem;width:100%}.steps-list{display:flex;gap:1rem;overflow-x:auto;padding-bottom:1rem}.step-item{flex-shrink:0;margin-bottom:0;min-width:200px}.mmember-form{gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.main-content{padding:2rem}}@media (max-width:768px){body{padding:.5rem}.sidebar{padding:1rem}.sidebar-header h1{font-size:1.3rem}.mmember-form{gap:1rem;grid-template-columns:1fr}.mmember-card{padding:1.5rem}.main-content{padding:1rem}.step-header h2{font-size:1.5rem}.form-actions{flex-direction:column}.review-item{grid-template-columns:1fr}.member-details{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.step-item{min-width:150px;padding:.75rem}.step-title{font-size:.8rem}.step-description{font-size:.7rem}.member-details{grid-template-columns:1fr}.mmember-card{padding:1rem}.mmember-header{align-items:flex-start;flex-direction:column;gap:.5rem}}.main-content::-webkit-scrollbar{width:6px}.main-content::-webkit-scrollbar-track{background:#f1f5f9}.main-content::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.main-content::-webkit-scrollbar-thumb:hover{background:#94a3b8}.page-login-page{align-items:center;background:#f5f5f5;background:var(--background-color);display:flex;height:100vh;justify-content:center}.divider{margin:10px}.container-login-page{align-items:center;background-color:#00204a;background-color:var(--primary-color);border-radius:20px;box-shadow:0 10px 30px #0000001a;display:flex;flex-direction:column;font-family:Inter,system-ui,sans-serif;max-width:90%;padding:40px;text-align:center;width:400px}.container-login-page h2{color:#fdb44b;color:var(--text-color);font-size:28px;font-weight:600;margin-bottom:10px}.container-login-page p{color:#666;font-size:16px;margin-bottom:30px}.form-group{margin-bottom:20px;text-align:left;width:100%}.form-group label{display:block;font-size:14px;margin-bottom:8px}.form-login{border:1px solid #ddd;border-radius:8px;box-sizing:border-box;color:#333;font-size:16px;padding:12px 10px;width:calc(100% - 20px)}.form-login:focus{border-color:#6a9aff;box-shadow:0 0 0 3px #6a9aff33;outline:none}.options-login{justify-content:space-between;margin-bottom:30px;width:100%}.options-login,.remember-me{align-items:center;display:flex}.remember-me{color:#555;font-size:14px}.remember-me input[type=checkbox]{cursor:pointer;height:16px;margin-right:8px;width:16px}.forgot-password{color:#6a9aff;font-size:14px;text-decoration:none}.forgot-password:hover{text-decoration:underline}.button-login{background:#fdb44b;background:var(--text-color);border:none;border-radius:8px;color:#00204a;color:var(--primary-color);cursor:pointer;font-size:18px;font-weight:600;margin-bottom:15px;padding:12px 20px;transition:all .2s ease;width:100%}.button-login:hover{box-shadow:0 6px 12px #4a7bff4d;transform:translateY(-2px)}.button-google-login{align-items:center;background-color:#fff;border:1px solid #ddd;border-radius:8px;color:#555;cursor:pointer;display:flex;font-size:16px;font-weight:500;justify-content:center;padding:12px 20px;transition:all .2s ease;width:100%}.button-google-login img{height:20px;margin-right:10px;width:20px}.button-google-login:hover{box-shadow:0 4px 8px #0000001a}.signup-link{color:#666;font-size:14px;margin-top:30px}.signup-link a{color:#6a9aff;font-weight:500;text-decoration:none}.signup-link a:hover{text-decoration:underline}.home-link{align-items:center;color:#6a9aff;display:flex;font-size:16px;left:30px;position:absolute;text-decoration:none;top:30px}.home-link:before{content:"<";font-weight:700;margin-right:5px}.home-link:hover{text-decoration:underline}.logo{align-items:center;color:#333;display:flex;font-size:24px;font-weight:700;gap:8px;margin-bottom:20px}.logo img{height:30px;width:30px}.admin-layout{background-color:#f5f5f5;background-color:var(--background-color);height:100vh}.admin-sidebar-desktop{background:#00204a;background:var(--primary-color);color:#fff;display:flex;flex-direction:column;height:100vh;left:0;overflow-x:scroll;overflow-y:auto;padding:24px;position:fixed;top:0;width:11%;z-index:10}.sidebar-logo{gap:12px;margin-bottom:32px}.logo-icon,.sidebar-logo{align-items:center;display:flex}.logo-icon{background-color:#fdb44b;background-color:var(--text-color);border-radius:8px;color:#00204a;color:var(--primary-color);font-weight:700;height:32px;justify-content:center;width:32px}.logo-text{font-size:16px;font-weight:600}.sidebar-nav{flex:1 1;margin-bottom:16px;overflow-y:auto}.nav-header-button{align-items:center;background:none;border:none;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;justify-content:space-between;letter-spacing:.05em;padding:8px 0;text-align:left;width:100%}.nav-header-button:hover{color:#00bbf0;color:var(--accent-color)}.toggle-icon{font-size:12px;margin-left:8px}.nav-header-button .nav-header{margin-bottom:0}.nav-section{display:flex;flex-direction:column;gap:8px}.nav-header{font-size:14px;font-weight:500;letter-spacing:.05em;margin-bottom:16px}.nav-items{display:flex;flex-direction:column;gap:4px}.nav-item{align-items:center;background:none;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:14px;gap:12px;padding:8px;text-align:left;transition:background-color .2s;width:100%}.nav-item:hover{background-color:#00bbf0;background-color:var(--accent-color)}.nav-item.active{background-color:#005792;background-color:var(--secondary-color)}.nav-bullet{background-color:#fdb44b;background-color:var(--text-color);border-radius:50%;height:8px;width:8px}.sidebar-bottom{flex-shrink:0;margin-top:auto;padding-top:16px}.bottom-header{font-size:14px;font-weight:500;letter-spacing:.05em;margin-bottom:8px}.bottom-description{color:#c4b5fd;font-size:12px;line-height:1.5;margin-bottom:16px}.logout-btn{background-color:#fdb44b;background-color:var(--text-color);border:none;border-radius:6px;color:#00204a;color:var(--primary-color);cursor:pointer;font-weight:500;padding:8px 16px;transition:background-color .2s;width:100%}.logout-btn:hover{background-color:#f59e0b}.admin-sidebar-overlay{background-color:#00204a;background-color:var(--primary-color);display:none;height:100%;left:0;position:fixed;top:0;width:100%;z-index:1000}.admin-sidebar-overlay.open{display:block}.admin-sidebar-overlay .admin-sidebar{background:#00204a;background:var(--primary-color);color:#fff;display:flex;flex-direction:column;height:100vh;overflow-y:auto;padding:24px;position:relative;width:150px}.close-btn{background:none;border:none;color:#fff;cursor:pointer;font-size:18px;padding:4px;position:absolute;right:16px;top:16px}.admin-content{display:flex;flex:1 1;flex-direction:column;margin-left:256px}.toggle-button{background-color:#00204a;background-color:var(--primary-color);border:none;border-radius:6px;color:#fff;cursor:pointer;display:none;font-weight:500;margin:16px;padding:12px 16px}.admin-main{flex:1 1;overflow-y:auto;padding:24px}@media (max-width:768px){.admin-sidebar-desktop{display:none}.admin-content{margin-left:0}.toggle-button{display:block}}@media (max-width:1024px) and (min-width:769px){.admin-sidebar-desktop{width:200px}.admin-content{margin-left:200px}}.family-viewer{max-width:80%}.family-profile-photo{border-radius:8px;height:100px;margin-bottom:10px;object-fit:cover;width:150px}.photo-family-detail{align-items:first baseline;display:flex;flex-direction:column}.upload-section-family{border-top:1px solid #eee;margin-top:20px;padding-top:15px;text-align:center}.upload-section-family input[type=file]{display:block;margin:10px auto;width:80%}.upload-section-family button{background-color:#28a745;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:.9em;margin-top:10px;padding:8px 15px}.upload-section-family button:disabled{background-color:#ccc;cursor:not-allowed}.delete-family-button{background-color:#dc3545;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:500;margin-top:15px;padding:10px 20px;transition:background-color .2s ease-in-out;width:100%}.delete-family-button:hover{background-color:#c82333}.toggle-family-list-button{background:#00204a;background:var(--primary-color);border:none;border-radius:8px;box-shadow:0 2px 4px #0000001a;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;margin:5px;padding:.75rem 1.5rem;transition:all .3s ease}.toggle-family-list-button:hover{background:#005792;background:var(--secondary-color);box-shadow:0 4px 6px #00000026;transform:translateY(-1px)}.button-group{margin-left:3rem}.button-collection{display:flex}.add-member-button{box-shadow:0 4px 10px #4343434d}.member-card{border-radius:8px;box-shadow:10px 10px 10px #0000000d;box-sizing:border-box;margin-bottom:0;overflow-y:hidden;padding:20px 20px 20px 40px;transition:transform .3s ease,box-shadow .3s ease;width:calc(25% - 1rem)}.container-member-families{box-shadow:inset 0 4px 8px #3c3b3b4d}.modal-content{box-shadow:0 0 15px #0000004d}.dashboard-container{align-items:flex-end;background-color:#00bbf0;background-color:var(--accent-color);display:flex;flex-direction:column;margin:10px 0 0}.h2-dashboard{align-items:center;border-color:#00204a;border-color:var(--primary-color);border-radius:20px;border-style:inset;border-width:1px;box-shadow:0 10px 2px #0000000d;color:#000;flex-direction:column;font-family:Roboto,sans-serif;font-size:3rem;padding:20px;width:800px}.dashboard-group,.h2-dashboard{background-color:#f5f5f5;background-color:var(--background-color);display:flex}.dashboard-group{border-radius:18px;box-shadow:0 2px 4px #0000000d;padding:1rem}.item-label{display:none}.name-item{size:2rem;font-family:Roboto,sans-serif;font-weight:700}.family-viewer{background:#f5f5f5;background:var(--background-color);border-radius:12px;color:#00204a;color:var(--primary-color);margin:2rem auto;max-width:100%;padding:2rem}.edit-member,.family-viewer{font-family:Segoe UI,Roboto,Helvetica Neue,sans-serif}.edit-member{font-size:15px;margin-left:2%}.divider{margin:30px}.nama-keluarga{font-size:1.2rem;font-weight:700;margin-top:10px}.nama-keluarga,.tanggal-pernikahan{font-family:Segoe UI,Roboto,Helvetica Neue,sans-serif;margin-bottom:5px;margin-left:4rem}.tanggal-pernikahan{font-size:1rem;font-weight:500}.family-viewer h2{color:#00204a;color:var(--primary-color);font-size:2rem;font-weight:600;margin-bottom:1.5rem;padding-bottom:.5rem;position:relative;text-align:center}.family-viewer h2:after{background:#fdb44b;background:var(--text-color);border-radius:2px;bottom:0;content:"";height:4px;left:50%;position:absolute;transform:translateX(-50%);width:80px}.search-container{display:flex;gap:.75rem;justify-content:center;margin-bottom:1.5rem}.search-input{border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 1px 2px #0000000d;font-size:1rem;padding:.75rem 1.25rem;transition:all .3s ease;width:300px}.search-input:focus{border-color:#3498db;box-shadow:0 0 0 3px #3498db33;outline:none}.search-button{background:#00204a;background:var(--primary-color);border:none;border-radius:8px;box-shadow:0 2px 4px #0000001a;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;margin:5px;padding:.75rem 1.5rem;transition:all .3s ease}.search-button:hover{background:#005792;background:var(--secondary-color);box-shadow:0 4px 6px #00000026;transform:translateY(-1px)}.add-button{background:#00204a;background:var(--primary-color);border:none;border-radius:8px;box-shadow:0 4px 10px #4343434d;color:#fff;cursor:pointer;height:30px;margin-inline:2px;margin-bottom:10px;padding:5px;width:100px}.add-button:hover{background:#005792;background:var(--secondary-color);font-weight:600;transform:translateY(-1px)}.error-message{background-color:#fdecea;border-left:4px solid #e74c3c;border-radius:6px;color:#e74c3c;font-weight:500;margin:1rem 0;padding:.75rem;text-align:center}.family-details h3{border-bottom:2px dashed #e2e8f0;color:#f5f5f5;color:var(--background-color);font-size:1.5rem;margin-bottom:1.5rem;margin-left:4rem;padding-bottom:1%;text-align:center}.add-member-button{background:#00204a;background:var(--primary-color);border:none;border-radius:8px;color:#fff;cursor:pointer;height:30px;margin-top:0;margin-inline-start:10px;margin-bottom:30px;padding:5px;width:150px}.add-member-button:hover{background:#005792;background:var(--secondary-color);font-weight:600;transform:translateY(-1px)}.members-list{display:flex;flex-wrap:wrap;gap:1rem;list-style:none;margin:0;padding:5}.member-card{background:#fff;border:1px solid #e2e8f0;border-radius:20px;box-shadow:0 8px 25px #00000014;height:fit-content;overflow:auto;padding:24px;position:relative;transition:all .3s ease}.member-card:before{background:#00204a;background:var(--primary-color);content:"";height:4px;left:0;position:absolute;right:0;top:0}.member-card:hover{border-color:1px solid #005792;border-color:1px solid var(--secondary-color);box-shadow:0 4px 50px #0000001a;transform:translateY(-3px)}.member-card strong{color:#2c3e50;display:block;font-size:1.2rem;margin-bottom:.75rem}.member-detail{color:#4a5568;font-size:.95rem;font-size:.8rem;line-height:.9;margin-bottom:.5rem}.member-detail-label{color:#718096;display:contents;font-size:.8rem;font-weight:500;min-width:140px}.member-divider{background:linear-gradient(90deg,#0000,#e2e8f0,#0000);border:none;height:1px;margin:1.5rem 0}.profile-photo{border-radius:8px;height:100px;margin-bottom:10px;object-fit:cover;width:100px}.no-members{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000000d;color:#718096;padding:1.5rem;text-align:center}.container-member-families{background-color:#e4eff8;border-radius:10px;display:flex;flex-wrap:wrap;padding:20px}.members-list-families{display:flex;flex-wrap:wrap;font-family:Segoe UI,Roboto,Helvetica Neue,sans-serif;gap:.5rem;list-style-type:none;padding:0}.members-list-families li{padding:6px 0}.bold-family{font-weight:700}.modal-overlay{animation:modalEnter .3s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0009;height:100%;width:100%}.modal-form{display:inline;margin:10px}.modal-content{border-radius:12px;height:400px;overflow-y:scroll;padding:2rem;width:400px}.modal-content input{border:1px solid #ccc;border-radius:6px;display:block;margin:.5rem 0;padding:.6rem;width:90%}.modal-actions{gap:1rem;margin-top:1rem}.modal-actions button{background-color:#00204a;background-color:var(--primary-color);border:none;border-radius:6px;color:#fff;cursor:pointer;padding:.5rem 1rem}.modal-actions button:hover{background-color:#005792;background-color:var(--secondary-color);transform:translateY(-1px)}.modal-actions button:last-child{background-color:#ccc;color:#333}.modal-submit{background:linear-gradient(135deg,#10b981,#3b82f6);border:none;border-radius:8px;box-shadow:0 4px 10px #4343434d;color:#fff;cursor:pointer;height:30px;margin-right:20px;margin-top:20px;padding:5px;transition:.3s ease;width:100px}.modal-submit:hover{transform:translateY(-2px);transition:.3s ease}@media (max-width:768px){.search-container{align-items:center;flex-direction:column}.modal-content{background:#fff;border-radius:12px;box-shadow:0 0 15px #0000004d;height:550px;overflow-y:scroll;padding:2rem;width:260px}.family-details h3{font-size:15px;margin:0}.tanggal-pernikahan{font-size:10px}.member-card{max-height:300px;overflow-y:scroll}.family-viewer{width:100%}.members-list{padding:1px;width:270px}.member-card{width:400px}.search-input{width:100%}.member-detail-label{display:block;margin-bottom:.25rem;min-width:120px}.container-csv{padding:10%;width:90%}.search-button-upload{padding:10px;width:100px}.search-button-csv{width:120px}}.page-all{align-items:center;display:flex;flex-direction:column}.h2{color:#00204a;color:var(--primary-color);font-weight:600;margin-bottom:1.5rem;padding-bottom:.5rem;position:relative;text-align:center}.h2:after{background:#00204a;background:var(--primary-color);border-radius:2px;display:none;height:4px;width:80px}.upload-container{background-color:#f5f5f5;background-color:var(--background-color);border:1px solid #00204a;border:1px solid var(--primary-color);border-radius:8px;display:flex;flex-direction:column;gap:15px;padding:30px 10px 10px 30px;width:80%}.upload-container input[type=file]{border:1px solid #ccc;border-radius:4px;box-sizing:border-box;padding:10px;width:100%}.button-upload{background:#00204a;background:var(--primary-color);border:none;border-radius:4px;cursor:pointer;font-size:16px;padding:10px 15px;transition:background-color .3s ease;width:100%}.button-upload,.button-upload:hover{color:#f5f5f5;color:var(--background-color)}.button-upload:hover{background:#005792;background:var(--secondary-color);font-weight:600;transform:translateY(-1px)}.button-download{border:none;border-radius:4px;cursor:pointer;display:none;font-size:16px;padding:10px;transition:background-color .3s ease}.progress-bar-container{background:#f5f5f5;background:var(--background-color);border-radius:5px;margin-top:20px}.progress-bar{background:#00204a;background:var(--primary-color);border-radius:5px;box-sizing:border-box;color:#f5f5f5;color:var(--background-color);overflow:hidden;padding:8px;transition:width .3s ease;white-space:nowrap}*{-webkit-user-drag:none;-webkit-user-select:none;user-select:none}.admin-layout{display:flex}.loading-container{position:relative}.loading-container:before{animation:shimmer 2s infinite;background:linear-gradient(90deg,#0000,#fff6,#0000);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:1}.member-count.loading-text{animation:pulse 2s infinite;color:#a0aec0}.loading-spinner{align-items:center;display:inline-flex;justify-content:center}.loading-spinner.small{height:16px;width:16px}.loading-spinner.medium{height:24px;width:24px}.spinner{animation:spin 1s linear infinite;border:2px solid #e2e8f0;border-radius:50%;border-top-color:#667eea;height:100%;width:100%}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.skeleton-row{animation:skeletonPulse 1.5s ease-in-out infinite}.skeleton-cell{animation:skeletonShimmer 1.5s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;border-radius:4px;height:20px;margin:4px 0}@keyframes skeletonShimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes skeletonPulse{0%,to{opacity:1}50%{opacity:.7}}.container-body.table-animating{overflow:hidden;position:relative}.container-body.table-animating:before{animation:slideRight .6s ease-out;background:linear-gradient(90deg,#0000,#667eea1a,#0000);content:"";height:100%;left:-100%;pointer-events:none;position:absolute;top:0;width:100%;z-index:1}@keyframes slideRight{0%{left:-100%}to{left:100%}}.table-row.row-animating{animation:fadeInUp .4s ease-out forwards;opacity:0;transform:translateY(20px)}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}.button-export:disabled{cursor:not-allowed;opacity:.6;position:relative}.button-export:disabled:hover{box-shadow:none;transform:none}.filter-container input:disabled,.filter-container select:disabled,.modal input:disabled{background-color:#f7fafc;cursor:not-allowed;opacity:.6}.pagination button:disabled{opacity:.5}.pagination span{transition:all .3s ease}@keyframes shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.loading-text{position:relative}.loading-text:after{animation:dots 1.5s infinite;content:""}@keyframes dots{0%,20%{content:""}40%{content:"."}60%{content:".."}80%,to{content:"..."}}.button-export,.input-form-filter,.select{transition:all .3s ease}.loading-overlay{align-items:center;background:#fffc;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:10}@keyframes successPulse{0%{box-shadow:0 0 0 0 #10b981b3;transform:scale(1)}70%{box-shadow:0 0 0 10px #10b98100;transform:scale(1.05)}to{box-shadow:0 0 0 0 #10b98100;transform:scale(1)}}@keyframes errorShake{0%,to{transform:translateX(0)}10%,30%,50%,70%,90%{transform:translateX(-5px)}20%,40%,60%,80%{transform:translateX(5px)}}@media (max-width:768px){.skeleton-cell{height:16px}.loading-spinner.small{height:14px;width:14px}.table-row.row-animating{animation-duration:.3s}}@media (prefers-color-scheme:dark){.skeleton-cell{background:linear-gradient(90deg,#2d3748 25%,#4a5568 50%,#2d3748 75%)}.loading-container:before{background:linear-gradient(90deg,#0000,#0006,#0000)}}.table-row:first-child{animation-delay:0ms}.table-row:nth-child(2){animation-delay:50ms}.table-row:nth-child(3){animation-delay:.1s}.table-row:nth-child(4){animation-delay:.15s}.table-row:nth-child(5){animation-delay:.2s}.table-row:nth-child(6){animation-delay:.25s}.table-row:nth-child(7){animation-delay:.3s}.table-row:nth-child(8){animation-delay:.35s}.table-row:nth-child(9){animation-delay:.4s}.table-row:nth-child(10){animation-delay:.45s}.empty-state-loading{animation:pulse 2s infinite;color:#a0aec0;padding:48px 24px;text-align:center}.empty-state-loading:before{content:"⏳";display:block;font-size:3rem;margin-bottom:16px}.container-body{background:#f5f5f5;background:var(--background-color);border-radius:10px 10px 10px 10px;box-shadow:inset 1px 1px 20px 10px #00000014;font-family:Segoe UI,Roboto,Helvetica Neue,sans-serif;margin:5px;overflow-y:scroll;padding:2rem 2rem 0}h2{color:#00204a;color:var(--primary-color);font-size:1.8rem;margin-bottom:25px;padding-bottom:12px;position:relative;text-align:center}h2:after{background:#fdb44b;background:var(--text-color);border-radius:2px;display:none;height:4px;width:80px}.filter-container{align-items:normal;flex-direction:column;margin:20px 0;width:100%}.filter-row{display:flex;flex-wrap:wrap;gap:5px;justify-content:flex-start}.filter-text{background-color:#f5f5f5;background-color:var(--background-color);border-radius:5px;color:#00204a;color:var(--primary-color);font-family:Verdana,Geneva,Tahoma,sans-serif;font-size:.8rem;font-weight:600;height:15px;padding:3px 5px 5px}.input-checkbox{height:15px;margin:5px 20px 0 0;width:15px}.select{font-size:small;padding:0;width:6rem}.input-form-filter,.select{border-radius:5px;height:25px}.input-form-filter{font-size:.9rem;font-style:oblique;width:10rem}.input-form{border:1px solid #ccc;border-radius:6px;display:block;margin:.5rem 0;padding:.6rem;width:90%}.button-export{size:10px;background-color:#00204a;background-color:var(--primary-color);border:none;border-radius:5px;color:#ebf8ff;cursor:pointer;margin:5px 5px 15px;padding:5px;transition:all .3 ease}.button-export:hover{background:#005792;background:var(--secondary-color);font-weight:400;transform:translateY(-1px);transition:all .3 ease-in-out}.container-body{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 3px #0000001a;margin:0 0 24px;max-width:100%;overflow:scroll;padding:0}table{background-color:#fff;border-collapse:collapse;border-color:#0000;font-size:.875rem;width:100%}thead{background:linear-gradient(135deg,#f7fafc,#edf2f7)}th,thead{color:#4a5568}th{border-bottom:1px solid #e2e8f0;cursor:pointer;font-size:.85rem;font-weight:600;max-width:none;padding:16px 12px;position:relative;text-align:left;transition:background-color .2s ease;white-space:nowrap}th:hover{background-color:#667eea0d}td{border-bottom:1px solid #f1f5f9;color:#2d3748;font-size:.78rem;padding:12px;vertical-align:middle}tbody tr{height:auto;transition:background-color .2s ease}td .button-export{border-radius:7px;font-size:.7rem;margin:2px;padding:6px 10px}td .button-export:first-child{background-color:#00bbf0;background-color:var(--accent-color)}td .button-export:first-child:hover{background-color:#005792;background-color:var(--secondary-color)}td .button-export:last-child{background-color:#00204a;background-color:var(--primary-color)}td .button-export:last-child:hover{background-color:red}.button-save{background-color:#2c7be5;border:none;border-radius:6px;color:#fff;cursor:pointer;margin-left:0;margin-right:10px;margin-top:25px;padding:.5rem 1rem}.button-save:hover{background-color:#38a169;box-shadow:0 2px 4px #0000001a;transform:translateY(-1px)}.delete-btn{background-color:#f56565;color:#fff}.delete-btn:hover{background-color:#e53e3e;box-shadow:0 2px 4px #0000001a;transform:translateY(-1px)}.modal-backdrop{align-items:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background-color:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.modal{animation:modalEnter .3s ease-out;background:#fff;border-radius:12px;box-shadow:0 0 15px #0000004d;height:400px;overflow-y:scroll;padding:2rem;width:400px}@keyframes modalEnter{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.modal h3{color:#2d3748;font-size:1.4rem;font-weight:600;margin-bottom:20px;text-align:center}.modal-actions{gap:10px;margin-top:25px}.modal-btn{border:none;border-radius:6px;cursor:pointer;font-size:.95rem;font-weight:500;padding:10px 18px;transition:all .2s ease}.input-form{font-size:1rem;margin:0;width:300px}.confirm-btn,.input-form{font-family:Segoe UI,Roboto,Helvetica Neue,sans-serif}.confirm-btn{background-color:#075ea6;border-radius:5px;color:#fff;margin:3px;width:100px}.confirm-btn:hover{background-color:#5291cb;transform:translateY(-1px)}.cancel-btn{background-color:#a00000;border-radius:5px;color:#fff;font-family:Segoe UI,Roboto,Helvetica Neue,sans-serif;margin:3px;width:100px}.cancel-btn:hover{background-color:red;transform:translateY(-1px)}.pagination{align-items:center;display:flex;gap:15px;justify-content:center;margin-top:20px}.pagination button{background-color:#0bc4ab;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:6px 12px}.pagination button:disabled{background-color:#ccc;cursor:not-allowed}@media (max-width:768px){.filter-controls{align-items:stretch;flex-direction:column}.filter-group{width:100%}.filter-group,.filter-group select{max-width:none}.table-wrapper{max-height:500px}td,th{padding:10px 12px}}.admin-layout{display:block}body{color:#00204a;color:var(--primary-color)}.page-flow-manage-groups,body{background-color:#f5f5f5;background-color:var(--background-color)}.page-flow-manage-groups{margin:0 auto;max-width:1200px;min-height:100vh;padding:32px 24px}.page-flow-manage-groups>div:first-child{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 6px #0000000d;display:flex;justify-content:space-between;margin-bottom:32px;padding:24px 32px}h2{color:#1a202c;font-size:2rem;gap:12px;margin:0}.button-manage,h2{align-items:center;display:flex;font-weight:600}.button-manage{background:#00204a;background:var(--primary-color);border:none;border-radius:12px;box-shadow:0 4px 15px #667eea4d;color:#fff;cursor:pointer;font-size:.875rem;gap:8px;padding:12px 24px;transition:all .3s ease}.button-manage:hover{box-shadow:0 8px 25px #667eea66;transform:translateY(-2px)}.container-list-member{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));margin-top:24px}.member-card-grup{background:#fff;border:1px solid #e2e8f0;border-radius:20px;box-shadow:0 8px 25px #00000014;overflow:hidden;padding:24px;position:relative;transition:all .3s ease}.member-card-grup:before{background:#00204a;background:var(--primary-color);content:"";height:4px;left:0;position:absolute;right:0;top:0}.member-card-grup:hover{box-shadow:0 12px 35px #0000001f;transform:translateY(-4px)}.Member-text-top{align-items:center;color:#1a202c;display:flex;font-size:1.25rem;font-weight:700;gap:8px;margin-bottom:12px}.Member-text-top:before{content:"👥";font-size:1.5rem}.Member-text{color:#00204a;color:var(--primary-color);font-size:.875rem;line-height:1.5;margin-bottom:12px}.Member-text ul{list-style:none;margin:8px 0;max-height:120px;overflow-y:auto;padding:0}.Member-text li{align-items:center;background:#f7fafc;border-left:3px solid #00bbf0;border-left:3px solid var(--accent-color);border-radius:8px;display:flex;font-size:.8rem;justify-content:space-between;margin:4px 0;padding:8px 12px}.remove-member-group{align-items:center;background:#fed7d7;border:none;border-radius:50%;color:#c53030;cursor:pointer;display:flex;font-size:.7rem;height:20px;justify-content:center;transition:all .2s ease;width:20px}.remove-member-group:hover{background:#feb2b2;transform:scale(1.1)}.button-member-manage{align-items:center;background:#fff;border:2px solid #005792;border:2px solid var(--secondary-color);border-radius:8px;color:#005792;color:var(--secondary-color);cursor:pointer;display:inline-flex;font-size:.75rem;font-weight:600;gap:4px;margin:4px 4px 4px 0;padding:8px 16px;transition:all .2s ease}.button-member-manage:hover{background:#005792;background:var(--secondary-color);box-shadow:0 4px 12px #667eea4d;color:#fff;transform:translateY(-1px)}.member-card-grup>div:last-child{border-top:1px solid #e2e8f0;display:flex;gap:8px;margin-top:16px;padding-top:16px}.modal-backdrop-groups{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-container-groups{animation:modalSlideIn .3s ease-out;background:#fff;border-radius:20px;box-shadow:0 25px 50px #00000040;max-height:80vh;max-width:500px;overflow-y:auto;padding:32px;width:90%}.modal-container-groups h3{color:#1a202c;font-size:1.5rem;font-weight:700;margin-bottom:24px;text-align:center}.input-search,.modal-container-groups input,.modal-container-groups textarea{border:2px solid #e2e8f0;border-radius:12px;font-family:inherit;font-size:.875rem;margin-bottom:16px;padding:12px 16px;transition:all .2s ease;width:100%}.input-search:focus,.modal-container-groups input:focus,.modal-container-groups textarea:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.modal-container-groups textarea{min-height:100px;resize:vertical}.search-results-group{height:fit-content;overflow-y:auto}.search-result-group-item{background:#fff;border:1px solid #e2e8f0;border-radius:8px;cursor:pointer;font-size:10px;margin-bottom:8px;padding:12px 16px;transition:all .2s ease}.search-result-group-item:hover{background:#f7fafc;border-color:#667eea}.search-result-group-item.selected-member{background:#ebf8ff;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.search-result-group-item p{color:#2d3748;font-weight:500;margin:0}.button-member-manage-modal,.button-modal-groups{background:#667eea;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:.875rem;font-weight:600;margin:8px 8px 0 0;padding:12px 24px;transition:all .2s ease}.button-member-manage-modal:hover,.button-modal-groups:hover{background:#5a67d8;box-shadow:0 4px 12px #667eea4d;transform:translateY(-1px)}.button-member-manage-modal:first-child,.button-modal-groups:first-child{background:#e2e8f0;color:#4a5568}.button-member-manage-modal:first-child:hover,.button-modal-groups:first-child:hover{background:#cbd5e0}.button-modal-groups:disabled{background:#e2e8f0;box-shadow:none;color:#a0aec0;cursor:not-allowed;transform:none}.modal-container-groups>div:last-child{border-top:1px solid #e2e8f0;display:flex;gap:12px;justify-content:flex-end;margin-top:24px;padding-top:20px}.modal-container-groups form{display:flex;flex-direction:column}.Member-text ul::-webkit-scrollbar,.modal-container-groups::-webkit-scrollbar,.search-results::-webkit-scrollbar{width:6px}.Member-text ul::-webkit-scrollbar-track,.modal-container-groups::-webkit-scrollbar-track,.search-results::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}.Member-text ul::-webkit-scrollbar-thumb,.modal-container-groups::-webkit-scrollbar-thumb,.search-results::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:3px}.Member-text ul::-webkit-scrollbar-thumb:hover,.modal-container-groups::-webkit-scrollbar-thumb:hover,.search-results::-webkit-scrollbar-thumb:hover{background:#a0aec0}.container-list-member:empty:after{background:#fff;border:2px dashed #e2e8f0;border-radius:16px;color:#a0aec0;content:'📚 No groups created yet. Click "Buat Komunitas" to get started!';display:block;font-style:italic;padding:48px 24px;text-align:center}@media (max-width:768px){.page-flow-manage-groups{padding:16px}.page-flow-manage-groups>div:first-child{align-items:stretch;flex-direction:column;gap:16px;padding:20px}.container-list-member{gap:16px;grid-template-columns:1fr}.member-card-grup{padding:20px}.modal-container-groups{margin:20px;padding:24px;width:95%}h2{font-size:1.5rem;text-align:center}.button-manage{justify-content:center;width:100%}}@media (max-width:480px){.member-card-grup>div:last-child{flex-direction:column}.button-member-manage{justify-content:center;margin:4px 0;width:100%}.Member-text-top{font-size:1.1rem}.modal-container-groups>div:last-child{flex-direction:column}.button-member-manage-modal,.button-modal-groups{margin:4px 0;width:100%}}.button-manage:focus,.button-member-manage-modal:focus,.button-member-manage:focus,.button-modal-groups:focus{outline:2px solid #667eea;outline-offset:2px}.member-card-grup{animation:cardFadeIn .5s ease-out}@keyframes cardFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.button-member-manage[class*=\1F4E2]{background:linear-gradient(135deg,#48bb78,#38a169);border:none;color:#fff}.button-member-manage[class*=\1F4E2]:hover{background:linear-gradient(135deg,#38a169,#2f855a)}.button-member-manage[class*=\1F5D1\FE0F]{background:#fff;border-color:#e53e3e;color:#e53e3e}.button-member-manage[class*=\1F5D1\FE0F]:hover{background:#e53e3e;color:#fff}body{color:#2d3748;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.6}.p-4,body{background-color:#f8fafc}.p-4{margin:0 auto;max-width:1400px;min-height:100vh;padding:32px 24px}.h2{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 6px #0000000d;color:#1a202c;display:flex;font-size:2rem;font-weight:700;gap:12px;margin-bottom:32px;padding:24px 32px}.h2:before{content:"📊";font-size:2rem}.filter-container{align-items:center;background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;display:flex;flex-wrap:wrap;gap:16px;margin-bottom:24px;padding:20px}.filter-input{border:1px solid #e2e8f0;border-radius:8px;flex-grow:1;font-size:.875rem;padding:10px 14px;transition:box-shadow .2s,border-color .2s}.filter-input:focus{border-color:#005792;border-color:var(--secondary-color);box-shadow:0 0 0 3px #0057921a;outline:none}.min-w-full{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 3px #0000001a;margin:0 0 24px;max-width:100%;overflow:scroll;padding:0}table.min-w-full{background-color:#fff;border-collapse:collapse;border-color:#0000;font-size:.875rem;width:100%}.bg-gray-200{background:linear-gradient(135deg,#f7fafc,#edf2f7);color:#4a5568}thead tr{background-color:#f5f5f5;background-color:var(--background-color);border-bottom:1px solid #e2e8f0;color:#4a5568;font-size:.85rem;max-width:none;padding:16px 12px;transition:background-color .2s ease;white-space:nowrap}th.px-4.py-2,thead tr{cursor:pointer;font-weight:600;position:relative;text-align:left}th.px-4.py-2{border:none;color:#00204a;color:var(--primary-color);font-size:.875rem;letter-spacing:.5px;padding:20px 24px;text-transform:uppercase}th.px-4.py-2 .sort-indicator{color:#00bbf0;color:var(--accent-color);font-size:1.2em;margin-left:8px}th.px-4.py-2:after{background:#fff3;bottom:0;content:"";height:1px;left:24px;position:absolute;right:24px}th.px-4.py-2:last-child:after{display:none}tbody{background:#fff}tbody tr{border-bottom:1px solid #f1f5f9;transition:all .2s ease}tbody tr:nth-child(2n){background-color:#f8fafc}tbody tr:hover{background-color:#ebf8ff;box-shadow:4px 0 0 #667eea;transform:translateX(4px)}td.px-4.py-2{border:none;color:#2d3748;font-size:.875rem;padding:16px 24px;vertical-align:middle}tbody tr td:first-child{color:#1a202c;font-weight:600}tbody tr td:nth-child(2){color:#4a5568;font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,Courier New,monospace}tbody tr td:nth-child(3){font-weight:500}tbody tr td:nth-child(3):before{background-color:#48bb78;border-radius:50%;content:"";display:inline-block;height:8px;margin-right:8px;width:8px}tbody tr td:nth-child(3)[data-status=late]:before,tbody tr:has(td:nth-child(3):contains("Late")):before{background-color:#ed8936}tbody tr td:nth-child(4){color:#718096;font-style:italic;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-center.py-4.text-gray-500{background:#f8fafc;border:2px dashed #e2e8f0;border-radius:12px;color:#a0aec0;font-style:italic;margin:24px;padding:48px 24px;text-align:center}.text-center.py-4.text-gray-500:before{content:"📋";display:block;font-size:3rem;margin-bottom:16px;opacity:.5}.border-b{border-bottom:1px solid #f1f5f9}@media (max-width:768px){.p-4{padding:16px}.filter-container{align-items:stretch;flex-direction:column}.h2{font-size:1.5rem;padding:20px;text-align:center}.min-w-full{border-radius:12px}table.min-w-full,tbody,td,th,thead,tr{display:block}thead tr{left:-9999px;position:absolute;top:-9999px}tbody tr{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 8px #0000000d;margin-bottom:16px;padding:16px}tbody tr:hover{box-shadow:0 4px 12px #0000001a;transform:none}td.px-4.py-2{border:none;padding:8px 0 8px 120px;position:relative;text-align:left}td.px-4.py-2:before{color:#4a5568;content:attr(data-label);font-size:.75rem;font-weight:600;left:0;letter-spacing:.5px;padding-right:10px;position:absolute;text-transform:uppercase;white-space:nowrap;width:110px}td.px-4.py-2:first-child:before{content:"Member:"}td.px-4.py-2:nth-child(2):before{content:"Date:"}td.px-4.py-2:nth-child(3):before{content:"Status:"}td.px-4.py-2:nth-child(4):before{content:"Notes:"}tbody tr td:nth-child(4){max-width:none;white-space:normal}}@media (max-width:480px){.h2{font-size:1.25rem;padding:16px}tbody tr{padding:12px}td.px-4.py-2{font-size:.8rem;padding-left:100px}td.px-4.py-2:before{font-size:.7rem;width:90px}}.loading{opacity:.6;pointer-events:none}.loading tbody tr{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.min-w-full::-webkit-scrollbar{height:8px}.min-w-full::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}.min-w-full::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:4px}.min-w-full::-webkit-scrollbar-thumb:hover{background:#a0aec0}tbody tr:focus{outline:2px solid #667eea;outline-offset:2px}tbody tr{animation:rowFadeIn .5s ease-out}@keyframes rowFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.status-present{background-color:#c6f6d5;color:#276749}.status-absent,.status-present{border-radius:12px;display:inline-block;font-size:.75rem;font-weight:500;padding:4px 8px}.status-absent{background-color:#fed7d7;color:#c53030}.status-late{background-color:#feebc8;border-radius:12px;color:#c05621;display:inline-block;font-size:.75rem;font-weight:500;padding:4px 8px}@media print{.p-4{background:#fff;padding:0}.h2{background:none;border:none;box-shadow:none;color:#000}.min-w-full{border:1px solid #000;box-shadow:none}thead tr{background:#f0f0f0!important;color:#000!important}tbody tr:hover{background:none!important;box-shadow:none!important;transform:none!important}.filter-container{display:none}}.react-calendar{background:#fff;border:1px solid #a0a096;font-family:Arial,Helvetica,sans-serif;line-height:1.125em;max-width:100%;width:350px}.react-calendar--doubleView{width:700px}.react-calendar--doubleView .react-calendar__viewContainer{display:flex;margin:-.5em}.react-calendar--doubleView .react-calendar__viewContainer>*{margin:.5em;width:50%}.react-calendar,.react-calendar *,.react-calendar :after,.react-calendar :before{box-sizing:border-box}.react-calendar button{border:0;margin:0;outline:none}.react-calendar button:enabled:hover{cursor:pointer}.react-calendar__navigation{height:44px;margin-bottom:1em}.react-calendar__navigation button{background:none;min-width:44px}.react-calendar__navigation button:disabled{background-color:#f0f0f0}.react-calendar__navigation button:enabled:focus,.react-calendar__navigation button:enabled:hover{background-color:#e6e6e6}.react-calendar__month-view__weekdays{font:inherit;font-size:.75em;font-weight:700}.react-calendar__month-view__weekdays__weekday{padding:.5em}.react-calendar__month-view__weekNumbers .react-calendar__tile{align-items:center;display:flex;font:inherit;font-size:.75em;font-weight:700;justify-content:center}.react-calendar__month-view__days__day--weekend{color:#d10000}.react-calendar__century-view__decades__decade--neighboringCentury,.react-calendar__decade-view__years__year--neighboringDecade,.react-calendar__month-view__days__day--neighboringMonth{color:#757575}.react-calendar__century-view .react-calendar__tile,.react-calendar__decade-view .react-calendar__tile,.react-calendar__year-view .react-calendar__tile{padding:2em .5em}.react-calendar__tile{background:none;font:inherit;font-size:.833em;max-width:100%;padding:10px 6.6667px;text-align:center}.react-calendar__tile:disabled{background-color:#f0f0f0;color:#ababab}.react-calendar__century-view__decades__decade--neighboringCentury:disabled,.react-calendar__decade-view__years__year--neighboringDecade:disabled,.react-calendar__month-view__days__day--neighboringMonth:disabled{color:#cdcdcd}.react-calendar__tile:enabled:focus,.react-calendar__tile:enabled:hover{background-color:#e6e6e6}.react-calendar__tile--now{background:#ffff76}.react-calendar__tile--now:enabled:focus,.react-calendar__tile--now:enabled:hover{background:#ffffa9}.react-calendar__tile--hasActive{background:#76baff}.react-calendar__tile--hasActive:enabled:focus,.react-calendar__tile--hasActive:enabled:hover{background:#a9d4ff}.react-calendar__tile--active{background:#006edc;color:#fff}.react-calendar__tile--active:enabled:focus,.react-calendar__tile--active:enabled:hover{background:#1087ff}.react-calendar--selectRange .react-calendar__tile--hover{background-color:#e6e6e6}.devotion-calendar-container{background-color:#f8fafc;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;margin:0 auto;max-width:1200px;min-height:100vh;padding:24px}.devotion-calendar-container h2{color:#1e293b;font-size:28px;font-weight:600;letter-spacing:-.025em;margin-bottom:32px}.modern-calendar{background:#fff;border:none;border-radius:16px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;font-family:inherit;margin:0 auto;max-width:900px;padding:32px;width:100%}.react-calendar__navigation{align-items:center;display:flex;height:60px;justify-content:space-between;margin-bottom:32px;padding:0 8px}.react-calendar__navigation__label{background:none;border:none;border-radius:8px;color:#1e293b;cursor:pointer;font-size:24px;font-weight:600;padding:8px 16px;transition:all .2s ease}.react-calendar__navigation__label:hover{background-color:#f1f5f9}.react-calendar__navigation__arrow{align-items:center;background:none;border:none;border-radius:50%;color:#64748b;display:flex;font-size:18px;font-weight:500;height:44px;justify-content:center;min-width:44px;transition:all .2s ease}.react-calendar__navigation__arrow:hover{background-color:#f1f5f9;color:#1e293b;transform:scale(1.1)}.react-calendar__navigation__arrow:disabled{background-color:initial;color:#cbd5e1;transform:none}.react-calendar__month-view__weekdays{color:#64748b;font-size:12px;font-weight:600;letter-spacing:.1em;margin-bottom:16px;text-align:center;text-transform:uppercase}.react-calendar__month-view__weekdays__weekday{border-bottom:none;padding:16px 8px}.react-calendar__month-view__weekdays__weekday abbr{text-decoration:none}.react-calendar__month-view__days{grid-gap:8px;display:grid!important;gap:8px;grid-template-columns:repeat(7,1fr)}.react-calendar__month-view__days__day{align-items:flex-start;background:#fafbfc;border:none;border-radius:12px;color:#1e293b;cursor:pointer;display:flex;flex-direction:column;font-size:16px;font-weight:500;height:80px;justify-content:flex-start;overflow:hidden;padding:8px;position:relative;transition:all .2s ease}.react-calendar__month-view__days__day:hover{background-color:#f1f5f9;box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.react-calendar__month-view__days__day--neighboringMonth{background-color:#f8fafc;color:#cbd5e1}.react-calendar__month-view__days__day--neighboringMonth:hover{background-color:#f1f5f9;color:#94a3b8}.react-calendar__tile--now{background:linear-gradient(135deg,#f59e0b,#d97706)!important;box-shadow:0 4px 12px #f59e0b4d;color:#fff!important;font-weight:600}.react-calendar__tile--now:hover{box-shadow:0 6px 16px #f59e0b66;transform:translateY(-2px)}.react-calendar__tile--active{background:linear-gradient(135deg,#3b82f6,#1d4ed8)!important;border-color:#3b82f6!important;box-shadow:0 4px 12px #3b82f64d;color:#fff!important}.react-calendar__tile--active:hover{box-shadow:0 6px 16px #3b82f666;transform:translateY(-2px)}.devotion-indicators{display:flex;flex-direction:column;gap:2px;margin-top:4px;width:100%}.devotion-dot{align-items:center;border-radius:2px;display:flex;font-size:8px;font-weight:500;height:4px;justify-content:center;margin-bottom:1px;width:100%}.devotion-dot.immediate{background:linear-gradient(90deg,#10b981,#059669);box-shadow:0 1px 3px #10b9814d}.devotion-dot.scheduled{background:linear-gradient(90deg,#8b5cf6,#7c3aed);box-shadow:0 1px 3px #8b5cf64d}.devotion-count{color:#64748b;font-size:8px;font-weight:600;margin-top:2px;text-align:center}.react-calendar__tile--hasActive .devotion-indicators{opacity:.9}.calendar-legend{background:#f8fafc;border-radius:12px;display:flex;flex-wrap:wrap;gap:24px;justify-content:center;margin-top:24px;padding:16px}.legend-item{align-items:center;color:#64748b;display:flex;font-size:12px;font-weight:500;gap:8px}.legend-dot{border-radius:6px;box-shadow:0 1px 3px #0003;height:12px;width:12px}.legend-dot.immediate{background:linear-gradient(135deg,#10b981,#059669)}.legend-dot.scheduled{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.legend-dot.today{background:linear-gradient(135deg,#f59e0b,#d97706)}.legend-dot.selected{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.modal-content{animation:modalSlideIn .3s ease-out;background:#fff;border-radius:16px;box-shadow:0 25px 50px -12px #00000040;display:flex;flex-direction:column;max-height:90vh;max-width:800px;overflow-y:auto;width:100%}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{align-items:center;border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between;margin-bottom:24px;padding:24px 32px 0}.modal-header h3{color:#1e293b;font-size:24px;font-weight:600;margin:0}.modal-close{background:none;border:none;border-radius:4px;color:#64748b;cursor:pointer;font-size:24px;padding:4px;transition:all .2s ease}.modal-close:hover{background-color:#f1f5f9;color:#1e293b}.modal-body{flex:1 1;padding:0 32px}.form-section{margin-bottom:32px}.section-label{color:#374151;display:block;font-size:14px;font-weight:600;letter-spacing:.05em;margin-bottom:12px;text-transform:uppercase}.section-row{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 1fr;margin-bottom:16px}.template-selector{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:8px;display:flex;padding:12px 16px;position:relative;transition:all .2s ease}.template-selector:focus-within{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.template-icon{color:#6b7280;font-size:16px;margin-right:12px}.template-dropdown{background:none;border:none;color:#374151;cursor:pointer;flex:1 1;font-size:14px;outline:none}.dropdown-arrow{color:#6b7280;font-size:12px;margin-left:8px}.form-input,.form-select{background-color:#fff;border:2px solid #e5e7eb;border-radius:8px;font-family:inherit;font-size:14px;padding:12px 16px;transition:all .2s ease;width:100%}.form-input:focus,.form-select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.schedule-group{align-items:center;display:flex;gap:12px}.time-input{border:2px solid #e5e7eb;border-radius:6px;font-size:14px;min-width:120px;padding:8px 12px}.tags-container{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.tag{align-items:center;background-color:#f3f4f6;border:1px solid #e5e7eb;border-radius:20px;color:#374151;display:inline-flex;font-size:12px;font-weight:500;padding:6px 12px}.editor-toolbar{align-items:center;background-color:#f9fafb;border:solid #e5e7eb;border-radius:8px 8px 0 0;border-width:2px 2px 1px;display:flex;gap:8px;padding:12px 16px}.toolbar-group{display:flex;gap:4px}.toolbar-btn{align-items:center;background:none;border:none;border-radius:4px;color:#6b7280;cursor:pointer;display:flex;font-size:14px;height:32px;justify-content:center;min-width:32px;padding:6px 8px;transition:all .2s ease}.toolbar-btn:hover{background-color:#e5e7eb;color:#374151}.toolbar-separator{background-color:#d1d5db;height:24px;margin:0 4px;width:1px}.content-editor{border:2px solid #e5e7eb;border-radius:0 0 8px 8px;border-top:none;font-family:inherit;font-size:14px;line-height:1.6;min-height:200px;padding:16px;resize:vertical;transition:all .2s ease;width:100%}.content-editor:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.export-options{align-items:center;background-color:#f8fafc;border:2px solid #e5e7eb;border-radius:8px;display:flex;gap:12px;padding:16px}.export-icon{color:#3b82f6;font-size:16px}.export-text{color:#6b7280;font-size:14px}.export-format{background:#fff;border:1px solid #d1d5db;border-radius:6px;cursor:pointer;font-size:14px;padding:6px 12px}.modal-actions{background-color:#fafbfc;border-radius:0 0 16px 16px;border-top:1px solid #f1f5f9;display:flex;gap:12px;justify-content:flex-end;padding:24px 32px}.btn-primary,.btn-secondary{border:none;border-radius:8px;cursor:pointer;font-family:inherit;font-size:14px;font-weight:500;min-width:120px;padding:12px 24px;transition:all .2s ease}.btn-primary{background:linear-gradient(135deg,#3b82f6,#1d4ed8);box-shadow:0 4px 6px -1px #3b82f64d}.btn-primary:hover:not(:disabled){box-shadow:0 6px 8px -1px #3b82f666;transform:translateY(-1px)}.btn-secondary{background:#fff;border:2px solid #e5e7eb;color:#6b7280}.btn-secondary:hover{background:#f9fafb;border-color:#d1d5db;color:#374151}@media (max-width:768px){.devotion-calendar-container{padding:16px}.modern-calendar{padding:20px}.react-calendar__month-view__days__day{font-size:14px;height:60px}.calendar-legend{gap:12px}.legend-item{font-size:11px}.modal-content{margin:10px;max-height:95vh}.modal-actions,.modal-body,.modal-header{padding-left:20px;padding-right:20px}.section-row{gap:16px;grid-template-columns:1fr}.schedule-group{align-items:stretch}.modal-actions,.schedule-group{flex-direction:column}.btn-primary,.btn-secondary{width:100%}.editor-toolbar{flex-wrap:wrap;gap:4px}.toolbar-group{gap:2px}}.sermon-cms-container{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;margin:0 auto;max-width:1200px;padding:2rem}.cms-header{text-align:center}.cms-header h1{color:#1f2937;font-size:2.5rem;font-weight:700}.cms-header p{color:#6b7280;font-size:1.1rem}.error-alert{background-color:#fef2f2;border:1px solid #fecaca;border-radius:.5rem;color:#dc2626;gap:.5rem;padding:1rem}.error-icon{font-size:1.2rem}.form-card{border:1px solid #e5e7eb;border-radius:.75rem;box-shadow:0 1px 3px 0 #0000001a}.form-header h2{margin-bottom:.5rem}.sermon-form{display:flex;flex-direction:column;gap:1.5rem}.form-row{grid-gap:1rem;gap:1rem}@media (max-width:768px){.form-row{grid-template-columns:1fr}}.form-group input,.form-group textarea{border-radius:.375rem}.upload-section{background:#f9fafb;border:1px solid #e5e7eb;border-radius:.5rem;padding:1rem}.upload-option{margin-bottom:1rem}.upload-option:last-child{margin-bottom:0}.upload-option h4{color:#374151;font-size:.875rem;margin-bottom:.5rem}.file-input{margin-bottom:.5rem!important;padding:.5rem!important}.btn-upload{background-color:#10b981;border-radius:.375rem;padding:.5rem 1rem}.btn-upload:hover:not(:disabled){background-color:#059669}.upload-divider{background:#f9fafb;color:#6b7280;margin:1rem 0;padding:0 1rem}.preview-image{max-width:300px}.audio-preview{margin-top:1rem}.preview-audio{max-width:400px;width:100%}.form-actions{gap:.75rem}.btn-primary{border-radius:.375rem}.btn-secondary{background-color:#fff;border:1px solid #d1d5db;border-radius:.375rem;color:#374151;font-weight:500;padding:.75rem 1.5rem;transition:background-color .2s}.btn-secondary:hover{background-color:#f9fafb}.separator{background-color:#e5e7eb;margin:2rem 0}.sermons-section{margin-top:2rem}.section-header h2{font-size:1.875rem;font-weight:700}.sermon-count{background-color:#f3f4f6;border-radius:9999px;color:#374151;font-size:.875rem;font-weight:500;padding:.25rem .75rem}.empty-state{border:1px solid #e5e7eb;border-radius:.75rem;box-shadow:0 1px 3px 0 #0000001a}.empty-state p{color:#6b7280}.sermons-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}@media (max-width:768px){.sermons-grid{grid-template-columns:1fr}}.sermon-card{background:#fff;border:1px solid #e5e7eb;border-radius:.75rem;box-shadow:0 1px 3px 0 #0000001a;overflow:hidden;transition:box-shadow .2s}.sermon-card:hover{box-shadow:0 4px 6px -1px #0000001a}.sermon-image{aspect-ratio:16/9;overflow:hidden}.sermon-image img{height:100%;object-fit:cover;width:100%}.sermon-content{padding:1.5rem}.sermon-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#1f2937;display:-webkit-box;font-size:1.125rem;font-weight:600;margin-bottom:.75rem;overflow:hidden}.sermon-meta{color:#6b7280;display:flex;font-size:.875rem;gap:1rem;margin-bottom:1rem}.meta-item{gap:.25rem}.meta-icon{font-size:1rem}.sermon-description{-webkit-line-clamp:3;-webkit-box-orient:vertical;color:#6b7280;display:-webkit-box;font-size:.875rem;line-height:1.4;margin-bottom:1rem;overflow:hidden}.sermon-actions{display:flex;gap:.5rem}.btn-delete,.btn-edit{border:1px solid;border-radius:.375rem;cursor:pointer;flex:1 1;font-size:.875rem;font-weight:500;padding:.5rem 1rem;transition:background-color .2s}.btn-edit{border-color:#d1d5db;color:#374151}.btn-edit:hover{background-color:#f9fafb}.btn-delete{background-color:#dc2626;border-color:#dc2626;color:#fff}.btn-delete:hover{background-color:#b91c1c}.btn-view{background-color:#3b82f6;border:1px solid #3b82f6;border-radius:.375rem;color:#fff;cursor:pointer;flex:1 1;font-size:.875rem;font-weight:500;padding:.5rem 1rem;transition:background-color .2s}.btn-view:hover{background-color:#2563eb}@media (max-width:640px){.sermon-cms-container{padding:1rem}.cms-header h1{font-size:2rem}.form-card{padding:1.5rem}.section-header{align-items:flex-start;gap:.5rem}.section-header,.sermon-actions{flex-direction:column}.btn-delete,.btn-edit,.btn-view{flex:none}.upload-section{padding:.75rem}.preview-image{max-width:100%}}.sermon-details-popup{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif!important}.sermon-details-popup .swal2-html-container{text-align:left!important}.sermon-details-popup img{border-radius:8px!important;box-shadow:0 2px 8px #0000001a!important}.swal2-toast{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif!important}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f7f9fc;color:#333;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.event-cms-container{background-color:initial;margin:2rem auto;max-width:1000px;min-height:100vh;padding:0}.cms-header{background:#fff;border:1px solid #e0e0e0;border-radius:.5rem;box-shadow:0 1px 3px 0 #0000000d;margin-bottom:2rem;padding:2rem 2.5rem;text-align:left}.cms-header h1{align-items:center;color:#333;display:flex;font-size:1.8rem;font-weight:600;gap:.5rem;justify-content:flex-start;margin-bottom:.5rem}.cms-header p{color:#777;font-size:.95rem;margin-bottom:1rem}.btn-test-api{background-color:#f5a002;border:none;border-radius:.3rem;box-shadow:0 1px 2px #0000001a;color:#fff;cursor:pointer;font-size:.85rem;font-weight:500;padding:.6rem 1.2rem;transition:background-color .2s ease}.btn-test-api:hover{background-color:#d88e00}.error-alert{align-items:center;background-color:#fff0f0;border:1px solid #fcc;border-radius:.3rem;color:#c00;display:flex;font-size:.9rem;gap:.75rem;margin-bottom:1.5rem;padding:1rem 1.5rem}.error-icon{font-size:1.3rem}.error-alert button{background-color:#555;border:none;border-radius:.25rem;color:#fff;cursor:pointer;font-size:.8rem;margin-left:auto;padding:.4rem .8rem;transition:background-color .2s ease}.error-alert button:hover{background-color:#333}.form-card{border:1px solid #e0e0e0;border-radius:.5rem;box-shadow:0 1px 3px 0 #0000000d;margin-bottom:2rem;padding:2rem 2.5rem}.form-header{border-bottom:1px solid #eee;padding-bottom:1.5rem}.form-header h2{align-items:center;color:#333;display:flex;font-size:1.4rem;gap:.6rem;margin-bottom:.4rem}.form-header p{color:#777;font-size:.9rem}.event-form{display:flex;flex-direction:column;gap:1.75rem}.form-row{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 1fr}.form-row-triple{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 1fr 1fr}@media (max-width:768px){.form-row,.form-row-triple{gap:1.5rem;grid-template-columns:1fr}}.form-group{gap:.6rem;width:auto}.form-group label{color:#555;font-size:.9rem;margin-bottom:.2rem}.form-group input,.form-group select,.form-group textarea{background-color:#fff;border:1px solid #dcdcdc;border-radius:.3rem;color:#333;font-size:.9rem;padding:.75rem 1rem;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#66b3ff;box-shadow:0 0 0 3px #66b3ff33;outline:none;width:100%}.form-group textarea{min-height:100px}.datetime-group{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}@media (max-width:480px){.datetime-group{grid-template-columns:1fr}}.upload-section{background:#fdfdfd;border:1px solid #e9e9e9;border-radius:.4rem;display:flex;flex-direction:column;gap:1rem;margin-top:.5rem;padding:1.2rem}.upload-option{margin-bottom:0}.upload-option h4{color:#555;font-size:.85rem;font-weight:600;margin-bottom:.6rem}.file-input{background:#fff;box-sizing:border-box;margin-bottom:.75rem!important;padding:.6rem!important}.file-input,.url-input{border:1px solid #dcdcdc;border-radius:.3rem;font-size:.9rem;width:100%}.url-input{background-color:#fff;color:#333;padding:.75rem 1rem;transition:border-color .2s ease,box-shadow .2s ease}.url-input:focus{border-color:#66b3ff;box-shadow:0 0 0 3px #66b3ff33;outline:none}.btn-upload{align-items:center;background-color:#555;border-radius:.3rem;box-shadow:0 1px 2px #0000001a;display:inline-flex;font-size:.85rem;gap:.5rem;padding:.6rem 1.2rem;transition:background-color .2s ease}.btn-upload:hover:not(:disabled){background-color:#333}.btn-upload:disabled{box-shadow:none;opacity:.5}.upload-divider{background:#fdfdfd;color:#888;display:inline-block;font-size:.8rem;font-weight:500;margin:.75rem 0;padding:0 .8rem;position:relative;text-align:center;z-index:2}.upload-divider:before{background:#e5e7eb;content:"";height:1px;left:0;position:absolute;right:0;top:50%;z-index:1}.image-preview{background:#fdfdfd;border:1px dashed #ddd;border-radius:.4rem;margin-top:1.2rem;padding:1rem}.preview-image{border-radius:.3rem;box-shadow:0 1px 4px #0000001a;max-height:180px;max-width:250px;object-fit:contain}.form-actions{border-top:1px solid #eee;gap:.8rem;justify-content:flex-end;margin-top:2rem}.btn-primary{background-color:#5bbd72;border-radius:.3rem;box-shadow:0 2px 4px #0000001a;display:inline-flex;gap:.5rem;padding:.75rem 1.6rem;transition:background-color .2s ease,box-shadow .2s ease}.btn-primary:hover:not(:disabled){background-color:#4caf50;box-shadow:0 3px 6px #00000026}.btn-primary:disabled{opacity:.5}.btn-secondary{background-color:#e0e0e0;border:none;border-radius:.3rem;box-shadow:0 2px 4px #0000000d;color:#555;cursor:pointer;font-weight:600;padding:.75rem 1.6rem;transition:background-color .2s ease,color .2s ease,box-shadow .2s ease}.btn-secondary:hover{background-color:#ccc;box-shadow:0 3px 6px #0000001a;color:#333}.separator{background-color:#e0e0e0;height:1px;margin:3rem 0}.event-section{margin-top:0}.section-header{background:#fff;border:1px solid #e0e0e0;border-radius:.5rem;box-shadow:0 1px 3px 0 #0000000d;padding:1.5rem 2.5rem}.section-header h2{align-items:center;color:#333;display:flex;font-size:1.6rem;gap:.5rem}.event-count{background-color:#e9e9e9;border-radius:9999px;color:#555;font-size:.8rem;font-weight:600;padding:.3rem .8rem}.btn-refresh{align-items:center;background-color:#555;border-radius:.3rem;box-shadow:0 1px 2px #0000001a;display:flex;font-size:.85rem;gap:.5rem;padding:.6rem 1.2rem;transition:background-color .2s ease}.btn-refresh:hover{background-color:#333}.empty-state{background:#fff;border:1px solid #e0e0e0;border-radius:.5rem;box-shadow:0 1px 3px 0 #0000000d;color:#777;padding:3rem}.empty-icon{color:#aaa;font-size:3.5rem}.empty-state h3{color:#444;font-size:1.2rem;margin-bottom:.5rem}.empty-state p{color:#777}.events-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}@media (max-width:768px){.events-grid{grid-template-columns:1fr}}.event-card{background:#fff;border:1px solid #e0e0e0;border-radius:.5rem;box-shadow:0 1px 3px 0 #0000000d;overflow:hidden;transition:box-shadow .2s ease,transform .2s ease}.event-card:hover{box-shadow:0 4px 8px #0000001a;transform:translateY(-3px)}.event-image{align-items:center;aspect-ratio:16/9;background-color:#f0f0f0;color:#ccc;display:flex;font-size:2rem;justify-content:center;overflow:hidden;position:relative}.event-image img{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.event-card:hover .event-image img{transform:scale(1.03)}.event-content{padding:1.5rem}.event-title{color:#333;font-size:1.05rem;font-weight:600;margin-bottom:.6rem}.event-meta{color:#777;font-size:.85rem;gap:.4rem;margin-bottom:.9rem}.meta-item{align-items:center;display:flex;gap:.4rem}.meta-icon{color:#999;flex-shrink:0;font-size:.9rem}.event-description{color:#777;font-size:.85rem;line-height:1.5;margin-bottom:1.2rem}.event-actions{border-top:1px solid #eee;display:flex;gap:.6rem;padding-top:1rem}.btn-delete,.btn-edit,.btn-view{align-items:center;border:1px solid;border-radius:.3rem;box-shadow:0 1px 2px #0000000d;cursor:pointer;display:flex;flex:1 1;font-size:.85rem;font-weight:500;gap:.3rem;justify-content:center;padding:.6rem 1rem;transition:background-color .2s ease,border-color .2s ease,color .2s ease}.btn-view{background-color:#e6f0ff;border-color:#cce0ff;color:#007bff}.btn-view:hover{background-color:#cce0ff;color:#0056b3}.btn-edit{background-color:#fff;border-color:#ccc;color:#555}.btn-edit:hover{background-color:#f0f0f0;color:#333}.btn-delete{background-color:#ffe6e6;border-color:#fcc;color:#c00}.btn-delete:hover{background-color:#fcc;color:#900}@media (max-width:640px){.event-cms-container{padding:1rem}.cms-header,.empty-state,.form-card,.section-header{padding:1.5rem}.cms-header h1,.section-header h2{font-size:1.5rem;justify-content:center;text-align:center}.cms-header p,.form-header{text-align:center}.form-header h2{justify-content:center}.section-header{align-items:center;flex-direction:column;gap:.8rem}.event-actions{flex-direction:column;gap:.5rem}.btn-delete,.btn-edit,.btn-view{flex:none;width:100%}.form-actions{align-items:stretch;flex-direction:column}.btn-primary,.btn-secondary{width:100%}.upload-section{padding:.8rem}}.swal2-popup.event-details-popup{border-radius:.5rem;box-shadow:0 5px 15px #00000026}.swal2-title{color:#333!important;font-size:1.4rem!important;font-weight:600!important}.swal2-html-container{color:#555!important;font-size:.95rem!important;line-height:1.6!important}.swal2-html-container strong{color:#333!important}.swal2-confirm.swal2-styled{background-color:#5bbd72!important;font-weight:600!important}.swal2-cancel.swal2-styled{background-color:#e0e0e0!important;color:#555!important;font-weight:600!important}.gallery-admin-container{background:#f5f5f5;background:var(--background-color);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh;padding:1.5rem}.gallery-admin-header{background:#fff;border-radius:1rem;box-shadow:0 4px 6px -1px #0000001a;margin:0 auto 2rem;max-width:1400px;padding:2rem;text-align:center}.gallery-admin-header h1{color:#1f2937;font-size:2.5rem;font-weight:700;margin:0}.gallery-admin-content{grid-gap:2rem;align-items:start;display:grid;gap:2rem;grid-template-columns:1fr 1fr;margin:0 auto;max-width:1400px}@media (max-width:1024px){.gallery-admin-content{grid-template-columns:1fr}}.form-card{background:#fff;box-shadow:0 4px 6px -1px #0000001a;height:fit-content;padding:2rem}.form-header{margin-bottom:1.5rem}.form-header h2{color:#1f2937;font-size:1.5rem;font-weight:600;margin:0 0 .5rem}.form-header p{color:#6b7280;font-size:.875rem;margin:0}.gallery-form{gap:1.25rem}.form-group,.gallery-form{display:flex;flex-direction:column}.form-group{gap:.5rem}.form-group label{color:#374151;font-size:.875rem;font-weight:500}.form-group input,.form-group textarea{background:#fff;border:1px solid #d1d5db;border-radius:.5rem;font-size:.875rem;padding:.75rem;transition:border-color .2s,box-shadow .2s}.form-group input:focus,.form-group textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.form-group textarea{min-height:80px;resize:vertical}.btn-upload{background-color:#3b82f6;border:none;border-radius:.5rem;color:#fff;cursor:pointer;font-size:.875rem;font-weight:500;margin-top:.5rem;padding:.75rem 1rem;transition:background-color .2s}.btn-upload:hover:not(:disabled){background-color:#2563eb}.btn-upload:disabled{cursor:not-allowed;opacity:.6}.progress-bar-container{background-color:#e5e7eb;border-radius:.25rem;height:1.25rem;margin-top:.75rem;overflow:hidden;width:100%}.progress-bar{background-color:#3b82f6;color:#fff;font-size:.75rem;font-weight:500;height:100%;line-height:1.25rem;text-align:center;transition:width .3s ease-in-out;width:0}.image-preview{margin-top:1rem;text-align:center}.preview-image{border-radius:.5rem;box-shadow:0 2px 8px #0000001a;max-height:200px;max-width:100%;object-fit:cover}.preview-text{color:#6b7280;font-size:.875rem}.form-actions,.preview-text{margin-top:.5rem}.btn-primary{background-color:#3b82f6;border-radius:.5rem;font-size:.875rem;font-weight:500;padding:.75rem 1.5rem;transition:background-color .2s;width:100%}.btn-primary:hover:not(:disabled){background-color:#2563eb}.btn-primary:disabled{opacity:.6}.photos-section{background:#fff;border-radius:1rem;box-shadow:0 4px 6px -1px #0000001a;height:100vh;overflow-y:scroll;padding:2rem}.section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.section-header h2{color:#1f2937;font-size:1.5rem;font-weight:600;margin:0}.photos-count{background-color:#f3f4f6;border-radius:9999px;color:#374151;font-size:.75rem;font-weight:500;margin-left:.5rem;padding:.25rem .75rem}.btn-refresh{background-color:#10b981;border:none;border-radius:.5rem;color:#fff;cursor:pointer;font-size:.875rem;font-weight:500;padding:.5rem 1rem;transition:background-color .2s}.btn-refresh:hover{background-color:#059669}.photos-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(3,1fr)}@media (max-width:768px){.photos-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.photos-grid{grid-template-columns:1fr}}.photo-card{display:flex;flex-direction:column;gap:.5rem}.photo-image{aspect-ratio:4/3;background:#f3f4f6;border-radius:.5rem;overflow:hidden;position:relative}.photo-image img{height:100%;object-fit:cover;transition:transform .3s;width:100%}.photo-card:hover .photo-image img{transform:scale(1.05)}.btn-delete-overlay{background:#dc2626e6;border:none;border-radius:.25rem;color:#fff;cursor:pointer;font-size:.875rem;opacity:0;padding:.25rem;position:absolute;right:.5rem;top:.5rem;transition:opacity .2s}.photo-card:hover .btn-delete-overlay{opacity:1}.btn-title{background-color:#3b82f6;border:none;border-radius:.5rem;color:#fff;cursor:pointer;font-size:.875rem;font-weight:500;padding:.5rem;transition:background-color .2s}.btn-title:hover{background-color:#2563eb}.empty-state{color:#6b7280;padding:3rem 1rem;text-align:center}.empty-icon{font-size:3rem;margin-bottom:1rem}.empty-state h3{color:#1f2937;font-size:1.125rem;font-weight:600;margin:0 0 .5rem}.empty-state p{font-size:.875rem;margin:0}@media (max-width:640px){.gallery-admin-container{padding:1rem}.gallery-admin-header{padding:1.5rem}.gallery-admin-header h1{font-size:2rem}.form-card,.photos-section{padding:1.5rem}.section-header{align-items:flex-start;flex-direction:column;gap:1rem}}.search-results{border:1px solid #ccc;border-radius:4px;margin:0;max-height:150px;width:100%;z-index:10}.search-item{cursor:pointer;padding:8px 12px}.search-item:hover{background-color:#f3f4f6}.event-meta{display:flex;flex-direction:column}.event-meta p{margin:0;padding:0}.event-card h4{color:#000;font-size:2rem}.event-card{background-color:#f5f5f5;background-color:var(--background-color)}body{margin:0;min-height:100vh}.form-child,body{font-family:Inter,sans-serif}.form-child{background-color:#fff;border-radius:20px;box-shadow:0 10px 30px #00000014;box-sizing:border-box;display:flex;flex-direction:column;max-width:450px;padding:30px;position:relative;width:100%}.form-child h2{align-items:center;color:#333;display:flex;font-size:1.8rem;font-weight:600;gap:10px;margin-bottom:25px;text-align:left}.form-row-child{display:flex;flex-direction:column;gap:20px}.form-row-child label{color:#333;font-size:.95rem;font-weight:500;margin-bottom:5px}.form-row-child input[type=date],.form-row-child input[type=email],.form-row-child input[type=number],.form-row-child input[type=text],.form-row-child select,.form-row-child textarea{background-color:#fcfcfc;border:1px solid #e0e0e0;border-radius:10px;box-sizing:border-box;font-size:1rem;padding:12px 15px;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.form-row-child input::placeholder{color:#b0b0b0}.form-row-child input[type=date]:focus,.form-row-child input[type=email]:focus,.form-row-child input[type=number]:focus,.form-row-child input[type=text]:focus,.form-row-child select:focus,.form-row-child textarea:focus{border-color:#8c71ff;box-shadow:0 0 0 3px #8c71ff33;outline:none}.form-row-child>div:has(input[type=text][placeholder="Ketik nama lalu tekan Enter"]){margin-bottom:15px}.search-results{background-color:#fff;border:1px solid #e0e0e0;border-radius:10px;box-shadow:0 4px 10px #0000000d;list-style:none;margin:8px 0 0;max-height:180px;overflow-y:auto;padding:0}.search-results li{border-bottom:1px solid #f0f0f0;color:#555;cursor:pointer;font-size:.95rem;padding:10px 15px}.search-results li:last-child{border-bottom:none}.search-results li:hover{background-color:#f7f7f7}.btn-primary{align-items:center;background-color:#725bff;border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:1.1rem;font-weight:600;gap:8px;justify-content:center;margin-top:25px;padding:15px 25px;transition:background-color .2s ease,transform .2s ease,box-shadow .2s ease}.btn-primary:hover{background-color:#624bd8;box-shadow:0 5px 15px #725bff4d;transform:translateY(-2px)}.btn-primary:disabled{background-color:#ccc;box-shadow:none;cursor:not-allowed;transform:none}hr{border:none;border-top:1px solid #f0f0f0;margin:30px 0}.form-child>div:last-of-type{margin-top:20px}.form-child>div:last-of-type h2{color:#444;font-size:1.5rem;margin-bottom:25px;text-align:center}.event-card{background-color:#fcfcfc;border:1px solid #e5e5e5;border-radius:12px;box-shadow:0 4px 15px #0000000d;display:flex;flex-direction:column;gap:8px;margin-bottom:15px;padding:20px}.event-card h4{color:#725bff;font-size:1.1rem;font-weight:600;margin-bottom:5px;margin-top:0}.event-card p{color:#555;font-size:.95rem;margin:0}.event-card strong{color:#333;font-weight:500}.event-card .btn-delete,.event-card .btn-view{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:.85rem;gap:5px;margin-right:10px;padding:8px 12px;transition:background-color .2s ease,transform .2s ease}.event-card .btn-view{background-color:#007bff;color:#fff}.event-card .btn-view:hover{background-color:#0069d9;transform:translateY(-1px)}.event-card .btn-delete{background-color:#dc3545;color:#fff}.event-card .btn-delete:hover{background-color:#c82333;transform:translateY(-1px)}.top-dots{display:flex;gap:6px;left:15px;position:absolute;top:15px}.dot{border-radius:50%;height:10px;width:10px}.dot.red{background-color:#fc605a}.dot.yellow{background-color:#fdbc40}.dot.green{background-color:#34c749}.expand-icon{background-color:#f0f2f5;border-radius:8px;cursor:pointer;padding:8px;position:absolute;right:15px;top:15px;transition:background-color .2s ease}.expand-icon:hover{background-color:#e0e2e5}.btn-primary:after{content:"→";font-size:1.2em;line-height:1}.add-another-button{align-items:center;background-color:#f0f2f5;border:1px solid #e0e0e0;border-radius:10px;color:#555;cursor:pointer;display:inline-flex;font-size:.95rem;font-weight:500;gap:5px;margin-top:5px;padding:10px 15px;transition:background-color .2s ease,border-color .2s ease;width:fit-content}.add-another-button:hover{background-color:#e5e7eb;border-color:#d0d2d5}.add-another-button:before{content:"+";font-size:1.2em;font-weight:700}.input-with-copy{display:flex;gap:5px}.input-with-copy input{border-bottom-right-radius:0;border-top-right-radius:0;flex-grow:1}.copy-button{align-items:center;background-color:#f0f2f5;border:1px solid #e0e0e0;border-left:none;border-radius:10px;border-bottom-left-radius:0;border-top-left-radius:0;color:#555;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:5px;padding:12px 15px;transition:background-color .2s ease}.copy-button:hover{background-color:#e5e7eb}.copy-button:before{content:"📋"}.certificate-admin-container{background-color:#fff;border-color:#000;border-radius:20px;margin:20px;padding:2rem}.certificate-admin-container,.select-icon{align-items:center;display:flex;flex-direction:column}.form-dropdown{width:30%}.form-dropdown:hover{background-color:#e0e0e0}.form-container{background:#005792;background:var(--secondary-color);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh;overflow:hidden;position:relative}.decoration-circle{border-radius:50%;filter:blur(40px);opacity:.3;position:absolute}.circle-1{background-color:#fed7aa;height:8rem;right:2.5rem;top:2.5rem;width:8rem}.circle-2{background-color:#fdba74;bottom:5rem;filter:blur(80px);height:12rem;left:2.5rem;opacity:.2;width:12rem}.circle-3{background-color:#fef3c7;filter:blur(30px);height:6rem;left:25%;opacity:.25;top:50%;width:6rem}.form-wrapper{margin:0 auto;max-width:48rem;position:relative;z-index:10}.form-header{margin-bottom:2rem;text-align:center}.sign-in-link{color:#9a3412;font-size:.875rem;margin-bottom:1rem;text-align:right}.link-button{background:none;border:none;color:#ea580c;cursor:pointer;font-weight:500;text-decoration:underline}.link-button:hover{color:#c2410c}.form-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#f5f5f5;background:var(--background-color);border:none;border-radius:1rem;box-shadow:0 25px 50px -12px #00000040}.card-header{padding:2rem 2rem 1.5rem;text-align:center}.form-title{color:#1f2937;font-size:1.5rem;font-weight:700;margin-bottom:1.5rem}.progress-steps{gap:2rem;justify-content:center;margin-top:1.5rem}.progress-steps,.step{align-items:center;display:flex}.step{gap:.5rem}.step-number{align-items:center;background-color:#e5e7eb;border-radius:50%;color:#6b7280;display:flex;font-size:.875rem;font-weight:500;height:2rem;justify-content:center;width:2rem}.step.active .step-number{background-color:#ea580c;color:#fff}.step-label{color:#6b7280;font-size:.875rem;font-weight:500}.step.active .step-label{color:#374151}.step-divider{background-color:#d1d5db;height:1px;width:2rem}.card-content{padding:0 2rem 2rem}.form{gap:1.5rem}.form,.photo-section{display:flex;flex-direction:column}.photo-section{align-items:center;margin-bottom:2rem}.photo-placeholder{align-items:center;background-color:#ea580c;border-radius:50%;display:flex;height:5rem;justify-content:center;margin-bottom:.5rem;width:5rem}.camera-icon{color:#fff;font-size:2rem}.photo-label{color:#6b7280;font-size:.875rem}.field-group{column-count:3;display:flex;flex-direction:column;gap:.5rem}.field-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr}@media (min-width:768px){.field-grid{grid-template-columns:1fr 1fr}.full-width{grid-column:1/-1}}label{color:#374151;font-size:.875rem;font-weight:500}input,select,textarea{border:1px solid #d1d5db;border-radius:.5rem;font-size:.875rem;padding:.75rem;transition:border-color .2s,box-shadow .2s;width:80%}input:focus,select:focus,textarea:focus{border-color:#ea580c;box-shadow:0 0 0 3px #ea580c1a;outline:none}.input-with-icon{position:relative}.input-with-icon input,.input-with-icon textarea{padding-left:2.5rem}.input-icon{color:#9ca3af;font-size:1rem;left:.75rem;position:absolute;top:50%;transform:translateY(-50%)}.textarea-icon{top:.75rem;transform:none}select{appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;padding-right:2.5rem}.service-section{border-top:1px solid #e5e7eb;padding-top:1.5rem}.service-header{align-items:center;display:flex;gap:.5rem;margin-bottom:1rem}.service-icon{font-size:1.25rem}.service-title{color:#1f2937;font-size:1.125rem;font-weight:600}.service-fields{margin-top:1rem}.form-actions{display:flex;gap:1rem;justify-content:space-between;padding-top:1.5rem}.btn{border:none;border-radius:.5rem;cursor:pointer;font-size:.875rem;font-weight:500;padding:.75rem 2rem;transition:all .2s}.btn-cancel{background:#0000;border:1px solid #d1d5db;color:#374151}.btn-cancel:hover{background-color:#f9fafb}.btn-submit{background-color:#ea580c;color:#fff}.btn-submit:hover{background-color:#dc2626}.message{border-radius:.5rem;font-size:.875rem;margin-top:1rem;padding:.75rem;text-align:center}.message.success{background-color:#dcfce7;border:1px solid #bbf7d0;color:#166534}.message.error{background-color:#fef2f2;border:1px solid #fecaca;color:#dc2626}@media (max-width:768px){.form-container{padding:.5rem}.progress-steps{flex-wrap:wrap;gap:1rem}.step-label{display:none}.card-content{padding:0 1rem 1rem}.form-actions{flex-direction:column}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.form-card{animation:fadeIn .5s ease-out}.service-fields{animation:fadeIn .3s ease-out}:root{--primary-color:#00204a;--secondary-color:#005792;--accent-color:#00bbf0;--background-color:#f5f5f5;--text-color:#fdb44b}.background{background-color:#00204a;background-color:var(--primary-color)}.finance-dashboard{align-items:center;display:flex;flex-direction:column;gap:1rem;margin:0 auto;overflow:hidden;padding:20px;width:80%}.finance-dashboard h2{color:#f5f5f5;color:var(--background-color);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:xxx-large;padding:3rem}.error{color:red;margin-bottom:10px}.dashboardFinance{display:flex;flex-direction:row;gap:2rem;height:65vh;width:80%}.summary{align-items:center;background-color:#f5f5f5;background-color:var(--background-color);border-radius:18px;box-shadow:0 1px 1px 0;display:flex;flex-direction:column;height:59vh;margin:0;padding:20px;width:80%}.summary-stats{display:flex;gap:16px}.summary-stats p{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:1rem;font-weight:200;margin:0}.filters{align-items:center;color:#f5f5f5;color:var(--background-color);display:flex;flex-direction:column}.filter-form{display:flex;gap:10px;margin-bottom:20px}.filter-form input,.filter-form select{border:1px solid #ccc;border-radius:4px;padding:8px}.filter-form button{background-color:#005792;background-color:var(--secondary-color);border:none;border-radius:4px;color:#fff;cursor:pointer;padding:8px 16px;width:200px}.filter-form button:hover{background-color:#00bbf0;background-color:var(--accent-color)}.transactions{align-items:center;color:#f5f5f5;color:var(--background-color);display:flex;flex-direction:column;margin-bottom:2rem;width:80%}.transaction-form{background-color:#f5f5f5;background-color:var(--background-color);border-radius:18px;box-shadow:0 2px 2px 0;height:60vh;margin-bottom:20px;overflow-y:visible;padding:0 0 0 2rem;width:70%}.transaction-form form{align-items:flex-start;display:flex;flex-direction:column;gap:10px;width:300px}.transaction-form select{width:200px}.transaction-form input,.transaction-form select{border:1px solid #ccc;border-radius:4px;padding:8px}.transaction-form button{background-color:#28a745;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:8px 16px}.transaction-form button:hover{background-color:#218838}.transaction-form button:disabled{background-color:#6c757d;cursor:not-allowed}.member-search-container{margin-bottom:1rem;position:relative;width:300px}.search-results{height:fit-content;position:absolute;width:fit-content}.search-result-item{cursor:pointer;padding:1px 12px}.search-result-item p{font-size:.8rem}.search-result-item:hover{background-color:#f0f0f0}.search-result-item.selected-member{background-color:#e6f3ff}.selected-member{align-items:center;display:flex;gap:10px;margin-left:10px;margin-top:8px}.selected-member p{font-size:.8rem;margin:0}.selected-member button{background-color:#dc3545;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:4px 8px}.selected-member button:hover{background-color:#c82333}.transaction-table{border-collapse:collapse;margin-top:10px;width:100%}.transaction-table td,.transaction-table th{border:1px solid #ddd;padding:8px;text-align:left}.transaction-table th{background-color:#f2f2f2;font-weight:700}.transaction-table tr:nth-child(2n){background-color:#f9f9f9}.transaction-table td[colSpan="6"]{color:#666;padding:12px;text-align:center}.transaction-table button{background-color:#dc3545;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:4px 8px}.transaction-table button:hover:not(:disabled){background-color:#c82333}.transaction-table button:disabled{background-color:#6c757d;cursor:not-allowed}.logout-container{position:absolute;right:20px;top:20px}.logout-button{background-color:#f44336;border:none;border-radius:4px;color:#fff;cursor:pointer;font-weight:700;padding:8px 16px;transition:background-color .3s}.logout-button:hover{background-color:#d32f2f}:root{--toastify-color-light:#fff;--toastify-color-dark:#121212;--toastify-color-info:#3498db;--toastify-color-success:#07bc0c;--toastify-color-warning:#f1c40f;--toastify-color-error:#e74d3c;--toastify-color-transparent:#ffffffb3;--toastify-icon-color-info:var(--toastify-color-info);--toastify-icon-color-success:var(--toastify-color-success);--toastify-icon-color-warning:var(--toastify-color-warning);--toastify-icon-color-error:var(--toastify-color-error);--toastify-container-width:fit-content;--toastify-toast-width:320px;--toastify-toast-offset:16px;--toastify-toast-top:max(var(--toastify-toast-offset),env(safe-area-inset-top));--toastify-toast-right:max(var(--toastify-toast-offset),env(safe-area-inset-right));--toastify-toast-left:max(var(--toastify-toast-offset),env(safe-area-inset-left));--toastify-toast-bottom:max(var(--toastify-toast-offset),env(safe-area-inset-bottom));--toastify-toast-background:#fff;--toastify-toast-padding:14px;--toastify-toast-min-height:64px;--toastify-toast-max-height:800px;--toastify-toast-bd-radius:6px;--toastify-toast-shadow:0px 4px 12px #0000001a;--toastify-font-family:sans-serif;--toastify-z-index:9999;--toastify-text-color-light:#757575;--toastify-text-color-dark:#fff;--toastify-text-color-info:#fff;--toastify-text-color-success:#fff;--toastify-text-color-warning:#fff;--toastify-text-color-error:#fff;--toastify-spinner-color:#616161;--toastify-spinner-color-empty-area:#e0e0e0;--toastify-color-progress-light:linear-gradient(90deg,#4cd964,#5ac8fa,#007aff,#34aadc,#5856d6,#ff2d55);--toastify-color-progress-dark:#bb86fc;--toastify-color-progress-info:var(--toastify-color-info);--toastify-color-progress-success:var(--toastify-color-success);--toastify-color-progress-warning:var(--toastify-color-warning);--toastify-color-progress-error:var(--toastify-color-error);--toastify-color-progress-bgo:0.2}.Toastify__toast-container{box-sizing:border-box;color:#fff;display:flex;flex-direction:column;position:fixed;-webkit-transform:translateZ(9999);-webkit-transform:translateZ(var(--toastify-z-index));width:fit-content;width:var(--toastify-container-width);z-index:9999;z-index:var(--toastify-z-index)}.Toastify__toast-container--top-left{left:max(16px,env(safe-area-inset-left));left:var(--toastify-toast-left);top:max(16px,env(safe-area-inset-top));top:var(--toastify-toast-top)}.Toastify__toast-container--top-center{align-items:center;left:50%;top:max(16px,env(safe-area-inset-top));top:var(--toastify-toast-top);transform:translateX(-50%)}.Toastify__toast-container--top-right{align-items:end;right:max(16px,env(safe-area-inset-right));right:var(--toastify-toast-right);top:max(16px,env(safe-area-inset-top));top:var(--toastify-toast-top)}.Toastify__toast-container--bottom-left{bottom:max(16px,env(safe-area-inset-bottom));bottom:var(--toastify-toast-bottom);left:max(16px,env(safe-area-inset-left));left:var(--toastify-toast-left)}.Toastify__toast-container--bottom-center{align-items:center;bottom:max(16px,env(safe-area-inset-bottom));bottom:var(--toastify-toast-bottom);left:50%;transform:translateX(-50%)}.Toastify__toast-container--bottom-right{align-items:end;bottom:max(16px,env(safe-area-inset-bottom));bottom:var(--toastify-toast-bottom);right:max(16px,env(safe-area-inset-right));right:var(--toastify-toast-right)}.Toastify__toast{--y:0;align-items:center;border-radius:6px;border-radius:var(--toastify-toast-bd-radius);box-shadow:0 4px 12px #0000001a;box-shadow:var(--toastify-toast-shadow);box-sizing:border-box;display:flex;flex:1 1 auto;font-family:sans-serif;font-family:var(--toastify-font-family);margin-bottom:1rem;max-height:800px;max-height:var(--toastify-toast-max-height);min-height:64px;min-height:var(--toastify-toast-min-height);padding:14px;padding:var(--toastify-toast-padding);position:relative;touch-action:none;width:320px;width:var(--toastify-toast-width);word-break:break-word;z-index:0}@media only screen and (max-width:480px){.Toastify__toast-container{left:env(safe-area-inset-left);margin:0;width:100vw}.Toastify__toast-container--top-center,.Toastify__toast-container--top-left,.Toastify__toast-container--top-right{top:env(safe-area-inset-top);transform:translateX(0)}.Toastify__toast-container--bottom-center,.Toastify__toast-container--bottom-left,.Toastify__toast-container--bottom-right{bottom:env(safe-area-inset-bottom);transform:translateX(0)}.Toastify__toast-container--rtl{left:auto;right:env(safe-area-inset-right)}.Toastify__toast{--toastify-toast-width:100%;border-radius:0;margin-bottom:0}}.Toastify__toast-container[data-stacked=true]{width:320px;width:var(--toastify-toast-width)}.Toastify__toast--stacked{position:absolute;transform:translate3d(0,var(--y),0) scale(var(--s));transition:transform .3s;width:100%}.Toastify__toast--stacked[data-collapsed] .Toastify__close-button,.Toastify__toast--stacked[data-collapsed] .Toastify__toast-body{transition:opacity .1s}.Toastify__toast--stacked[data-collapsed=false]{overflow:visible}.Toastify__toast--stacked[data-collapsed=true]:not(:last-child)>*{opacity:0}.Toastify__toast--stacked:after{bottom:100%;content:"";height:calc(var(--g)*1px);left:0;position:absolute;right:0}.Toastify__toast--stacked[data-pos=top]{top:0}.Toastify__toast--stacked[data-pos=bot]{bottom:0}.Toastify__toast--stacked[data-pos=bot].Toastify__toast--stacked:before{transform-origin:top}.Toastify__toast--stacked[data-pos=top].Toastify__toast--stacked:before{transform-origin:bottom}.Toastify__toast--stacked:before{bottom:0;content:"";height:100%;left:0;position:absolute;right:0;transform:scaleY(3);z-index:-1}.Toastify__toast--rtl{direction:rtl}.Toastify__toast--close-on-click{cursor:pointer}.Toastify__toast-icon{display:flex;flex-shrink:0;margin-inline-end:10px;width:22px}.Toastify--animate{animation-duration:.5s;animation-fill-mode:both}.Toastify--animate-icon{animation-duration:.3s;animation-fill-mode:both}.Toastify__toast-theme--dark{background:#121212;background:var(--toastify-color-dark);color:#fff;color:var(--toastify-text-color-dark)}.Toastify__toast-theme--colored.Toastify__toast--default,.Toastify__toast-theme--light{background:#fff;background:var(--toastify-color-light);color:#757575;color:var(--toastify-text-color-light)}.Toastify__toast-theme--colored.Toastify__toast--info{background:#3498db;background:var(--toastify-color-info);color:#fff;color:var(--toastify-text-color-info)}.Toastify__toast-theme--colored.Toastify__toast--success{background:#07bc0c;background:var(--toastify-color-success);color:#fff;color:var(--toastify-text-color-success)}.Toastify__toast-theme--colored.Toastify__toast--warning{background:#f1c40f;background:var(--toastify-color-warning);color:#fff;color:var(--toastify-text-color-warning)}.Toastify__toast-theme--colored.Toastify__toast--error{background:#e74d3c;background:var(--toastify-color-error);color:#fff;color:var(--toastify-text-color-error)}.Toastify__progress-bar-theme--light{background:linear-gradient(90deg,#4cd964,#5ac8fa,#007aff,#34aadc,#5856d6,#ff2d55);background:var(--toastify-color-progress-light)}.Toastify__progress-bar-theme--dark{background:#bb86fc;background:var(--toastify-color-progress-dark)}.Toastify__progress-bar--info{background:#3498db;background:var(--toastify-color-progress-info)}.Toastify__progress-bar--success{background:#07bc0c;background:var(--toastify-color-progress-success)}.Toastify__progress-bar--warning{background:#f1c40f;background:var(--toastify-color-progress-warning)}.Toastify__progress-bar--error{background:#e74d3c;background:var(--toastify-color-progress-error)}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning{background:#ffffffb3;background:var(--toastify-color-transparent)}.Toastify__close-button{background:#0000;border:none;color:#fff;cursor:pointer;opacity:.7;outline:none;padding:0;position:absolute;right:6px;top:6px;transition:.3s ease;z-index:1}.Toastify__toast--rtl .Toastify__close-button{left:6px;right:auto}.Toastify__close-button--light{color:#000;opacity:.3}.Toastify__close-button>svg{fill:currentColor;height:16px;width:14px}.Toastify__close-button:focus,.Toastify__close-button:hover{opacity:1}@keyframes Toastify__trackProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.Toastify__progress-bar{bottom:0;height:100%;left:0;opacity:.7;position:absolute;transform-origin:left;width:100%;z-index:1}.Toastify__progress-bar--animated{animation:Toastify__trackProgress linear 1 forwards}.Toastify__progress-bar--controlled{transition:transform .2s}.Toastify__progress-bar--rtl{border-bottom-left-radius:0;left:auto;right:0;transform-origin:right}.Toastify__progress-bar--wrp{border-bottom-left-radius:6px;border-bottom-left-radius:var(--toastify-toast-bd-radius);border-bottom-right-radius:6px;border-bottom-right-radius:var(--toastify-toast-bd-radius);bottom:0;height:5px;left:0;overflow:hidden;position:absolute;width:100%}.Toastify__progress-bar--wrp[data-hidden=true]{opacity:0}.Toastify__progress-bar--bg{height:100%;opacity:.2;opacity:var(--toastify-color-progress-bgo);width:100%}.Toastify__spinner{animation:Toastify__spin .65s linear infinite;border:2px solid #e0e0e0;border-color:var(--toastify-spinner-color-empty-area);border-radius:100%;border-right-color:#616161;border-right-color:var(--toastify-spinner-color);box-sizing:border-box;height:20px;width:20px}@keyframes Toastify__bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0)}60%{opacity:1;transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutRight{20%{opacity:1;transform:translate3d(-20px,var(--y),0)}to{opacity:0;transform:translate3d(2000px,var(--y),0)}}@keyframes Toastify__bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0)}60%{opacity:1;transform:translate3d(25px,0,0)}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutLeft{20%{opacity:1;transform:translate3d(20px,var(--y),0)}to{opacity:0;transform:translate3d(-2000px,var(--y),0)}}@keyframes Toastify__bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,3000px,0)}60%{opacity:1;transform:translate3d(0,-20px,0)}75%{transform:translate3d(0,10px,0)}90%{transform:translate3d(0,-5px,0)}to{transform:translateZ(0)}}@keyframes Toastify__bounceOutUp{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,-2000px,0)}}@keyframes Toastify__bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{transform:none}}@keyframes Toastify__bounceOutDown{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,2000px,0)}}.Toastify__bounce-enter--bottom-left,.Toastify__bounce-enter--top-left{animation-name:Toastify__bounceInLeft}.Toastify__bounce-enter--bottom-right,.Toastify__bounce-enter--top-right{animation-name:Toastify__bounceInRight}.Toastify__bounce-enter--top-center{animation-name:Toastify__bounceInDown}.Toastify__bounce-enter--bottom-center{animation-name:Toastify__bounceInUp}.Toastify__bounce-exit--bottom-left,.Toastify__bounce-exit--top-left{animation-name:Toastify__bounceOutLeft}.Toastify__bounce-exit--bottom-right,.Toastify__bounce-exit--top-right{animation-name:Toastify__bounceOutRight}.Toastify__bounce-exit--top-center{animation-name:Toastify__bounceOutUp}.Toastify__bounce-exit--bottom-center{animation-name:Toastify__bounceOutDown}@keyframes Toastify__zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes Toastify__zoomOut{0%{opacity:1}50%{opacity:0;transform:translate3d(0,var(--y),0) scale3d(.3,.3,.3)}to{opacity:0}}.Toastify__zoom-enter{animation-name:Toastify__zoomIn}.Toastify__zoom-exit{animation-name:Toastify__zoomOut}@keyframes Toastify__flipIn{0%{animation-timing-function:ease-in;opacity:0;transform:perspective(400px) rotateX(90deg)}40%{animation-timing-function:ease-in;transform:perspective(400px) rotateX(-20deg)}60%{opacity:1;transform:perspective(400px) rotateX(10deg)}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}}@keyframes Toastify__flipOut{0%{transform:translate3d(0,var(--y),0) perspective(400px)}30%{opacity:1;transform:translate3d(0,var(--y),0) perspective(400px) rotateX(-20deg)}to{opacity:0;transform:translate3d(0,var(--y),0) perspective(400px) rotateX(90deg)}}.Toastify__flip-enter{animation-name:Toastify__flipIn}.Toastify__flip-exit{animation-name:Toastify__flipOut}@keyframes Toastify__slideInRight{0%{transform:translate3d(110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInLeft{0%{transform:translate3d(-110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInUp{0%{transform:translate3d(0,110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInDown{0%{transform:translate3d(0,-110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideOutRight{0%{transform:translate3d(0,var(--y),0)}to{transform:translate3d(110%,var(--y),0);visibility:hidden}}@keyframes Toastify__slideOutLeft{0%{transform:translate3d(0,var(--y),0)}to{transform:translate3d(-110%,var(--y),0);visibility:hidden}}@keyframes Toastify__slideOutDown{0%{transform:translate3d(0,var(--y),0)}to{transform:translate3d(0,500px,0);visibility:hidden}}@keyframes Toastify__slideOutUp{0%{transform:translate3d(0,var(--y),0)}to{transform:translate3d(0,-500px,0);visibility:hidden}}.Toastify__slide-enter--bottom-left,.Toastify__slide-enter--top-left{animation-name:Toastify__slideInLeft}.Toastify__slide-enter--bottom-right,.Toastify__slide-enter--top-right{animation-name:Toastify__slideInRight}.Toastify__slide-enter--top-center{animation-name:Toastify__slideInDown}.Toastify__slide-enter--bottom-center{animation-name:Toastify__slideInUp}.Toastify__slide-exit--bottom-left,.Toastify__slide-exit--top-left{animation-duration:.3s;animation-name:Toastify__slideOutLeft;animation-timing-function:ease-in}.Toastify__slide-exit--bottom-right,.Toastify__slide-exit--top-right{animation-duration:.3s;animation-name:Toastify__slideOutRight;animation-timing-function:ease-in}.Toastify__slide-exit--top-center{animation-duration:.3s;animation-name:Toastify__slideOutUp;animation-timing-function:ease-in}.Toastify__slide-exit--bottom-center{animation-duration:.3s;animation-name:Toastify__slideOutDown;animation-timing-function:ease-in}@keyframes Toastify__spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}