:root{--g:#075f4b;--d:#033e33;--gold:#e9af3a;--ink:#18352e;--muted:#6c7f79;--line:#dce8e3;--cream:#fbfaf5}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:Arial,sans-serif}a{text-decoration:none;color:inherit}button,input,select,textarea{font:inherit}.wrap{width:min(1120px,calc(100% - 32px));margin:auto}header{height:72px;background:#fff;position:sticky;top:0;z-index:30;box-shadow:0 3px 15px #1232}.nav{height:100%;display:flex;align-items:center;justify-content:space-between}.logo{display:flex;align-items:center;gap:10px}.logo>b{width:43px;height:43px;border-radius:12px;display:grid;place-items:center;background:var(--g);color:#fff;font-size:25px}.logo span{display:flex;flex-direction:column}.logo small{color:#84958f;font-size:10px;margin-top:3px}nav{display:flex;gap:25px;align-items:center;font-weight:bold;font-size:13px}nav a:last-child{background:#eaf7f1;color:var(--g);padding:10px 13px;border-radius:9px}.hero{min-height:390px;background-size:cover;background-position:center;display:flex;align-items:center;color:#fff}.hero small,.heading>small{letter-spacing:1.5px;color:#f0bf5e;font-weight:bold}.hero h1{font:700 48px Georgia;margin:15px 0;max-width:650px}.hero p{color:#d4e5df;font-size:16px}.hero a,.btn{display:inline-block;background:var(--gold);color:#3f2c08;border:0;padding:13px 17px;border-radius:9px;font-weight:bold}.section{padding:65px 0}.heading h2{font:700 31px Georgia;color:var(--d);margin:7px 0}.heading p{color:var(--muted)}.address-info{background:#fff4cf;border:1px solid #e8cc76;padding:13px;border-radius:9px;margin:20px 0}.address-info a{float:right;color:var(--g);font-weight:bold}.schedule{display:grid;grid-template-columns:300px 1fr;gap:18px}.schedule aside{background:linear-gradient(145deg,#08705a,#023c31);color:#fff;border-radius:18px;min-height:330px;display:flex;flex-direction:column;align-items:center;justify-content:center}.schedule aside>span{font-size:10px;letter-spacing:2px}.schedule aside>strong{font:700 75px Georgia}.schedule aside>b{color:#f2c665;letter-spacing:3px}.schedule aside>p{border-top:1px solid #ffffff33;padding-top:15px}.schedule article{background:#fff;border:1px solid var(--line);border-radius:18px;padding:22px}.card-head{display:flex;justify-content:space-between;border-bottom:1px solid var(--line)}.card-head h3{font:700 20px Georgia;margin:0}.card-head p{color:var(--muted);font-size:11px}.card-head em{font-style:normal;background:#e7f7ee;color:#27805a;height:max-content;padding:6px 9px;border-radius:15px;font-size:9px}.member-list{display:grid;grid-template-columns:1fr 1fr;gap:8px 20px;margin-top:15px}.member{display:flex;gap:10px;padding:11px 4px;border-bottom:1px dashed var(--line)}.member>i{width:25px;height:25px;border-radius:50%;display:grid;place-items:center;background:#edf4f1;font-size:10px;font-style:normal}.member span{display:flex;flex-direction:column;gap:5px}.member small{color:var(--muted);font-size:10px}.member mark{background:var(--gold);padding:3px 5px;border-radius:4px;font-size:7px}.member.mine{border:2px solid var(--gold);background:#fff8df;border-radius:10px;padding:10px}.actions{display:flex;justify-content:flex-end;gap:10px;margin-top:15px}.actions button{padding:12px 15px;border:1px solid #bcd4cc;background:#fff;color:var(--g);border-radius:9px;font-weight:bold}.actions .wa{background:#20a864;color:#fff;border-color:#20a864}.sermon{background:#f0e5c8;padding:30px;margin-bottom:20px;border-radius:15px;display:flex;justify-content:space-between;align-items:center}.sermon h3{margin:5px 0;font:700 20px Georgia}.sermon p{margin:0;color:#6c582b}.sermon>b{text-align:right}.sermon small{font-size:9px}.iftar{display:flex;gap:10px;overflow:auto;padding-bottom:10px}.iftar>div{min-width:155px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:15px;text-align:center}.iftar strong{display:block;color:var(--d);font-size:21px;margin:8px}.iftar i{font-size:8px}.iftar p{font-size:10px;color:var(--muted)}.participate{background:#edf5f2;padding:55px 30px;border-radius:18px}.pay-grid,.stats{display:grid;grid-template-columns:1fr 1fr;gap:15px}.pay-grid article{background:#fff;padding:22px;border-radius:14px}.pay-grid h3{font:700 21px Georgia}.pay-grid p{color:var(--muted);font-size:12px}.bank{background:#f3f7f5;padding:13px;border-radius:9px;display:flex;flex-direction:column}.bank strong{font-size:20px;margin:3px 0}.bank small,.bank span{font-size:10px;color:var(--muted)}.qris{width:150px;margin-top:12px}.stats{grid-template-columns:repeat(3,1fr)}.stats>div{background:#fff;border:1px solid var(--line);padding:20px;border-radius:12px;display:flex;flex-direction:column}.stats strong{font-size:22px;margin-top:7px}.stats .green{background:var(--g);color:#fff}.latest{background:#fff;border:1px solid var(--line);padding:20px;border-radius:12px;margin-top:15px}.latest p{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:12px}.latest span{display:flex;flex-direction:column}.latest small{color:var(--muted);margin-top:4px}footer{background:var(--d);color:#aacac0;padding:30px}.gate{position:fixed;inset:0;z-index:99;background:linear-gradient(145deg,#033e33f5,#075f4bea);display:grid;place-items:center;padding:20px}.gate-card{width:min(470px,100%);background:#fff;padding:35px;border-radius:20px;text-align:center}.gate-icon{width:60px;height:60px;border-radius:50%;background:var(--g);color:#fff;display:grid;place-items:center;margin:auto;font-size:30px}.gate-card h1{font:700 29px Georgia}.gate-card p{color:var(--muted);line-height:1.6}.gate-card input{width:100%;height:50px;border:1px solid var(--line);border-radius:9px;padding:0 12px;margin:8px 0}.gate-card button{width:100%;height:49px;border:0;border-radius:9px;background:var(--g);color:#fff;font-weight:bold}.install{min-height:100vh;display:grid;place-items:center;background:#edf5f2}.install-card{width:min(520px,90%);background:#fff;padding:30px;border-radius:15px}.alert{padding:12px;border-radius:8px;margin:15px 0}.success{background:#def5e8;color:#176f49}.error{background:#fde9e7;color:#a43a32}
@media(max-width:750px){nav{display:none}.hero h1{font-size:36px}.schedule{grid-template-columns:1fr}.member-list{grid-template-columns:1fr}.sermon{flex-direction:column;align-items:flex-start;gap:15px}.sermon>b{text-align:left}.pay-grid,.stats{grid-template-columns:1fr}.participate{padding:45px 15px}.actions{display:grid}.address-info a{float:none;display:block;margin-top:8px}}
.schedule-search{display:flex;gap:10px;margin:0 auto 20px;max-width:760px}.schedule-search input{flex:1;padding:14px 16px;border:1px solid #dce5e1;border-radius:10px;font:inherit}.schedule-search button,.finance-actions button{border:0;border-radius:10px;background:#075f4b;color:#fff;padding:13px 18px;font-weight:700;cursor:pointer}.schedule-search a{padding:13px;color:#7a5b1a}.search-results{max-width:760px;margin:0 auto 22px;background:#fff;border:1px solid #dce5e1;border-radius:14px;padding:15px}.search-results h3{margin:2px 5px 10px}.result-row{display:flex;justify-content:space-between;gap:15px;color:#18352e;text-decoration:none;padding:12px;border-radius:9px;border-top:1px solid #edf2f0}.result-row:first-of-type{border-top:0}.result-row.active{background:#fff4d8}.result-row span,.result-row strong{display:flex;flex-direction:column}.result-row small{font-weight:400;color:#718079}.schedule-nav{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;margin:18px 0 0}.schedule-nav a{background:#fff;border:1px solid #d7e2dd;border-radius:10px;padding:11px 15px;text-decoration:none;color:#075f4b;font-weight:700}.schedule-nav a:last-child{justify-self:end}.finance-actions{text-align:right;margin:14px 0}.finance-table{overflow:auto;background:#fff;border-radius:14px;border:1px solid #dce5e1}.finance-table table{border-collapse:collapse;width:100%;min-width:720px}.finance-table th,.finance-table td{text-align:left;padding:13px;border-bottom:1px solid #e9efec}.finance-table th{background:#f3f8f6}.finance-table td small{display:block;color:#74817c}.money{font-weight:700;white-space:nowrap}.money.income{color:#087a52}.money.expense{color:#bd3535}.tx-type{font-size:12px;padding:5px 8px;border-radius:15px}.tx-type.income{background:#e0f6ec;color:#087a52}.tx-type.expense{background:#ffe7e7;color:#a82d2d}
@media(max-width:650px){.schedule-search{flex-wrap:wrap}.schedule-search input{flex-basis:100%}.schedule-search button{flex:1}.schedule-nav b{display:none}.schedule-nav{grid-template-columns:1fr 1fr}.finance-actions button{width:100%}}
@media print{header,.hero,#jadwal,.sermon,#buka,.participate,footer,.finance-actions,.gate{display:none!important}body{background:#fff}.wrap{max-width:none}.finance-report{margin:0!important}.finance-table{overflow:visible;border:0}.finance-table table{min-width:0;font-size:11px}.finance-report .heading:after{content:'Dicetak dari Sistem Amalia Ramadan Masjid Al-Fath';display:block;font-size:11px;color:#666;margin-top:6px}}
.mc-button{display:inline-flex;align-items:center;justify-content:center;background:#6d5017!important;color:#fff!important;border-radius:10px;padding:13px 18px;text-decoration:none;font-weight:700}.finance-filter{display:flex;align-items:end;gap:12px;flex-wrap:wrap;background:#fff;border:1px solid #dce5e1;border-radius:14px;padding:16px;margin:18px 0 8px}.finance-filter label{display:flex;flex:1;min-width:170px;flex-direction:column;gap:5px;font-weight:700;color:#334b43}.finance-filter select{padding:11px;border:1px solid #cfdcd7;border-radius:8px;background:#fff;font:inherit}.finance-filter button{border:0;border-radius:8px;background:#075f4b;color:#fff;padding:12px 17px;font-weight:700;cursor:pointer}.finance-filter .print{background:#6d5017}.print-period{font-size:13px;color:#67756f;margin:8px 2px 14px}
@media(max-width:650px){.finance-filter button{flex:1}.mc-button{width:100%}}
@media print{.finance-filter{display:none!important}.print-period{font-size:11px;color:#333}.finance-report .heading:after{content:none!important}}