:root{font-family:Segoe UI,system-ui,Helvetica,Arial,sans-serif;font-size:16px;line-height:1.6;font-weight:400;color:#2c3e50;background-color:#fff;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body,#root{height:100%;margin:0}.app-container{min-height:100%;display:flex;flex-direction:column}.content{flex:1}a{color:#1abc9c;text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3,h4,h5,h6{margin:0 0 1rem;font-weight:600}button{border-radius:8px;border:none;padding:10px 18px;font-size:1rem;font-family:inherit;cursor:pointer;background-color:#1abc9c;color:#fff;transition:background-color .2s ease}button:hover{background-color:#16a085}.container{max-width:900px;margin:0 auto;padding:2rem}.homepage{padding:40px;font-family:Segoe UI,sans-serif;max-width:800px;margin:auto;line-height:1.8;background-color:#f9f9f9}.homepage-title{font-size:2.5rem;margin-bottom:20px;color:#2c3e50;line-height:48px}.highlight{color:#1abc9c}.intro,.context,.domain-meaning,.join-invite{margin-bottom:20px;font-size:1.1rem;color:#34495e}.quote{background:#ecf0f1;padding:12px 20px;border-left:5px solid #1abc9c;margin-bottom:20px;font-style:italic;color:#2c3e50}.img-homepage{max-width:40%}.features{margin:3rem auto;max-width:800px}.feature-block{border:1px solid #ddd;border-radius:10px;padding:1.5rem;margin-bottom:1rem;background:#fafafa}.feature-block h3{margin-bottom:.5rem;color:#007b55}@media (max-width: 768px){.img-homepage{max-width:80%}}.site-footer{text-align:center;padding:20px;position:relative;background:#f5f5f5}.messenger-icon{position:fixed;bottom:20px;right:20px;background:#fff;border-radius:50%;padding:8px;box-shadow:0 0 6px #0003;z-index:9999;transition:transform .2s ease}.messenger-icon:hover{transform:scale(1.1)}.thankyou-container{min-height:100vh;background-color:#f8f9fa;display:flex;align-items:center;justify-content:center;padding:2rem;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.thankyou-card{background:#fff;border-radius:12px;padding:2rem 2.5rem;max-width:500px;width:100%;text-align:center}.thankyou-title{font-size:1.8rem;color:#1abc9c;margin-bottom:1rem}.thankyou-message{font-size:1.1rem;margin-bottom:1.5rem;color:#333}.thankyou-info{text-align:left;font-size:.95rem;margin-bottom:1.5rem}.thankyou-info p{margin:6px 0;color:#555}.bill-code{font-family:monospace;font-size:1rem;background:#f1f1f1;padding:2px 6px;border-radius:4px}.thankyou-back a{text-decoration:none;color:#007bff;transition:.2s}.thankyou-back a:hover{color:#0056b3;text-decoration:underline}.success{color:#28a745;font-weight:700}.icon-success,.icon-pending{vertical-align:middle;margin-right:4px}.icon-success{font-size:100px;color:#1abc9c}.no-qurban-data{text-align:center;padding:40px 20px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#ccc;margin:0 auto}.no-qurban-image{width:100px;height:auto;opacity:.4;margin-bottom:16px}.no-qurban-text{font-size:1.1rem;font-weight:500}.closing-doa-card{border-radius:12px;padding:30px 20px;color:#ccc;max-width:100%;text-align:center;height:55vh;display:flex;flex-direction:column;justify-content:center;background-color:#000}.closing-doa-card h2{font-size:1.8rem;color:#ffcb05;margin-bottom:1rem}.closing-doa-card p{font-size:17px;line-height:1.4;margin:6px 0}.closing-doa-card p:last-child{font-size:18px;color:#fff;font-style:italic;margin-top:10px}.closing-doa-card img{max-width:50%;height:auto;display:block;margin:0 auto}.qurban-daftar-card{background:#fff8e1;border:2px solid #ffcc80;border-radius:12px;padding:20px;text-align:center;box-shadow:0 4px 8px #0000001a;color:#000}.qurban-daftar-card h1{line-height:1}.qrcode-section{margin:0}.qrcode-link{font-size:1.3rem;margin-top:0;color:#444}@keyframes blink{0%{opacity:1}50%{opacity:0}to{opacity:1}}.baki-hari-blink{color:red;font-weight:700;animation:blink 1s infinite;font-size:24px;margin:0}.qurban-notice-card{border-radius:12px;padding:30px 20px;color:#ccc;max-width:100%;text-align:center}.qurban-notice-image{margin:0 auto 20px;display:block;width:100%}.qurban-notice-text p{font-size:17px;line-height:1.4;margin:6px 0}.qurban-notice-text strong{font-size:18px;color:#fff}.animal-card.simple-display{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;background-color:#fff;border-radius:12px;height:51vh;border:4px solid red;overflow:hidden}.animal-image-now{max-width:100%;height:auto;margin-bottom:10px}.animal-name{font-size:3rem;font-weight:700;color:#000}.loading-dashboard{background-color:#000;height:100vh;width:100vw;display:flex;flex-direction:column;align-items:center;justify-content:center}.loading-dashboard img{max-width:300px;width:80%;height:auto;margin-bottom:20px}.loading-dots{display:flex;gap:5px}.loading-dots span{font-size:2rem;color:#fff;opacity:0;animation:blink 1.5s infinite}.loading-dots span:nth-child(1){animation-delay:0s}.loading-dots span:nth-child(2){animation-delay:.3s}.loading-dots span:nth-child(3){animation-delay:.6s}@keyframes blink{0%,to{opacity:0}50%{opacity:1}}:root{--fcc-flip-duration:.7s;--fcc-spacing:8px;--fcc-digit-block-width:46px;--fcc-digit-block-height:80px;--fcc-digit-block-radius:4px;--fcc-digit-block-spacing:4px;--fcc-digit-font-size:50px;--fcc-label-font-size:16px;--fcc-label-color:inherit;--fcc-background:#0f181a;--fcc-digit-color:#fff;--fcc-divider-color:hsla(0,0%,100%,.4);--fcc-divider-height:1px;--fcc-shadow:0 0 2px 1px rgba(0,0,0,.1);--fcc-separator-size:5px;--fcc-separator-color:currentColor}._qWTcH{font-family:inherit;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:default;display:flex;align-items:center;gap:var(--fcc-spacing)}._1tbqx ._3cpN7{margin-bottom:calc(var(--fcc-label-font-size)*2)}._3cpN7 ._2EBbg:not(:last-child){margin-right:var(--fcc-digit-block-spacing)}._3cpN7{position:relative;display:flex;align-items:center}._2aOn7{color:var(--fcc-label-color);line-height:1;font-weight:400;font-size:var(--fcc-label-font-size);position:absolute;bottom:0;left:50%;transform:translate(-50%,150%)}._2EBbg{perspective:200px;position:relative;font-size:var(--fcc-digit-font-size);color:var(--fcc-digit-color);font-weight:500;line-height:0;width:var(--fcc-digit-block-width);height:var(--fcc-digit-block-height);box-shadow:var(--fcc-shadow);border-radius:var(--fcc-digit-block-radius)}._106d2,._SKh-V{position:absolute;width:100%;height:50%;overflow:hidden;display:flex;justify-content:center;background:var(--fcc-background)}._SKh-V{align-items:flex-end;top:0;border-top-left-radius:inherit;border-top-right-radius:inherit;border-bottom:var(--fcc-divider-height) solid var(--fcc-divider-color)}._106d2{align-items:flex-start;bottom:0;border-bottom-left-radius:inherit;border-bottom-right-radius:inherit}._3luxx{position:relative;z-index:2;width:100%;height:50%;transform-style:preserve-3d;transform-origin:bottom;transform:rotateX(0);border-radius:inherit}._3luxx._2kgZC{transition:transform var(--fcc-flip-duration) ease-in-out;transform:rotateX(-180deg)}._2v-d4{position:absolute;width:100%;height:100%;display:flex;justify-content:center;overflow:hidden;backface-visibility:hidden;background:var(--fcc-background)}._1GZQ7{align-items:flex-end;border-top-left-radius:inherit;border-top-right-radius:inherit;border-bottom:var(--fcc-divider-height) solid var(--fcc-divider-color)}._3AVXa{align-items:flex-start;transform:rotateX(-180deg);border-bottom-left-radius:inherit;border-bottom-right-radius:inherit}._2hRXr{height:var(--fcc-digit-block-height);display:flex;flex-direction:column;justify-content:center;align-items:center}._1tbqx ._2hRXr{margin-bottom:calc(var(--fcc-label-font-size)*2)}._2hRXr:after,._2hRXr:before{content:"";width:var(--fcc-separator-size);height:var(--fcc-separator-size);border-radius:50%;background-color:var(--fcc-separator-color)}._2hRXr:before{margin-bottom:var(--fcc-separator-size)}.dashboard-page{display:flex;flex-direction:row;height:100vh;overflow:hidden;background-color:#000;color:#fff;gap:10px;padding:16px}body.no-scroll{overflow:hidden}.live-badge{position:fixed;top:16px;right:16px;background-color:red;color:#fff;padding:6px 14px;font-weight:700;font-size:14px;border-radius:6px;z-index:999;text-shadow:0 0 2px black;animation:pulse 1s infinite ease-in-out;box-shadow:0 0 10px #f009}@keyframes pulse{0%{transform:scale(1);box-shadow:0 0 10px #f009}50%{transform:scale(1.05);box-shadow:0 0 25px red}to{transform:scale(1);box-shadow:0 0 10px #f009}}.masjid-info{padding:12px 12px 0;border-radius:8px;text-align:start;display:flex;flex-direction:column;gap:8px;height:7vh}.masjid-header{display:flex;align-items:center;justify-content:start;gap:10px}.masjid-logo-dash{max-height:30px;max-width:30px;border-radius:50%;object-fit:contain}.masjid-nama{font-size:1.2rem;font-weight:700;margin:0;color:#fff;line-height:1.2}.program-info{font-size:1.3rem;color:#ccc;font-weight:400}.following-fallback{font-size:1.2rem;font-style:italic;color:#ccc;text-align:center;margin-top:20px;height:10vh;display:flex;justify-content:center;align-items:center}.left-panel{width:25vw;display:flex;flex-direction:column;box-sizing:border-box;overflow:hidden;height:100%;gap:10px}.left-panel,.right-panel{height:100%}.next-animal,.following-animal{position:relative;background-color:#1e1e1e;padding:16px;border-radius:8px}.next-animal,.following-animal,.masjid-info{flex-shrink:1;min-height:0;overflow:hidden}.next-animal{min-height:150px;height:auto;max-height:70vh}.foot-following{position:absolute;bottom:0;font-size:12px;left:10;width:100%;color:#fff;padding:2px 10px;z-index:99}.qurb-info,.qurb-info-mobile{color:gray;margin:0 6px;display:flex;align-items:center}.qurb-info-mobile{display:none}.qurb-info img{margin-right:10px;height:30px;width:auto;box-sizing:border-box}.right-panel{width:75vw;display:flex;flex-direction:column;gap:10px;justify-content:start}.horizontal-section.lembu{height:58vh}.horizontal-section.kambing{height:40vh}.default-status,.now-status,.next-status{position:absolute;top:0;left:0;color:#fff;padding:10px 40px;font-weight:bolder;border-radius:8px 0 32px;z-index:99}.default-status,.next-status{background-color:#000;font-size:1.5rem}.now-status{background-color:red;font-size:1.8rem;animation:blink 1.5s infinite}.goat-number,.cow-number{position:absolute;top:0;right:0;background-color:#000;color:#fff;padding:0 10px;font-weight:bolder;border-radius:0 8px 0 32px;font-size:2.5rem;width:55px;z-index:99}.animal-card-dash{position:relative;background:#272727;border-radius:8px;padding:12px;text-align:center;width:240px;flex-shrink:0}.cow-card{min-height:360px}.goat-card{min-height:240px}.animal-card-dash.large{border:solid 1px turquoise;background:teal;height:95%;width:95%}.animal-card-dash.large h3{font-size:5em;margin:50px 0 0}.animal-card-following{display:flex;justify-content:center;align-items:center;width:95%}.animal-card-following img{flex:1;width:auto;max-width:100%;height:auto;max-height:120px;object-fit:contain;display:block}.animal-card-following h4{flex:1;text-align:center;font-size:2em}.animal-card-dash.large img{max-height:30vh;height:auto}.animal-card-dash img{width:auto;max-width:100%;height:auto;max-height:120px;object-fit:contain;margin:0 auto;display:block}.animal-info{margin-top:10px;display:flex;flex-direction:column;gap:6px}.status-box{padding:2px 10px;border-radius:4px;text-align:center;font-weight:700;color:#fff;font-size:24px}.status-belum-mula{background-color:#6c757d}.status-sembelihan{background-color:red}.status-melapah{background-color:#ffc107;color:#000}.status-selesai{background-color:#198754}.lapah-box{display:flex;background-color:#333;padding:6px 10px;border-radius:4px;align-items:center;gap:8px;overflow:hidden;white-space:nowrap;position:relative;height:1.8em}.lapah-icon{flex-shrink:0;margin-top:2px}.lapah-text-wrapper{flex:1;overflow:hidden;position:relative}.scroll-text{display:inline-block;padding-left:100%;animation:scroll-text 10s linear infinite}@keyframes scroll-text{0%{transform:translate(0)}to{transform:translate(-100%)}}.horizontal-section{background-color:#1e1e1e;padding:0 16px 16px;border-radius:8px;overflow:hidden;display:flex;flex-direction:column}.horizontal-section h2{margin-bottom:0}.scroll-wrapper{flex:1;display:flex;gap:10px;overflow-x:auto;overflow-y:hidden;white-space:nowrap;scroll-behavior:smooth;-webkit-overflow-scrolling:touch}.loading{color:#fff;text-align:center;margin-top:50px}.participants-list{margin-top:4px;font-size:1rem;color:#ccc;text-align:left;line-height:1.2}.participant-item{margin-bottom:2px;padding:0;border:none}.participant-text{display:flex;align-items:center;overflow:hidden}.participant-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.participant-item:first-child{border-top:none}.participant-item:not(:last-child){border-bottom:0px solid #444}.countdown-highlight{font-size:18px;font-weight:700;color:#ffcb05;margin-left:10px;animation:pulseCountdown 1.2s infinite ease-in-out}@keyframes pulseCountdown{0%{transform:scale(1);color:#ffcb05}50%{transform:scale(1.08);color:#ffc107}to{transform:scale(1);color:#ffcb05}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@media (max-width: 768px){.dashboard-page{flex-direction:column;height:auto;overflow:auto;padding:8px;gap:12px}.left-panel,.right-panel{width:100%;gap:12px;height:auto}.masjid-info{order:1;height:auto;width:90%}.program-info{font-size:1.2rem}.next-animal{order:2}.animal-card-dash.large img{max-height:200px}.following-animal{order:3}.horizontal-section.lembu{order:4;height:auto}.horizontal-section.kambing{order:5;height:auto}.qurb-info{display:none}.qurb-info-mobile{display:flex;flex-direction:column;align-items:start;margin-bottom:40px}.qurb-info-mobile img{height:40px;margin:10px 0 0}.scroll-wrapper{overflow-x:auto;overflow-y:hidden;flex-wrap:nowrap;scroll-snap-type:x mandatory}.animal-card-dash{scroll-snap-align:start}.animal-card-dash.large h3{font-size:3em;margin:10px 0 0}.animal-card-dash.small h4{font-size:1.5em}.now-status,.next-status{font-size:1.2rem;padding:4px 20px 4px 10px}.countdown-highlight{font-size:14px}}*,*:before,*:after{box-sizing:border-box}:root{--bg: #ffffff;--bg-soft: #f7f8fa;--text: #1f2937;--muted: #6b7280;--border: #e5e7eb;--primary: #2563eb;--primary-contrast: #ffffff;--radius: 12px;--shadow: 0 6px 20px rgba(17, 24, 39, .06);--space-1: 6px;--space-2: 10px;--space-3: 14px;--space-4: 18px}.admin-section{width:100%;max-width:820px;margin:24px auto;padding:20px;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);color:var(--text)}.admin-section h3{margin:0 0 var(--space-3);font-size:1.25rem;font-weight:700;letter-spacing:.2px}.admin-section h4{margin:22px 0 var(--space-2);font-size:1rem;font-weight:700;color:var(--text)}.admin-section label{display:block;margin-top:var(--space-3);margin-bottom:6px;font-size:.92rem;font-weight:600;color:var(--muted)}.admin-section input[type=text],.admin-section input[type=email],.admin-section input[type=password],.admin-section input[type=number],.admin-section input[type=date],.admin-section select,.admin-section textarea{width:100%;padding:10px 12px;border:1px solid var(--border);border-radius:10px;background:var(--bg-soft);color:var(--text);outline:none;transition:border-color .15s ease,background-color .15s ease,box-shadow .15s ease}.admin-section textarea{min-height:110px;resize:vertical}.admin-section input:focus,.admin-section select:focus,.admin-section textarea:focus{border-color:var(--primary);background:#f0f5ff;box-shadow:0 0 0 3px #2563eb26}.admin-section button{display:inline-block;margin-top:16px;padding:10px 16px;border:0;border-radius:10px;background:var(--primary);color:var(--primary-contrast);font-weight:600;cursor:pointer;transition:transform .06s ease,filter .15s ease}.admin-section button:hover{filter:brightness(1.05)}.admin-section button:active{transform:translateY(1px)}.admin-section button:disabled{opacity:.55;cursor:not-allowed}.admin-section img{display:block;max-width:220px;width:100%;height:auto;border-radius:10px;border:1px solid var(--border);background:var(--bg-soft);box-shadow:var(--shadow);margin:8px 0 10px}.admin-section input[type=file]{margin-top:8px}.admin-section small,.admin-section .help{display:block;margin-top:6px;color:var(--muted);font-size:.85rem}@media (max-width: 480px){.admin-section{padding:16px;margin:16px auto}}.admin-page{padding:2rem 2rem 4rem;max-width:900px;margin:auto;font-family:sans-serif}.admin-heading{display:flex;align-items:center;gap:10px;font-size:20px;justify-content:space-between;margin-bottom:0!important}.admin-logo{height:32px;width:32px;object-fit:contain}.admin-login{max-width:320px;margin:80px auto;padding:2rem;text-align:center;border-radius:12px}.admin-login .logo{width:140px;margin-bottom:1rem}.admin-login h2{margin-bottom:1.5rem;font-size:1.5rem}.admin-login form{display:flex;flex-direction:column;gap:1rem}.admin-login input{padding:.75rem;font-size:1rem;border:1px solid #ccc;border-radius:6px}.admin-login button{padding:.75rem;font-size:1rem;background-color:#007bff;color:#fff;border:none;border-radius:6px;cursor:pointer}.admin-login button:hover{background-color:#0056b3}.admin-section{margin:2rem 0;padding:1.5rem;border-radius:8px;background-color:#f9f9f9}.admin-section h3{margin-bottom:1rem;color:#333}.animal-card-admin{border:1px solid #ddd;border-radius:6px;padding:1rem;margin:12px 12px 0 0;background-color:#fff;min-width:320px;max-width:320px;box-sizing:border-box;flex-shrink:0}.animal-card-admin h4{margin:0 0 .5rem}label{display:block;margin-top:.5rem;font-weight:700;font-size:.95rem}input[type=text],input[type=time],input[type=date],select{width:100%;padding:8px;margin-top:4px;margin-bottom:8px;border:1px solid #ccc;border-radius:4px;box-sizing:border-box;font-size:18px}button{padding:8px 14px;background-color:#007bff;border:none;color:#fff;font-size:.9rem;border-radius:4px;cursor:pointer;margin-top:6px}button:hover{background-color:#0056b3}.logout-btn{background-color:#d9534f;width:100%;padding:10px;font-size:1rem;margin-top:2rem}.logout-btn:hover{background-color:#c9302c}.form-group{margin-top:1rem}.status-button{border:1px solid #ccc;padding:8px 12px;margin-right:5px;margin-bottom:5px;background-color:#f0f0f0;color:#333;border-radius:5px;cursor:pointer;transition:all .2s ease;width:100%}.status-button.active.status-belum-mula{background-color:#6c757d;color:#fff}.status-button.active.status-sembelihan{background-color:red;color:#fff}.status-button.active.status-melapah{background-color:#ffc107;color:#fff}.status-button.active.status-selesai{background-color:#198754;color:#fff}.status-buttons{display:flex;flex-wrap:wrap}.status-button.simpan{background-color:#007bff;color:#fff;padding:14px 0}.status-button:hover{background-color:#eee}.status-button.active{background-color:#007bff;color:#fff;border-color:#007bff}.animal-image-wrapper{position:relative;width:100%}.animal-image{width:100%;height:100px;border-radius:8px;object-fit:cover;cursor:pointer}.image-placeholder{width:100%;height:100px;background-color:#eee;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#888;cursor:pointer;text-align:center;font-size:14px;margin-bottom:14px}.delete-image-button{position:absolute;top:6px;right:6px;background:#fffc;border:none;border-radius:50%;width:24px;height:24px;font-size:14px;color:#c00;cursor:pointer;box-shadow:0 1px 4px #0000001a}.animal-scroll-wrapper{display:flex;overflow-x:auto;padding-bottom:10px;scroll-snap-type:x mandatory}.animal-card-admin.horizontal-card{scroll-snap-align:start}.tab-buttons{display:flex;justify-content:center;background:#f9f9f9;border-radius:8px;overflow:hidden;width:fit-content;box-shadow:0 1px 4px #0000001a}.tab-buttons button{padding:10px 20px;margin:2px;background:none;border:none;font-size:14px;color:#555;cursor:pointer;transition:all .2s ease-in-out;display:flex;align-items:center;gap:16px;width:150px}.tab-buttons button.active{border:1px solid black;color:#000;font-weight:600}.bottom-nav{position:fixed;bottom:0;left:0;right:0;background:#fff;border-top:1px solid #ddd;display:flex;justify-content:space-around;padding:6px 0 4px;z-index:100;box-shadow:0 -2px 10px #00000008}.bottom-nav button{flex:1;background:none;border:none;text-align:center;color:#555;font-size:13px;padding:6px 0;display:flex;flex-direction:column;align-items:center;gap:2px;transition:all .2s ease-in-out}.bottom-nav button .nav-icon{font-size:20px}.bottom-nav button.active{color:#007b55;font-weight:600}.bottom-nav button.active .nav-icon{color:#007b55}.bottom-nav button.active:after{content:"";width:5px;height:5px;margin-top:2px;border-radius:50%;background-color:#007b55}.delete-icon{position:absolute;top:6px;right:6px;font-size:16px;color:#c62828;cursor:pointer;background:#fff;border-radius:50%;padding:4px;box-shadow:0 1px 4px #0000001a;transition:background .2s}.delete-icon:hover{background:#fdd}.susun-peserta-section{padding:24px 8px 40px;max-width:700px;margin:auto}.susun-lembu-card{border:1px solid #e1e4e8;background:#f7fafc;border-radius:10px;margin-bottom:24px;padding:18px 18px 8px;box-shadow:0 2px 6px #0001}.susun-lembu-title{font-weight:700;font-size:18px;color:#005e54;margin-bottom:10px}.susun-peserta-row{display:flex;align-items:center;gap:18px;margin-bottom:10px;padding:9px 0;border-bottom:1px dashed #b0b0b055}.susun-peserta-row:last-child{border-bottom:none}.susun-peserta-nama{min-width:180px;font-size:15px;color:#232323}.susun-lembu-select{border:1px solid #b2b2b2;border-radius:6px;padding:4px 9px;background:#fff;font-size:15px;color:#004d40;cursor:pointer;outline:none;transition:border .15s}.susun-lembu-select:focus{border:1.5px solid #00796b}.susun-peserta-tiadaan{color:#aaa;font-style:italic;font-size:14px}.form-group label{display:block;font-weight:600;font-size:14px;margin-bottom:5px;color:#333}.switch{position:relative;display:inline-block;width:46px;height:24px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;transition:.4s;border-radius:34px}.slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.4s;border-radius:50%}input:checked+.slider{background-color:#4caf50}input:checked+.slider:before{transform:translate(22px)}@media (max-width: 550px){.susun-peserta-nama{min-width:110px;font-size:13px}.susun-lembu-title{font-size:15px}.susun-lembu-card{padding:10px 5px}}.form-closed-message{display:flex;justify-content:center;align-items:center;height:70vh;text-align:center;background-color:#f8f9fa;padding:2rem}.message-box{background:#fff;padding:2rem;border:2px solid #007bff;border-radius:12px;box-shadow:0 4px 8px #0000001a}.message-box h2{color:#007bff;margin-bottom:1rem}.message-box p{margin:.5rem 0;font-size:1.1rem}.contact-number{font-weight:700;font-size:1.2rem;color:#28a745;margin-top:1rem}.korban-form{background:#fff;padding:10px 30px 30px;border-radius:12px;max-width:600px;margin:0 auto}.korban-form h2{margin-bottom:20px;color:#2c3e50}.korban-form label{display:block;font-weight:600;color:#34495e}.korban-form input,.korban-form textarea,.korban-form select{width:100%;padding:10px;margin:5px 0 10px;border-radius:8px;border:1px solid #ccc;font-size:1rem;box-sizing:border-box}.korban-form textarea{resize:vertical;min-height:80px}.korban-form button{margin-top:16px;width:100%;background:#1abc9c;color:#fff;border:none;padding:12px;font-size:1.1rem;border-radius:8px;height:60px;cursor:pointer;transition:background .3s ease}.korban-form button:hover{background:#16a085}.korban-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin:0 0 1rem}.korban-options.single-option{display:flex;justify-content:center}.korban-options.single-option .korban-card{width:100%;max-width:300px}.korban-card{border:2px solid #ccc;border-radius:8px;padding:.5rem;text-align:center;cursor:pointer;transition:.3s}.korban-card img{width:100%;height:100px;object-fit:contain}.korban-card.selected{border-color:#40e0d0;background-color:#defffc}.korban-card h4{margin:.5rem 0 .2rem;font-size:1rem}.korban-card p{margin:0;font-size:.9rem;color:#555}.checkbox-container{display:flex;align-items:center;gap:8px;margin-top:1rem}.checkbox-container input[type=checkbox]{width:18px;height:18px}.korban-limit{margin-bottom:15px}.korban-limit-label{font-size:14px;margin-bottom:6px;font-weight:600}.korban-progress-bar{height:10px;background-color:#eee;border-radius:5px;overflow:hidden}.korban-progress-bar-fill{height:100%;background-color:#1abc9c;transition:width .3s ease}.tab{border:1px solid #ccc;background:#fff;padding:8px 14px;border-radius:6px;cursor:pointer}.tab-active{border:1px solid #007bff;background:#eaf2ff;color:#0a58ca;padding:8px 14px;border-radius:6px;font-weight:600}.pay-tabs .tab,.pay-tabs .tab-active{flex:0 0 auto}.participant-list{border:1px solid #ddd;padding:20px;border-radius:8px;background:#f9f9f9;max-width:600px;margin:40px auto 0}.participant-list table{width:100%;border-collapse:collapse}.participant-list th,.participant-list td{padding:10px;text-align:left;border-bottom:1px solid #ddd}.participant-list th{background-color:#efefef}.table-section{margin-top:30px}.section-title{display:flex;align-items:center;gap:10px;font-size:1.2rem;margin-bottom:10px}.small-icon{width:30px;height:30px;object-fit:contain}.site-header{text-align:center;padding:1rem 1rem 0;width:100%;max-width:832px;margin:0 auto;box-sizing:border-box}.masjid-cover{width:100%;max-height:100px;object-fit:cover;object-position:center}.masjid-bar{display:flex;align-items:center;justify-content:space-between;margin-top:10px;padding:0 20px}.masjid-logo,.ja-logo{width:50px;height:50px;border-radius:50%;object-fit:contain}.masjid-name{flex:1;font-size:1.3rem;margin:0 1rem;text-align:center;word-break:break-word;line-height:normal;font-weight:400}.year-info{margin:10px 0 0;font-size:1rem;color:#555;font-weight:700}.event-desc{padding:8px 20px 0;font-size:14px;color:#333;text-align:center;margin-left:auto;margin-right:auto;line-height:6px}