@import"https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&family=Inter:wght@300;400;500;600&display=swap";:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;color:#333}#root{min-height:100vh;width:100%;background:#f5f1e8}.App{min-height:100vh;width:100%;margin:0;padding:0}.event-container{width:100%;min-height:100vh;margin:0;padding:0;display:flex;flex-direction:column}.hero-section{flex:1;background-image:url(/bg_screen.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;display:flex;align-items:center;justify-content:center;padding:.5rem 2rem 2rem;position:relative;height:calc(100vh - 60px);overflow:hidden}.hero-section:before{content:"";position:absolute;inset:0;background:#0000004d;z-index:1}.hero-content{position:relative;z-index:2;text-align:center;max-width:1000px;width:100%}.event-title-section{margin-bottom:6rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.3rem}.main-logo{text-align:center;width:100%;margin-bottom:0;margin-top:0}.event-main-logo{width:100%;height:auto;max-width:300px;object-fit:contain;filter:drop-shadow(0 8px 16px rgba(0,0,0,.3));border-radius:15px}.title-image{text-align:center;max-width:400px;width:100%}.event-title-img{width:100%;height:auto;max-width:400px;object-fit:contain;filter:drop-shadow(0 4px 8px rgba(0,0,0,.2))}.event-title{font-family:Cormorant Garamond,serif;font-size:4rem;font-weight:400;color:#b8860b;margin:0;line-height:1.2;font-style:italic;letter-spacing:-.02em}.event-title-accent{font-family:Cormorant Garamond,serif;font-size:5rem;font-weight:700;color:#daa520;margin:0;line-height:.9;margin-top:.5rem;font-style:italic;letter-spacing:-.03em}.bible-verse{background:linear-gradient(135deg,#fffffff2,#f5f1e8e6);padding:2.5rem;border-radius:20px;box-shadow:0 15px 40px #65432126,inset 0 1px #ffffff4d;margin:0 auto 3rem;max-width:650px;border:2px solid rgba(218,165,32,.2);position:relative;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.bible-verse:before{content:'"';position:absolute;top:-10px;left:20px;font-size:4rem;color:#daa5204d;font-family:Cormorant Garamond,serif;line-height:1}.bible-verse:after{content:'"';position:absolute;bottom:-20px;right:20px;font-size:4rem;color:#daa5204d;font-family:Cormorant Garamond,serif;line-height:1}.verse-text{font-family:Cormorant Garamond,serif;font-size:1.4rem;color:#654321;font-style:italic;margin-bottom:1.5rem;line-height:1.6;text-align:center;font-weight:400;position:relative;z-index:1}.verse-reference{font-family:Inter,sans-serif;font-size:1rem;color:#b8860b;font-weight:600;text-align:right;text-transform:uppercase;letter-spacing:1px;position:relative;z-index:1}.hero-cta{margin-top:3rem;display:flex;flex-direction:column;align-items:center;gap:1.5rem}.hero-buttons{display:flex;gap:1.5rem;align-items:center;justify-content:center}.search-registration-btn{background:#ffffffe6;color:#b8860b;border:2px solid rgba(218,165,32,.5);padding:1rem 1.8rem;font-size:1rem;font-weight:600;border-radius:8px;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 2px 10px #daa52033}.search-registration-btn:hover{background:#daa5201a;border-color:#b8860b;transform:translateY(-2px);box-shadow:0 4px 15px #daa5204d}.admin-button{background:linear-gradient(135deg,#6a1b9a,#9c27b0);color:#fff;border:none;padding:1rem 1.8rem;font-size:1rem;font-weight:600;border-radius:8px;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 10px #6a1b9a4d}.admin-button:hover{background:linear-gradient(135deg,#4a148c,#6a1b9a);transform:translateY(-2px);box-shadow:0 4px 15px #6a1b9a66}.modal-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal-content{background:linear-gradient(135deg,#fffffff2,#f5f1e8e6);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-radius:20px;border:2px solid rgba(218,165,32,.3);box-shadow:0 20px 50px #65432133;max-width:500px;width:100%;max-height:90vh;overflow-y:auto}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;border-bottom:1px solid rgba(218,165,32,.2)}.modal-header h3{color:#b8860b;font-family:Cormorant Garamond,serif;font-size:1.5rem;font-weight:600;margin:0}.modal-close{background:none;border:none;font-size:1.5rem;color:#b8860b;cursor:pointer;padding:.5rem;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.modal-close:hover{background:#daa5201a;color:#654321}.modal-body{padding:2rem}.modal-description{color:#654321;font-size:1rem;margin-bottom:1.5rem;line-height:1.5;text-align:center}.modal-search-form{display:flex;flex-direction:column;gap:1rem}.modal-search-input{padding:1rem;border:2px solid rgba(218,165,32,.3);border-radius:8px;font-size:1rem;font-family:Inter,sans-serif;background:#ffffffe6;color:#654321;transition:all .3s ease}.modal-search-input::placeholder{color:#65432199}.modal-search-input:focus{outline:none;border-color:#b8860b;box-shadow:0 0 0 3px #b8860b1a}.modal-search-button{background:linear-gradient(135deg,#daa520,gold);color:#3e2723;border:none;padding:1rem;font-size:1.1rem;font-weight:600;border-radius:8px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #daa5204d}.modal-search-button:hover:not(:disabled){background:linear-gradient(135deg,gold,#ffc107);transform:translateY(-2px);box-shadow:0 6px 20px #ffd70066}.modal-search-button:disabled{background:#ccc;cursor:not-allowed;transform:none;box-shadow:none}.search-tabs{display:flex;margin-bottom:1.5rem;border-bottom:1px solid rgba(218,165,32,.2)}.search-tab{flex:1;padding:.8rem 1rem;background:none;border:none;color:#654321;font-weight:500;cursor:pointer;transition:all .3s ease;border-bottom:2px solid transparent;font-family:Inter,sans-serif}.search-tab:hover{color:#b8860b;background:#daa5200d}.search-tab.active{color:#b8860b;border-bottom-color:#b8860b;background:#daa5201a;font-weight:600}.search-results{margin-top:1.5rem;padding-top:1.5rem}.search-results h4{color:#b8860b;font-family:Cormorant Garamond,serif;font-size:1.2rem;margin-bottom:1rem;text-align:center}.search-result-item{background:#fffc;border:1px solid rgba(218,165,32,.2);border-radius:10px;padding:1rem;margin-bottom:.8rem;cursor:pointer;transition:all .3s ease;display:flex;justify-content:space-between;align-items:center}.search-result-item:hover{background:#daa5200d;border-color:#daa52066;transform:translateY(-1px);box-shadow:0 4px 12px #daa52033}.result-main p{margin:.2rem 0;color:#654321}.result-main strong{color:#b8860b;font-size:1.1rem}.result-id{font-size:.9rem!important;color:#888!important;font-family:Courier New,monospace}.result-status{flex-shrink:0}.search-message{padding:1rem;border-radius:8px;margin-top:1rem;text-align:center;font-weight:500}.search-message.success{background:#4caf501a;color:#388e3c;border:1px solid rgba(76,175,80,.3)}.search-message.error{background:#f443361a;color:#d32f2f;border:1px solid rgba(244,67,54,.3)}.register-button-hero{background:linear-gradient(135deg,#daa520,gold);color:#3e2723;border:none;padding:1rem 2.5rem;font-size:1.2rem;font-weight:600;border-radius:8px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #daa5204d}.register-button-hero:hover{background:linear-gradient(135deg,gold,#ffc107);transform:translateY(-2px);box-shadow:0 8px 20px #ffd70066}.event-details{padding:4rem 2rem;background:#fff;width:100%;margin:0}.event-info-card{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem;margin:2rem 0;max-width:100%}.hero-section .event-info-card{margin:2rem 0}.event-info-item{background:linear-gradient(135deg,#fffffff2,#f5f1e8e6);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);padding:1.5rem 2rem;display:flex;align-items:center;justify-content:center;text-align:center;box-shadow:0 15px 40px #65432126,inset 0 1px #ffffff4d;border:2px solid rgba(218,165,32,.2);position:relative;overflow:hidden;transition:all .3s ease;min-width:220px;max-width:280px;flex:1;border-radius:20px}.event-info-item:nth-child(1){background:linear-gradient(135deg,#fffffff2,#f5f1e8e6);border:2px solid rgba(218,165,32,.2)}.event-info-item:nth-child(1):before{content:"📅";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:6rem;opacity:.1;z-index:0}.event-info-item:nth-child(2){background:linear-gradient(135deg,#fffffff2,#f5f1e8e6);border:2px solid rgba(218,165,32,.2)}.event-info-item:nth-child(2):before{content:"📍";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:6rem;opacity:.1;z-index:0}.event-info-item:nth-child(3){background:linear-gradient(135deg,#fffffff2,#f5f1e8e6);border:2px solid rgba(218,165,32,.2)}.event-info-item:nth-child(3):before{content:"💰";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:6rem;opacity:.1;z-index:0}.event-info-item:hover{transform:scale(1.05) rotate(0);box-shadow:0 12px 40px #0003}.event-info-item:nth-child(3):hover{transform:scale(1.08) rotate(0);box-shadow:0 15px 50px #daa5204d;border-color:#b8860b80}.hero-section .event-info-item{background:#fffffff2;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}.info-content{width:100%;position:relative;z-index:1}.info-content h3{color:#b8860b;margin-bottom:.3rem;font-size:1rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;font-family:Inter,sans-serif}.info-content p{color:#654321;margin:.1rem 0;font-size:.9rem;line-height:1.3;font-family:Inter,sans-serif}.price{font-weight:900!important;color:#daa520!important;font-size:1.2rem!important;font-family:Inter,sans-serif!important}.event-info-item:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%);transform:rotate(45deg);transition:all .6s ease;opacity:0}.event-info-item:hover:after{opacity:1;animation:shimmer 2s ease-in-out infinite}@keyframes shimmer{0%,to{transform:rotate(45deg) scale(1);opacity:.3}50%{transform:rotate(45deg) scale(1.1);opacity:.1}}.event-info-item:nth-child(1){animation:float1 6s ease-in-out infinite}.event-info-item:nth-child(2){animation:float2 8s ease-in-out infinite}.event-info-item:nth-child(3){animation:float3 7s ease-in-out infinite}@keyframes float1{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes float2{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes float3{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.cta-section{background:#e3f2fd;padding:3rem 2rem;border-radius:15px;text-align:center;margin:3rem auto;max-width:1200px}.cta-section h2{color:#1976d2;font-size:2.5rem;margin-bottom:1rem}.cta-section p{color:#666;font-size:1.2rem;max-width:600px;margin:0 auto 2rem}.register-button{background:#1976d2;color:#fff;border:none;padding:1rem 2.5rem;font-size:1.1rem;font-weight:600;border-radius:8px;cursor:pointer;transition:all .3s ease}.register-button:hover{background:#1565c0;transform:translateY(-2px);box-shadow:0 4px 12px #1976d24d}.event-description{background:#f9f9f9;padding:3rem;border-radius:15px;margin:3rem auto;max-width:1200px}.event-description h3{color:#1976d2;font-size:2rem;margin-bottom:1.5rem;text-align:center}.event-description p{color:#555;font-size:1.1rem;line-height:1.7;margin-bottom:1.5rem}.program-highlights{background:#fff;padding:2rem;border-radius:10px;border:1px solid #e0e0e0}.program-highlights h4{color:#1976d2;font-size:1.4rem;margin-bottom:1rem;text-align:center}.program-highlights ul{list-style:none;padding:0}.program-highlights li{color:#666;padding:.8rem 0 .8rem 2rem;position:relative;font-size:1rem;border-bottom:1px solid #f0f0f0}.program-highlights li:last-child{border-bottom:none}.program-highlights li:before{content:"•";color:#1976d2;font-size:1.5rem;position:absolute;left:0}.event-footer{background:#37474f;color:#fff;padding:3rem 2rem;text-align:center;width:100%;margin:0}.event-footer p{margin:.5rem 0;font-size:1rem}.contact-info{padding-bottom:1rem;padding-top:1rem;border-top:none}.contact-info p{font-weight:600}.form-header{display:flex;align-items:center;margin-bottom:2rem;gap:1rem}.back-arrow-btn{background:#daa5201a;border:2px solid rgba(218,165,32,.3);color:#b8860b;width:40px;height:40px;border-radius:50%;cursor:pointer;font-size:1.2rem;font-weight:700;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.back-arrow-btn:hover{background:#daa52033;border-color:#b8860b;transform:scale(1.05)}.form-header h2{margin:0}.registration-form{background:linear-gradient(135deg,#fffffff2,#f5f1e8e6);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);padding:2.5rem;border-radius:20px;box-shadow:0 15px 40px #65432126,inset 0 1px #ffffff4d;border:2px solid rgba(218,165,32,.2);max-width:800px;margin:2rem auto}.registration-form h2{color:#b8860b;text-align:center;font-size:2rem;font-family:Cormorant Garamond,serif;font-weight:600;margin-bottom:2rem}.form-group{margin-bottom:1.5rem}.form-group label{display:block;color:#654321;font-weight:600;margin-bottom:.5rem;font-size:1rem;font-family:Inter,sans-serif}.form-group input,.form-group textarea,.form-group select{width:100%;padding:1rem 2.5rem 1rem 1rem;border:2px solid #e0e0e0;border-radius:8px;font-size:1rem;transition:border-color .3s ease;font-family:Inter,sans-serif}.form-group input,.form-group textarea{padding-right:1rem}.form-group textarea{resize:vertical;min-height:80px}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:#b8860b;box-shadow:0 0 0 3px #b8860b1a}button[type=submit]{width:100%;background:linear-gradient(135deg,#daa520,gold);color:#3e2723;border:none;padding:1rem;font-size:1.1rem;font-weight:600;border-radius:8px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #daa5204d}button[type=submit]:hover:not(:disabled){background:linear-gradient(135deg,gold,#ffc107);transform:translateY(-2px);box-shadow:0 6px 20px #ffd70066}button[type=submit]:disabled{background:#ccc;cursor:not-allowed;transform:none}.message{margin-top:1rem;margin-bottom:1rem;padding:1rem;border-radius:8px;text-align:center;font-weight:600}.message.success{background:#e8f5e8;color:#2e7d32;border:1px solid #4caf50}.message.error{background:#ffebee;color:#c62828;border:1px solid #f44336}.participants-section{margin:2rem 0;padding:1.5rem;border:2px solid rgba(218,165,32,.2);border-radius:15px;background:#f5f1e880}.participants-section h3{color:#b8860b;font-family:Cormorant Garamond,serif;font-size:1.5rem;margin-bottom:.5rem}.participants-info{color:#654321;font-size:.9rem;margin-bottom:1.5rem;font-style:italic}.participant-form{background:#fffc;padding:1.5rem;border-radius:10px;margin-bottom:1rem;border:1px solid rgba(218,165,32,.3)}.participant-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.participant-header h4{color:#b8860b;margin:0;font-family:Inter,sans-serif}.remove-participant-btn{background:#f44;color:#fff;border:none;border-radius:50%;width:30px;height:30px;cursor:pointer;font-size:1rem;transition:background .3s ease;display:flex;align-items:center;justify-content:center;line-height:1}.remove-participant-btn:hover{background:#c00}.form-row{display:flex;gap:1rem}.form-row .form-group{flex:1}.add-participant-btn{width:100%;background:#daa5201a;color:#b8860b;border:2px dashed rgba(218,165,32,.5);padding:1rem;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:600;transition:all .3s ease;margin-top:1rem}.add-participant-btn:hover{background:#daa52033;border-color:#b8860b}.total-cost{background:linear-gradient(135deg,#daa5201a,#ffffffe6);padding:1.5rem;border-radius:15px;border:2px solid rgba(218,165,32,.3);margin:2rem 0;text-align:center}.total-cost h3{color:#b8860b;font-family:Cormorant Garamond,serif;font-size:1.8rem;margin-bottom:1rem}.cost-breakdown{color:#654321;font-size:.9rem;line-height:1.4}.cost-breakdown p{margin:.3rem 0}.section-title{color:#b8860b;font-family:Cormorant Garamond,serif;font-size:1.3rem;margin-bottom:1.5rem;margin-top:0;border-bottom:2px solid rgba(218,165,32,.3);padding-bottom:.5rem}.payment-upload-section{margin-top:3rem;padding:2rem;background:linear-gradient(135deg,#daa5201a,#fffffff2);border-radius:15px;border:2px solid rgba(218,165,32,.3)}.payment-info{background:#ffffffe6;padding:1.5rem;border-radius:10px;margin-bottom:2rem;border:1px solid rgba(218,165,32,.2)}.payment-info p{margin:.5rem 0;color:#654321}.payment-instructions{font-style:italic;color:#b8860b!important;margin:1rem 0!important}.bank-info{background:#b8860b1a;padding:1rem;border-radius:8px;margin-top:1rem;border-left:4px solid #B8860B}.bank-info p{margin:.3rem 0!important;font-weight:600}.payment-form{background:#fffc;padding:1.5rem;border-radius:10px;border:1px solid rgba(218,165,32,.2)}.form-group small{display:block;color:#888;font-size:.8rem;margin-top:.3rem;font-style:italic}.search-payment-container{min-height:100vh;background:linear-gradient(135deg,#f5f1e8,#f0ebd8);padding:2rem}.search-payment-content{max-width:800px;margin:0 auto;background:linear-gradient(135deg,#fffffff2,#f5f1e8e6);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);padding:2.5rem;border-radius:20px;box-shadow:0 15px 40px #65432126,inset 0 1px #ffffff4d;border:2px solid rgba(218,165,32,.2)}.search-payment-content h1{color:#b8860b;font-family:Cormorant Garamond,serif;text-align:center;margin-bottom:2rem}.registration-details{background:#fffc;padding:1.5rem;border-radius:15px;margin-bottom:2rem;border:1px solid rgba(218,165,32,.2)}.registration-details h2{color:#b8860b;font-family:Cormorant Garamond,serif;margin-bottom:1rem;font-size:1.5rem}.detail-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;border-bottom:1px solid rgba(218,165,32,.1);color:#654321}.detail-item:last-child{border-bottom:none}.status-badge{padding:.3rem .8rem;border-radius:20px;font-size:.8rem;font-weight:600;text-transform:uppercase}.status-1{background:#ffc10733;color:#f57f17}.status-2{background:#2196f333;color:#1976d2}.status-3{background:#4caf5033;color:#388e3c}.payment-section{background:linear-gradient(135deg,#daa5201a,#fffffff2);padding:2rem;border-radius:15px;border:2px solid rgba(218,165,32,.3);margin-bottom:2rem}.payment-section h2{color:#b8860b;font-family:Cormorant Garamond,serif;margin-bottom:1.5rem}.qris-payment{margin-bottom:2rem}.qris-payment h3{color:#654321;margin-bottom:1rem}.qris-container{display:flex;justify-content:center;margin:1.5rem 0}.qris-image{max-width:300px;width:100%;height:auto;border-radius:10px;box-shadow:0 8px 20px #0000001a}.payment-amount{font-size:1.2rem;color:#b8860b;margin:1rem 0}.upload-section{background:#fffc;padding:1.5rem;border-radius:10px;border:1px solid rgba(218,165,32,.2)}.upload-section h3{color:#b8860b;margin-bottom:1rem}.payment-confirmed,.payment-complete{text-align:center;padding:2rem;background:#4caf501a;border-radius:15px;border:2px solid rgba(76,175,80,.3);margin-bottom:2rem}.payment-confirmed h3,.payment-complete h2,.payment-complete h3{color:#388e3c;margin-bottom:1rem;font-size:1.5rem;font-family:Cormorant Garamond,serif}.payment-complete h2{font-size:2rem;margin-bottom:1.5rem}.success-message{font-size:1.2rem;font-weight:600;margin-bottom:2rem;color:#1b5e20}.success-qr-section{background:#ffffffe6;padding:2rem;border-radius:15px;border:2px solid rgba(76,175,80,.3);margin:2rem 0}.success-qr-section h3{color:#4caf50;margin-bottom:1rem;font-size:1.3rem}.success-qr{max-width:250px;border:3px solid #4CAF50;border-radius:10px;box-shadow:0 8px 20px #4caf504d}.qr-placeholder{background:#4caf501a;border:2px dashed #4CAF50;border-radius:10px;padding:3rem;margin:1rem 0}.qr-placeholder p{color:#4caf50;font-style:italic}.qr-instructions{background:#2196f30d;padding:1.5rem;border-radius:10px;border:1px solid rgba(33,150,243,.2);margin-top:1.5rem;text-align:left}.qr-instructions h4{color:#1976d2;margin-bottom:1rem;font-size:1.1rem}.qr-instructions ul{color:#2e7d32;padding-left:1.5rem}.qr-instructions li{margin-bottom:.5rem;line-height:1.4}.event-info-success{background:#ffc1071a;padding:1.5rem;border-radius:10px;border:1px solid rgba(255,193,7,.3);margin:1.5rem 0;text-align:left}.event-info-success h4{color:#f57f17;margin-bottom:1rem}.event-details-success p{color:#654321;margin-bottom:.5rem;font-size:1rem}.success-reminder{background:#ff57221a;padding:1.5rem;border-radius:10px;border:1px solid rgba(255,87,34,.3);margin:1.5rem 0;text-align:left}.success-reminder h4{color:#e64a19;margin-bottom:1rem}.success-reminder ul{color:#2e7d32;padding-left:1.5rem}.success-reminder li{margin-bottom:.8rem;line-height:1.4}.contact-info-success{background:#9c27b01a;padding:1.5rem;border-radius:10px;border:1px solid rgba(156,39,176,.3);margin-top:1.5rem}.contact-info-success p{color:#7b1fa2;margin-bottom:.5rem;font-size:1rem;font-weight:500}.loading{text-align:center;padding:3rem;font-size:1.2rem;color:#b8860b}.error-message{text-align:center;padding:3rem;color:#654321}.error-message h2{color:#b8860b;font-family:Cormorant Garamond,serif;margin-bottom:1rem}.resend-email-section{background:linear-gradient(135deg,#2196f31a,#fffffff2);padding:2rem;border-radius:15px;border:2px solid rgba(33,150,243,.3);margin-bottom:2rem;text-align:center}.resend-email-section h3{color:#1976d2;font-family:Cormorant Garamond,serif;margin-bottom:1rem;font-size:1.3rem}.resend-email-section p{color:#654321;margin-bottom:1.5rem;font-size:.95rem}.resend-email-btn{background:linear-gradient(135deg,#1976d2,#2196f3);color:#fff;border:none;padding:1rem 2rem;font-size:1rem;font-weight:600;border-radius:8px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #1976d24d}.resend-email-btn:hover:not(:disabled){background:linear-gradient(135deg,#1565c0,#1976d2);transform:translateY(-2px);box-shadow:0 6px 20px #1976d266}.email-message{margin-top:1rem;padding:1rem;border-radius:8px;font-weight:500}.email-message.success{background:#4caf501a;color:#388e3c;border:1px solid rgba(76,175,80,.3)}.email-message.error{background:#f443361a;color:#d32f2f;border:1px solid rgba(244,67,54,.3)}.regenerate-qr-btn{background:linear-gradient(135deg,#dc3545,#c82333);color:#fff;border:none;padding:.8rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;font-size:.9rem;box-shadow:0 3px 10px #dc35454d;width:100%}.regenerate-qr-btn:hover:not(:disabled){background:linear-gradient(135deg,#c82333,#a71e2a);transform:translateY(-2px);box-shadow:0 6px 15px #dc354566}.regenerate-qr-btn:disabled{background:#ccc;cursor:not-allowed;transform:none;box-shadow:none}.admin-container{min-height:100vh;background:linear-gradient(135deg,#f5f1e8,#f0ebd8);padding:2rem}.admin-header{display:flex;justify-content:space-between;align-items:center;background:#fffffff2;padding:1.5rem 2rem;border-radius:15px;border:2px solid rgba(218,165,32,.3);margin-bottom:2rem;box-shadow:0 8px 25px #6543211a}.admin-header-left{display:flex;align-items:center;gap:1rem}.admin-header-left h1{color:#b8860b;font-family:Cormorant Garamond,serif;margin:0;font-size:1.8rem}.back-btn{background:#daa5201a;border:2px solid rgba(218,165,32,.3);color:#b8860b;padding:.5rem 1rem;border-radius:8px;cursor:pointer;font-weight:600;transition:all .3s ease}.back-btn:hover{background:#daa52033;border-color:#b8860b}.admin-header-right{display:flex;align-items:center;gap:1rem}.admin-user{color:#654321;font-weight:500;font-size:.9rem}.logout-btn{background:#dc3545;color:#fff;border:none;padding:.6rem 1.2rem;border-radius:6px;cursor:pointer;font-weight:600;font-size:.9rem;transition:all .3s ease}.logout-btn:hover{background:#c82333;transform:translateY(-1px)}.admin-controls{display:flex;justify-content:space-between;align-items:center;background:#ffffffe6;padding:1.5rem;border-radius:12px;border:1px solid rgba(218,165,32,.2);margin-bottom:2rem}.filter-controls{display:flex;align-items:center;gap:.8rem}.filter-controls label{color:#654321;font-weight:600}.filter-controls select{padding:.6rem 1rem;border:1px solid rgba(218,165,32,.3);border-radius:6px;background:#fff;color:#654321;font-weight:500}.search-controls{flex:1;display:flex;align-items:center;margin-right:1rem}.registration-search{width:100%;max-width:400px;padding:.8rem 1rem;border:1px solid rgba(218,165,32,.3);border-radius:8px;background:#fff;color:#333;font-size:.95rem;font-weight:500;transition:all .2s ease}.registration-search:focus{outline:none;border-color:#daa520;box-shadow:0 0 0 3px #daa5201a}.registration-search::placeholder{color:#999;font-weight:400}.deleted-toggle{display:flex;align-items:center;margin-left:1rem}.deleted-toggle label{display:flex;align-items:center;gap:.5rem;color:#654321;font-weight:600;cursor:pointer}.deleted-toggle input[type=checkbox]{width:16px;height:16px;accent-color:#DAA520}.stats-summary{display:flex;gap:1.5rem;font-size:.9rem;font-weight:600;color:#654321}.stats-summary span{padding:.4rem .8rem;background:#daa5201a;border-radius:6px}.participant-stats{background:#fffffff2;border-radius:12px;padding:1.5rem;margin:1.5rem 0;border:1px solid rgba(218,165,32,.2);box-shadow:0 4px 6px #0000000d}.participant-stats h4{color:#b8860b;margin-bottom:1rem;font-size:1.1rem;font-weight:600}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.stat-item{background:linear-gradient(135deg,#fefefe,#f8f6f0);border-radius:10px;padding:1.25rem;border:1px solid rgba(218,165,32,.15)}.stat-item h5{color:#654321;margin-bottom:.75rem;font-size:.95rem;font-weight:600;display:flex;align-items:center;gap:.5rem}.stat-details{display:flex;flex-direction:column;gap:.75rem}.stat-total{font-size:1.5rem;font-weight:700;color:#b8860b;text-align:center;padding:.5rem;background:#daa5201a;border-radius:8px}.stat-breakdown{display:flex;flex-direction:column;gap:.4rem}.stat-breakdown span{font-size:.85rem;color:#666;padding:.3rem .6rem;background:#0000000d;border-radius:5px;display:flex;justify-content:space-between}.statistics-tab{padding:1rem 0}.detailed-breakdown{background:#fffffff2;border-radius:12px;padding:1.5rem;margin-top:2rem;border:1px solid rgba(218,165,32,.2);box-shadow:0 4px 6px #0000000d}.detailed-breakdown h4{color:#b8860b;margin-bottom:1rem;font-size:1.1rem;font-weight:600}.breakdown-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.breakdown-item{background:linear-gradient(135deg,#fefefe,#f8f6f0);border-radius:10px;padding:1.25rem;border:1px solid rgba(218,165,32,.15)}.status-header{font-size:1rem;font-weight:600;margin-bottom:1rem;padding:.5rem;border-radius:8px;text-align:center}.status-header.status-1{background:#ffc10726;color:#b8860b}.status-header.status-2{background:#007bff26;color:#06c}.status-header.status-3{background:#28a74526;color:#28a745}.breakdown-details{display:flex;flex-direction:column;gap:.75rem}.breakdown-row{display:flex;justify-content:space-between;align-items:center;padding:.5rem;background:#00000008;border-radius:6px;font-size:.9rem}.breakdown-row span:first-child{color:#666;font-weight:500}.breakdown-row span:last-child{color:#333;font-weight:600}.participants-tab{padding:1rem 0}.participants-controls{background:#fffffff2;border-radius:12px;padding:1.5rem;margin-bottom:1.5rem;border:1px solid rgba(218,165,32,.2);display:flex;gap:2rem;align-items:end;flex-wrap:wrap}.search-controls{flex:2;min-width:300px}.export-controls{display:flex;align-items:center}.export-excel-btn{background:linear-gradient(135deg,#28a745,#20c997);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 4px #0000001a;white-space:nowrap}.export-excel-btn:hover{background:linear-gradient(135deg,#218838,#1ca085);transform:translateY(-1px);box-shadow:0 4px 8px #0003}.export-excel-btn:active{transform:translateY(0);box-shadow:0 2px 4px #0000001a}.participant-search{width:100%;padding:.75rem 1rem;border:2px solid rgba(218,165,32,.3);border-radius:8px;font-size:.9rem;background:#ffffffe6;transition:all .3s ease}.participant-search:focus{outline:none;border-color:#daa520;box-shadow:0 0 0 3px #daa5201a}.participants-summary{margin-bottom:1.5rem}.summary-stats{display:flex;gap:1.5rem;font-size:.9rem;font-weight:600;color:#654321;flex-wrap:wrap}.summary-stats span{padding:.4rem .8rem;background:#daa5201a;border-radius:6px}.participants-table-container{background:#fffffff2;border-radius:12px;border:1px solid rgba(218,165,32,.2);box-shadow:0 2px 4px #0000000d;overflow:hidden}.table-wrapper{overflow-x:auto;max-height:70vh;overflow-y:auto}.participants-table{width:100%;border-collapse:collapse;font-size:.85rem}.participants-table thead{background:linear-gradient(135deg,#daa520,#b8860b);color:#fff;position:sticky;top:0;z-index:10}.participants-table th{padding:1rem .75rem;text-align:left;font-weight:600;border-bottom:2px solid rgba(255,255,255,.2);white-space:nowrap;font-size:.8rem;text-transform:uppercase;letter-spacing:.5px}.participants-table tbody tr{border-bottom:1px solid rgba(218,165,32,.1);transition:background-color .2s ease}.participants-table tbody tr:hover{background-color:#daa5200d}.participants-table tbody tr:nth-child(2n){background-color:#f5f1e84d}.participants-table tbody tr:nth-child(2n):hover{background-color:#daa52014}.participants-table td{padding:.75rem;vertical-align:middle;border-right:1px solid rgba(218,165,32,.1)}.participants-table td:last-child{border-right:none}.participant-name{min-width:150px}.participant-name strong{color:#654321;font-weight:600}.address-cell{max-width:200px;word-wrap:break-word;line-height:1.3}.whatsapp-link{color:#25d366;text-decoration:none;font-weight:500;transition:color .3s ease}.whatsapp-link:hover{color:#128c7e;text-decoration:underline}.community-yes{color:#28a745;font-weight:500}.community-no{color:#6c757d;font-weight:500}.registration-id{font-family:monospace;font-size:.8rem;background:#daa5201a;padding:.2rem .4rem;border-radius:4px;color:#b8860b;font-weight:500}.gender-badge{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;font-size:1.2rem;transition:all .3s ease}.gender-badge.laki-laki{background:#36a2eb26}.gender-badge.perempuan{background:#ff638426}.registrations-table{display:flex;flex-direction:column;gap:1rem}.registration-card{background:#fffffff2;border:1px solid rgba(218,165,32,.2);border-radius:15px;padding:1.5rem;transition:all .3s ease;box-shadow:0 4px 15px #6543211a}.registration-card:hover{border-color:#daa52066;box-shadow:0 8px 25px #65432126}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid rgba(218,165,32,.2)}.card-header-actions{display:flex;align-items:center;gap:1rem}.expand-btn{background:#2196f31a;color:#1976d2;border:1px solid rgba(33,150,243,.3);padding:.5rem 1rem;border-radius:6px;cursor:pointer;font-size:.85rem;font-weight:600;transition:all .3s ease}.expand-btn:hover{background:#2196f333;border-color:#1976d2}.qr-btn{background:#d4af371a;color:#d4af37;border:1px solid rgba(212,175,55,.3);padding:.5rem 1rem;border-radius:6px;cursor:pointer;font-size:.85rem;font-weight:600;transition:all .3s ease}.qr-btn:hover{background:#d4af3733;border-color:#d4af37}.qr-code-display{margin-top:1.5rem;padding:1.5rem;background:#f5f1e880;border-radius:12px;border:1px solid rgba(218,165,32,.2)}.qr-code-display h4{color:#b8860b;font-family:Cormorant Garamond,serif;margin-bottom:1rem;text-align:center}.qr-code-info{text-align:center;margin:1rem 0;color:#654321}.qr-code-info p{margin:.5rem 0}.participant-details{margin-top:1.5rem;padding:1.5rem;background:#f5f1e880;border-radius:12px;border:1px solid rgba(218,165,32,.2)}.participant-details h4{color:#b8860b;font-family:Cormorant Garamond,serif;margin-bottom:1rem;font-size:1.2rem}.participant-item{background:#fffc;padding:1rem;border-radius:10px;margin-bottom:1rem;border:1px solid rgba(218,165,32,.1)}.participant-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.8rem;padding-bottom:.8rem;border-bottom:1px solid rgba(218,165,32,.15)}.participant-header h5{color:#b8860b;margin:0;font-size:1.1rem;font-weight:600}.gender-badge{padding:.3rem .8rem;border-radius:15px;font-size:.8rem;font-weight:600}.gender-badge.laki-laki{background:#2196f31a;color:#1976d2}.gender-badge.perempuan{background:#e91e631a;color:#c2185b}.participant-info{display:flex;flex-direction:column;gap:.6rem}.participant-row{display:flex;gap:2rem;font-size:.9rem;color:#654321}.participant-row span{flex:1}.participant-row strong{color:#b8860b}.qr-code-section{margin-top:1rem;padding-top:1rem;border-top:1px solid #e0d4b8}.qr-code-container{display:flex;flex-direction:column;align-items:center;gap:.8rem;padding:1rem;background:#fff;border-radius:8px;border:2px solid #d4af37}.qr-code-image{max-width:200px;width:100%;height:auto;border:2px solid #654321;border-radius:4px;padding:8px;background:#fff}.qr-download-link{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#d4af37;color:#fff;text-decoration:none;border-radius:4px;font-weight:500;transition:background-color .3s ease}.qr-download-link:hover{background:#b8960b}.book-info{margin-top:1rem;padding:1rem;background:#ffc1071a;border-radius:8px;border:1px solid rgba(255,193,7,.3)}.book-info h5{color:#f57f17;margin:0 0 .5rem;font-size:1rem}.book-info p{color:#654321;margin:0;font-weight:600}.action-group{display:flex;flex-direction:column;gap:1rem;width:100%;text-align:center}.action-label{color:#654321;font-weight:600;font-size:.95rem;padding:.8rem;background:#daa5200d;border-radius:8px}.approval-buttons{display:flex;gap:1rem;justify-content:center}.manual-approve-btn{background:linear-gradient(135deg,#ff9800,#ffc107);color:#fff;border:none;padding:.8rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;font-size:.9rem;box-shadow:0 3px 10px #ff98004d}.manual-approve-btn:hover:not(:disabled){background:linear-gradient(135deg,#f57c00,#ff9800);transform:translateY(-2px);box-shadow:0 6px 15px #ff980066}.manual-approve-btn:disabled{background:#ccc;cursor:not-allowed;transform:none;box-shadow:none}.registrant-info h3{color:#b8860b;margin:0;font-family:Cormorant Garamond,serif;font-size:1.3rem}.transaction-id{color:#888;font-size:.9rem;font-family:Courier New,monospace;margin:.3rem 0 0}.card-body{margin-bottom:1rem}.info-row{display:flex;gap:2rem;margin-bottom:.8rem}.info-item{flex:1;color:#654321;font-size:.95rem}.info-item strong{color:#b8860b}.payment-proof{margin-top:1rem;padding:1rem;background:#2196f30d;border-radius:8px;border:1px solid rgba(33,150,243,.2)}.payment-proof a{color:#1976d2;text-decoration:none;font-weight:600;margin-left:.5rem;padding:.3rem .8rem;background:#2196f31a;border-radius:4px;transition:all .3s ease}.payment-proof a:hover{background:#2196f333;transform:translateY(-1px)}.card-actions{display:flex;gap:1rem;padding-top:1rem;border-top:1px solid rgba(218,165,32,.2);justify-content:center}.approve-btn,.reject-btn,.revert-btn{padding:.7rem 1.5rem;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;font-size:.9rem}.approve-btn{background:linear-gradient(135deg,#4caf50,#66bb6a);color:#fff;box-shadow:0 3px 10px #4caf504d}.approve-btn:hover:not(:disabled){background:linear-gradient(135deg,#388e3c,#4caf50);transform:translateY(-2px);box-shadow:0 6px 15px #4caf5066}.reject-btn{background:linear-gradient(135deg,#f44336,#ef5350);color:#fff;box-shadow:0 3px 10px #f443364d}.reject-btn:hover:not(:disabled){background:linear-gradient(135deg,#d32f2f,#f44336);transform:translateY(-2px);box-shadow:0 6px 15px #f4433666}.revert-btn{background:linear-gradient(135deg,#ff9800,#ffb74d);color:#fff;box-shadow:0 3px 10px #ff98004d}.revert-btn:hover:not(:disabled){background:linear-gradient(135deg,#f57c00,#ff9800);transform:translateY(-2px);box-shadow:0 6px 15px #ff980066}.approve-btn:disabled,.reject-btn:disabled,.revert-btn:disabled{background:#ccc;cursor:not-allowed;transform:none;box-shadow:none}.resend-email-btn{background:linear-gradient(135deg,#007bff,#0056b3);color:#fff;border:none;padding:8px 16px;border-radius:6px;font-size:.9em;font-weight:500;cursor:pointer;transition:all .3s ease;margin-right:8px;box-shadow:0 3px 10px #007bff4d}.resend-email-btn:hover:not(:disabled){background:linear-gradient(135deg,#0056b3,#004085);transform:translateY(-1px);box-shadow:0 4px 12px #007bff66}.resend-email-btn:disabled{background:#ccc;cursor:not-allowed;transform:none;box-shadow:none}.admin-loading{text-align:center;padding:4rem;font-size:1.2rem;color:#b8860b}.no-data{text-align:center;padding:3rem;background:#fffc;border-radius:15px;border:2px dashed rgba(218,165,32,.3)}.no-data h3{color:#b8860b;font-family:Cormorant Garamond,serif;margin-bottom:.5rem}.no-data p{color:#654321}.books-tab{width:100%}.books-controls{display:flex;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap;align-items:center}.book-search{flex:1;min-width:300px;padding:.75rem 1rem;border:2px solid rgba(218,165,32,.3);border-radius:8px;font-size:.95rem;background:#ffffffe6;transition:border-color .3s ease}.book-search:focus{outline:none;border-color:#d4af37}.books-summary{background:#f5f1e880;padding:1.5rem;border-radius:12px;margin-bottom:1.5rem;border:1px solid rgba(218,165,32,.2)}.books-table-container{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 15px #6543211a}.books-table{width:100%;border-collapse:collapse}.books-table thead{background:linear-gradient(135deg,#d4af37,#b8860b);color:#fff}.books-table th{padding:1rem;text-align:left;font-weight:600;font-size:.9rem;text-transform:uppercase;letter-spacing:.5px}.books-table tbody tr{border-bottom:1px solid rgba(218,165,32,.1);transition:background-color .2s ease}.books-table tbody tr:hover{background-color:#d4af370d}.books-table td{padding:1rem;color:#654321;font-size:.9rem}.transaction-id-cell{font-family:monospace;color:#1976d2}.text-center{text-align:center}.text-right{text-align:right}.book-count-badge{display:inline-block;background:#4caf501a;color:#4caf50;padding:.25rem .75rem;border-radius:12px;font-weight:600;font-size:.9rem}@media(max-width:768px){.hero-section{padding:1rem}.event-title-section{flex-direction:column;gap:1.5rem}.title-image{max-width:400px}.event-title-img{max-width:100%}.event-title{font-size:2.8rem}.event-title-accent{font-size:3.5rem}.event-details{padding:2rem 1rem}.event-info-card{flex-direction:column;align-items:center;gap:1rem}.event-info-item{min-width:100%;max-width:100%;width:100%;text-align:center}.event-description{padding:2rem}.registration-form{margin:.5rem;padding:1.5rem;border-radius:15px;max-width:calc(100% - 1rem)}.registration-form h2{font-size:1.5rem;margin-bottom:1.5rem}.form-row{flex-direction:column;gap:0}.form-row .form-group,.form-group{margin-bottom:1rem}.form-group label{font-size:.9rem;margin-bottom:.4rem}.form-group input,.form-group textarea,.form-group select{padding:.8rem;font-size:.9rem;border-radius:6px}.form-group textarea{min-height:70px}.participant-card{padding:1rem;margin-bottom:1rem;border-radius:12px}.participant-card h4{font-size:1rem;margin-bottom:1rem}.remove-participant-btn{padding:.6rem 1rem;font-size:.8rem;margin-top:1rem}.add-participant-btn{padding:.8rem;font-size:.9rem;margin-bottom:1rem}.submit-btn{padding:1rem;font-size:1rem;margin-top:1rem}.participant-card .form-row{flex-direction:column;gap:0}.participant-card .form-group{margin-bottom:1rem}.register-btn,.primary-btn,.secondary-btn{width:100%;padding:1rem;font-size:1rem;margin-top:1rem;border-radius:8px}.hero-buttons .register-btn{width:auto;min-width:200px}.form-section{margin-bottom:2rem}.form-section:last-child{margin-bottom:1rem}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{transform:none;font-size:.9rem}.participants-section{margin-top:1.5rem}.participants-section h3{font-size:1.2rem;margin-bottom:1rem}.book-section{margin-top:1.5rem}.book-section h3{font-size:1.2rem}.error-message{font-size:.8rem;padding:.5rem;margin-top:.5rem}.loading-btn{padding:1rem;font-size:.9rem}@media(max-width:480px){.title-image{max-width:300px}.event-title-img{max-width:100%}.registration-form{margin:.25rem;padding:1rem}.registration-form h2{font-size:1.3rem}.form-group label{font-size:.85rem}.form-group input,.form-group textarea,.form-group select{padding:.75rem;font-size:.85rem}.participant-card{padding:.8rem}.modal-content{margin:.25rem;max-width:calc(100% - .5rem);border-radius:12px}.modal-header{padding:.8rem}.modal-header h3{font-size:1.1rem}.modal-body{padding:.8rem}.modal-search-input,.modal-search-button{padding:.7rem;font-size:.85rem}.search-result-item{padding:.8rem;margin-bottom:.6rem}.result-main h5{font-size:.9rem}.result-main p,.modal-description{font-size:.8rem}.search-payment-container{padding:.5rem}.search-payment-content{padding:1rem;border-radius:12px}.search-payment-content h1{font-size:1.3rem;margin-bottom:1rem}.registration-details{padding:.8rem;margin-bottom:1rem}.registration-details h2{font-size:1.1rem;margin-bottom:.8rem}.detail-item{margin-bottom:.6rem;padding:.4rem 0}.detail-item strong{font-size:.8rem}.detail-item span{font-size:.9rem}.payment-section{padding:1rem;margin-bottom:1rem}.payment-section h2{font-size:1.2rem;margin-bottom:.8rem}.qris-payment h3{font-size:1rem;margin-bottom:.8rem}.qris-image{max-width:200px}.payment-amount{font-size:1rem}.upload-section{padding:.8rem}.upload-section h3{font-size:1rem;margin-bottom:.8rem}.upload-section input[type=file]{padding:.6rem;font-size:.85rem}.upload-section button{padding:.8rem;font-size:.9rem}.resend-email-section{padding:1rem;margin-bottom:1rem}.resend-email-section h3{font-size:1rem;margin-bottom:.6rem}.resend-email-section p{font-size:.85rem;margin-bottom:.8rem}.resend-email-btn{padding:.8rem;font-size:.9rem}.payment-confirmed,.payment-complete{padding:1rem;margin-bottom:1rem}.payment-confirmed h3,.payment-complete h3{font-size:1.1rem;margin-bottom:.8rem}.payment-confirmed p,.payment-complete p{font-size:.85rem}.payment-complete h2{font-size:1.3rem;margin-bottom:.8rem}.success-message{font-size:.9rem;margin-bottom:1rem}.success-qr-section{padding:1rem;margin:1rem 0}.success-qr-section h3{font-size:1rem;margin-bottom:.6rem}.success-qr{max-width:160px}.qr-placeholder{padding:1.5rem}.qr-instructions{padding:.8rem}.qr-instructions h4{font-size:.9rem;margin-bottom:.6rem}.qr-instructions li{font-size:.8rem;margin-bottom:.3rem}.event-info-success,.success-reminder,.contact-info-success{padding:.8rem;margin:.8rem 0}.event-info-success h4,.success-reminder h4{font-size:.9rem;margin-bottom:.6rem}.event-details-success p,.success-reminder li,.contact-info-success p{font-size:.8rem}}.modal-content{margin:1rem;max-width:calc(100% - 2rem)}.modal-header{padding:1rem 1.5rem}.modal-body{padding:1.5rem}.hero-buttons{flex-direction:column;gap:1rem}.modal-search-form{gap:1rem}.modal-search-input,.modal-search-button{padding:.8rem;font-size:.9rem;border-radius:6px}.search-results{margin-top:1rem;padding-top:1rem}.search-results h4{font-size:1.1rem;margin-bottom:.8rem}.search-result-item{flex-direction:column;align-items:flex-start;gap:.8rem;padding:1rem;margin-bottom:.8rem;border-radius:8px}.search-result-item:hover{transform:none}.result-status{align-self:center;width:100%;text-align:center;margin-top:.5rem}.result-main{width:100%}.result-main h5{font-size:1rem;margin-bottom:.5rem;text-align:center}.result-main p{font-size:.85rem;margin:.3rem 0;text-align:center}.modal-content{margin:.5rem;max-width:calc(100% - 1rem);border-radius:15px;max-height:95vh}.modal-header{padding:1rem;border-radius:15px 15px 0 0}.modal-header h3{font-size:1.2rem}.modal-body{padding:1rem}.modal-description{font-size:.85rem;margin-bottom:1rem;line-height:1.4}.modal-close{font-size:1.5rem;padding:.3rem;width:2rem;height:2rem;border-radius:50%;background:#daa5201a;transition:all .3s ease}.modal-close:hover{background:#daa52033;transform:none}.modal-search-input:focus{font-size:.9rem;transform:none}.search-result-item{min-height:80px;cursor:pointer;-webkit-user-select:none;user-select:none}.modal-search-button:disabled{opacity:.6;cursor:not-allowed}.modal-content{-webkit-overflow-scrolling:touch}.search-results{max-height:calc(60vh - 2rem);overflow-y:auto;-webkit-overflow-scrolling:touch}.search-payment-container{padding:1rem;min-height:100vh}.search-payment-content{padding:1.5rem;margin:0;border-radius:15px;max-width:100%}.search-payment-content h1{font-size:1.5rem;margin-bottom:1.5rem}.registration-details{padding:1rem;margin-bottom:1.5rem;border-radius:12px}.registration-details h2{font-size:1.2rem;margin-bottom:1rem;text-align:center}.detail-item{margin-bottom:.8rem;padding:.5rem 0;border-bottom:1px solid rgba(218,165,32,.1);display:flex;flex-direction:column;gap:.3rem}.detail-item:last-child{border-bottom:none}.detail-item strong{font-size:.85rem;color:#666;text-transform:uppercase;letter-spacing:.5px}.detail-item span,.detail-item:not(:has(strong)){font-size:1rem;color:#333;font-weight:500}.payment-section{padding:1.5rem;margin-bottom:1.5rem;border-radius:12px}.payment-section h2{font-size:1.3rem;margin-bottom:1rem;text-align:center}.qris-payment{margin-bottom:1.5rem}.qris-payment h3{font-size:1.1rem;margin-bottom:1rem}.qris-container{margin:1rem 0}.qris-image{max-width:250px;border-radius:8px}.payment-amount{font-size:1.1rem;margin-top:1rem}.upload-section{padding:1rem;border-radius:8px}.upload-section h3{font-size:1.1rem;margin-bottom:1rem;text-align:center}.upload-section .form-group{margin-bottom:1rem}.upload-section .form-group label{font-size:.9rem;margin-bottom:.5rem;display:block;color:#654321;font-weight:600}.upload-section input[type=file]{width:100%;padding:.8rem;border:2px solid rgba(218,165,32,.3);border-radius:6px;background:#fff;font-size:.9rem}.upload-section small{font-size:.75rem;color:#666;margin-top:.3rem;display:block}.upload-section button{width:100%;padding:1rem;font-size:1rem;border-radius:8px;margin-top:1rem}.resend-email-section{background:#2196f30d;padding:1.5rem;border-radius:12px;margin-bottom:1.5rem;text-align:center;border:1px solid rgba(33,150,243,.2)}.resend-email-section h3{font-size:1.1rem;color:#1976d2;margin-bottom:.8rem}.resend-email-section p{font-size:.9rem;color:#654321;margin-bottom:1rem;line-height:1.4}.resend-email-btn{width:100%;padding:1rem;font-size:1rem;border-radius:8px}.payment-confirmed,.payment-complete{padding:1.5rem;border-radius:12px;margin-bottom:1.5rem}.payment-confirmed h3,.payment-complete h3{font-size:1.2rem;margin-bottom:1rem}.payment-confirmed p,.payment-complete p{font-size:.9rem;line-height:1.4}.payment-complete h2{font-size:1.5rem;margin-bottom:1rem}.success-message{font-size:1rem;margin-bottom:1.5rem}.success-qr-section{padding:1.5rem;margin:1.5rem 0}.success-qr-section h3{font-size:1.1rem;margin-bottom:.8rem}.success-qr{max-width:200px;border-width:2px}.qr-placeholder{padding:2rem}.qr-instructions{padding:1rem;margin-top:1rem}.qr-instructions h4{font-size:1rem;margin-bottom:.8rem}.qr-instructions li{font-size:.85rem;margin-bottom:.4rem}.event-info-success,.success-reminder,.contact-info-success{padding:1rem;margin:1rem 0}.event-info-success h4,.success-reminder h4{font-size:1rem;margin-bottom:.8rem}.event-details-success p,.success-reminder li,.contact-info-success p{font-size:.85rem}.message,.email-message{padding:.8rem;border-radius:6px;margin-top:1rem;font-size:.9rem;text-align:center}.loading,.error-message{text-align:center;padding:2rem 1rem}.loading{font-size:1.1rem;color:#b8860b}.error-message h2{font-size:1.3rem;color:#d32f2f;margin-bottom:1rem}.error-message p{font-size:.9rem;color:#666;margin-bottom:.5rem}.admin-container{padding:1rem}.admin-header{flex-direction:column;gap:1rem;padding:1rem}.admin-header-right{width:100%;justify-content:space-between}.admin-controls{flex-direction:column;gap:1rem;align-items:stretch}.stats-summary{flex-wrap:wrap;justify-content:center}.participant-stats{padding:1rem;margin:1rem 0}.stats-grid{grid-template-columns:1fr;gap:1rem}.stat-item{padding:1rem}.stat-total{font-size:1.2rem}.detailed-breakdown{padding:1rem;margin-top:1rem}.breakdown-grid{grid-template-columns:1fr;gap:1rem}.breakdown-item{padding:1rem}.admin-tabs{flex-wrap:wrap;gap:.25rem;padding:.25rem}.tab-btn{padding:.6rem 1rem;font-size:.8rem;flex:1;min-width:fit-content}.participants-controls{flex-direction:column;gap:1rem;padding:1rem}.search-controls{min-width:auto}.export-controls{width:100%;justify-content:center}.export-excel-btn{width:100%;padding:.8rem 1rem;font-size:.85rem}.summary-stats{justify-content:center}.participants-table-container{margin:0 -1rem;border-radius:8px}.table-wrapper{max-height:60vh}.participants-table{font-size:.75rem}.participants-table th{padding:.5rem .3rem;font-size:.7rem}.participants-table td{padding:.5rem .3rem}.address-cell{max-width:120px;font-size:.7rem}.participant-name{min-width:100px}.gender-badge{width:25px;height:25px;font-size:1rem}.info-row{flex-direction:column;gap:.5rem}.card-actions{flex-direction:column;gap:.8rem}.card-header{flex-direction:column;gap:1rem;align-items:flex-start}.card-header-actions{width:100%;justify-content:space-between}.participant-row{flex-direction:column;gap:.3rem}.approval-buttons{flex-direction:column;gap:.8rem}}@media(max-width:480px){.event-title{font-size:2rem}.event-title-accent{font-size:2.5rem}.ornament-background{width:80vh;height:80vh}.bible-verse{padding:1.5rem}.event-info-item{min-width:100%;max-width:100%;width:100%;padding:1rem 1.2rem;text-align:center}.info-content h3{font-size:.9rem}.info-content p{font-size:.8rem}.cta-section{padding:2rem 1rem}.modal-header h3{font-size:1.3rem}.modal-description{font-size:.9rem}}.simple-contact-footer{background:#3e2723f2;color:#f5f1e8;padding:.2rem 1.5rem;text-align:center;width:100%;margin-top:auto;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;border:none!important;border-top:none!important;border-bottom:none!important;outline:none!important}.contact-info{display:flex;flex-direction:row;gap:.5rem;align-items:center;justify-content:center;flex-wrap:wrap}.contact-item{font-size:.8rem;color:#f5f1e8e6;font-weight:400;line-height:1.2}.simple-contact-footer a{color:#daa520;text-decoration:none;font-weight:600;margin:0 .5rem;transition:color .3s ease}.simple-contact-footer a:hover{color:gold;text-decoration:underline}@media(max-width:768px){.simple-contact-footer{padding:.15rem 1rem}.contact-info{flex-direction:column;gap:.1rem;align-items:center;justify-content:center}.contact-item{font-size:.75rem;line-height:1.1;text-align:center;width:100%}}@media(max-width:480px){.simple-contact-footer{padding:.1rem .8rem}.contact-info{gap:.05rem}.contact-item{font-size:.7rem;line-height:1.1}}.confirmation-overlay{position:fixed;inset:0;background:#000c;display:flex;align-items:flex-start;justify-content:center;z-index:1000;padding:2rem 1rem 1rem;overflow-y:auto}.confirmation-modal{background:linear-gradient(135deg,#fffffff2,#f5f1e8e6);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-radius:20px;border:2px solid rgba(218,165,32,.3);box-shadow:0 20px 50px #65432133;max-width:600px;width:100%}.confirmation-header{text-align:center;padding:1.5rem 2rem;border-bottom:1px solid rgba(218,165,32,.2)}.confirmation-header h2{color:#b8860b;font-family:Cormorant Garamond,serif;font-size:1.8rem;margin:0}.confirmation-content{padding:2rem}.confirmation-content>p{text-align:center;color:#654321;margin-bottom:2rem;font-size:1.1rem}.confirmation-section{margin-bottom:2rem}.confirmation-section h3{color:#b8860b;font-family:Cormorant Garamond,serif;font-size:1.3rem;margin-bottom:1rem;text-align:center}.participants-list{display:flex;flex-direction:column;gap:1rem}.participant-card{background:#fffc;border:1px solid rgba(218,165,32,.2);border-radius:12px;padding:1.5rem;transition:all .3s ease}.participant-card:hover{background:#daa5200d;border-color:#daa52066}.participant-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid rgba(218,165,32,.1)}.participant-number{color:#b8860b;font-weight:600;font-size:1.1rem}.gender-badge{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;font-size:1.5rem;transition:all .3s ease}.gender-badge.laki-laki{background:#36a2eb26;color:#1976d2}.gender-badge.perempuan{background:#ff638426;color:#c2185b}.participant-details{display:flex;flex-direction:column;gap:.5rem}.participant-details p{margin:0;color:#654321;font-size:.95rem;line-height:1.4}.participant-details strong{color:#b8860b;font-weight:600}.payment-details{background:#daa5201a;padding:1rem;border-radius:8px;border-left:4px solid #B8860B;text-align:center}.payment-details p{margin:0;color:#654321;font-size:1.1rem;font-weight:600}.confirmation-actions{display:flex;gap:1rem;justify-content:center;margin-top:2rem}.confirm-btn{background:linear-gradient(135deg,#4caf50,#66bb6a);color:#fff;border:none;padding:1rem 2rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;font-size:1rem;box-shadow:0 4px 15px #4caf504d}.confirm-btn:hover:not(:disabled){background:linear-gradient(135deg,#388e3c,#4caf50);transform:translateY(-2px);box-shadow:0 6px 20px #4caf5066}.cancel-btn{background:#6c757d1a;color:#6c757d;border:2px solid rgba(108,117,125,.3);padding:1rem 2rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;font-size:1rem}.cancel-btn:hover:not(:disabled){background:#6c757d33;border-color:#6c757d;color:#495057}.confirm-btn:disabled,.cancel-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}@media(max-width:768px){.confirmation-modal{margin:.5rem;max-width:calc(100% - 1rem);border-radius:15px}.confirmation-header{padding:1rem}.confirmation-header h2{font-size:1.4rem}.confirmation-content{padding:1rem}.confirmation-content>p{font-size:1rem;margin-bottom:1.5rem}.confirmation-section h3{font-size:1.1rem;margin-bottom:.8rem}.participant-card{padding:1rem}.participant-header{margin-bottom:.8rem}.participant-number{font-size:1rem}.gender-badge{width:35px;height:35px;font-size:1.2rem}.participant-details p{font-size:.9rem}.confirmation-actions{flex-direction:column;gap:.8rem}.confirm-btn,.cancel-btn{width:100%;padding:.8rem;font-size:.9rem}}.admin-tabs{display:flex;gap:.5rem;margin-bottom:2rem;border-bottom:2px solid rgba(218,165,32,.2);background:#ffffff0d;border-radius:8px 8px 0 0;padding:.5rem}.tab-btn{padding:.75rem 1.5rem;background:#ffffff1a;border:1px solid rgba(218,165,32,.2);border-radius:6px;color:#654321;font-weight:600;cursor:pointer;transition:all .3s ease;font-size:.9rem;white-space:nowrap}.tab-btn:hover{color:#b8860b;background:#daa52026;border-color:#daa52066;transform:translateY(-1px)}.tab-btn.active{color:#b8860b;background:#daa52033;border-color:#daa520;box-shadow:0 2px 4px #0000001a}.admin-management{padding:2rem 0}.add-admin-btn{background:linear-gradient(135deg,#daa520,#b8860b);color:#fff;border:none;padding:1rem 2rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;margin-bottom:2rem}.add-admin-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #daa5204d}.admins-list{display:flex;flex-direction:column;gap:1rem}.admin-card{background:#f5f1e81a;border:1px solid rgba(218,165,32,.3);border-radius:12px;padding:1.5rem;display:flex;justify-content:space-between;align-items:center}.admin-info{display:flex;flex-direction:column;gap:.5rem}.admin-info h3{color:#daa520;margin:0;font-size:1.2rem}.role-badge{padding:.3rem .8rem;border-radius:20px;font-size:.8rem;font-weight:600;display:inline-block;margin-right:1rem}.role-badge.admin{background:#2196f333;color:#1976d2}.role-badge.super_admin{background:#ffc10733;color:#f57c00}.status-badge.active{background:#4caf5033;color:#388e3c}.status-badge.inactive{background:#f4433633;color:#d32f2f}.admin-actions{display:flex;gap:.5rem}.toggle-status-btn,.delete-admin-btn,.create-auth-btn{padding:.5rem 1rem;border:none;border-radius:6px;cursor:pointer;font-weight:500;transition:all .2s ease}.toggle-status-btn{background:#2196f31a;color:#1976d2}.toggle-status-btn:hover{background:#2196f333}.delete-admin-btn{background:#f443361a;color:#d32f2f}.delete-admin-btn:hover{background:#f4433633}.create-auth-btn{background:#4caf501a;color:#388e3c}.create-auth-btn:hover{background:#4caf5033}.auth-status-badge{padding:.5rem 1rem;background:#4caf501a;color:#388e3c;border-radius:6px;font-size:.8rem;font-weight:600}.payment-methods-container{display:flex;flex-direction:column;gap:2rem}.payment-method{background:#ffffffe6;border-radius:15px;border:2px solid rgba(218,165,32,.2);overflow:hidden;transition:all .3s ease}.payment-method:hover{transform:translateY(-2px);box-shadow:0 8px 25px #65432126;border-color:#daa52066}.payment-method-header{background:linear-gradient(135deg,#daa5201a,#ffffffe6);padding:1.5rem;border-bottom:1px solid rgba(218,165,32,.2)}.payment-method-header h4{color:#b8860b;font-family:Cormorant Garamond,serif;font-size:1.5rem;margin-bottom:.5rem}.payment-method-header p{color:#654321;font-size:1rem;margin:0}.payment-method-content{padding:2rem}.qris-container,.bank-details-box,.va-details-box{background:#fffc;padding:1.5rem;border-radius:12px;border:1px solid rgba(218,165,32,.2);margin:1.5rem 0}.qris-container{display:flex;justify-content:center;text-align:center}.qris-image{max-width:300px;width:100%;height:auto;border-radius:10px;box-shadow:0 8px 20px #0000001a;border:3px solid rgba(218,165,32,.3)}.payment-amount-box{background:linear-gradient(135deg,#daa5201a,#ffffffe6);padding:1.5rem;border-radius:12px;border:2px solid rgba(218,165,32,.3);margin:1.5rem 0;text-align:center}.payment-amount{color:#b8860b;font-size:1.1rem;margin:0}.amount-value{font-size:1.8rem;font-weight:700;color:#daa520;display:block;margin-top:.5rem}.payment-instructions{margin-top:2rem}.payment-instructions h5{color:#b8860b;font-family:Cormorant Garamond,serif;font-size:1.3rem;margin-bottom:1.5rem;text-align:center}.instructions-steps{display:flex;flex-direction:column;gap:.5rem;padding-left:0;list-style:none}.instruction-step{display:flex;align-items:flex-start;gap:1rem;padding:.8rem 1rem;background:#fffc;border-radius:10px;border:1px solid rgba(218,165,32,.1);transition:all .3s ease;position:relative}.instruction-step:hover{background:#daa5200d;border-color:#daa5204d;transform:translate(5px)}.step-number{display:flex;align-items:center;justify-content:center;min-width:30px;height:30px;background:#daa520;color:#fff;border-radius:50%;font-weight:600;font-size:.9rem;flex-shrink:0}.instruction-step.important .step-number{background:#ff5722;animation:pulse 2s infinite}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.step-text{color:#654321;font-size:1rem;line-height:1.5;flex:1}.bank-info,.va-info{color:#654321;text-align:left}.bank-info p,.va-info p{margin:.8rem 0;font-size:1rem;line-height:1.5}.bank-info strong,.va-info strong{color:#b8860b;font-weight:600}.account-number{font-family:Courier New,monospace;font-size:1.2rem;font-weight:700;color:#daa520;background:#daa5201a;padding:.5rem 1rem;border-radius:8px;display:inline-block;margin-top:.5rem}@media(max-width:768px){.payment-methods-container{gap:1.5rem}.payment-method-header{padding:1rem}.payment-method-header h4{font-size:1.3rem}.payment-method-content{padding:1.5rem}.qris-container,.bank-details-box,.va-details-box{padding:1rem;margin:1rem 0}.qris-image{max-width:250px}.payment-amount-box{padding:1rem;margin:1rem 0}.amount-value{font-size:1.5rem}.payment-instructions h5{font-size:1.1rem}.instruction-step{padding:.8rem;gap:.8rem}.step-number{min-width:25px;height:25px;font-size:.8rem}.step-text,.bank-info p,.va-info p{font-size:.9rem}.account-number{font-size:1rem;padding:.4rem .8rem}}@media(max-width:480px){.payment-method-header{padding:.8rem}.payment-method-header h4{font-size:1.2rem}.payment-method-content{padding:1rem}.qris-container,.bank-details-box,.va-details-box{padding:.8rem;margin:.8rem 0}.qris-image{max-width:200px}.payment-amount-box{padding:.8rem}.amount-value{font-size:1.3rem}.payment-instructions h5{font-size:1rem}.instruction-step{padding:.6rem;gap:.6rem;flex-direction:column;align-items:flex-start}.step-number{margin-bottom:.5rem}.step-text{font-size:.85rem}.bank-info p,.va-info p{font-size:.85rem;margin:.6rem 0}.account-number{font-size:.9rem;padding:.3rem .6rem}}