:root{--primary-green: #006b3c;--secondary-green: #008b50;--light-bg: #f4f7f6;--white: #ffffff;--text-dark: #333333;--text-light: #666666;--shadow: 0 4px 15px rgba(0, 0, 0, .1)}body{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:var(--light-bg);color:var(--text-dark);-webkit-font-smoothing:antialiased}.app-container{max-width:1000px;margin:0 auto;background:var(--white);min-height:100vh;display:flex;flex-direction:column}.static-header{background-image:linear-gradient(rgba(0,107,60,.9),rgba(0,107,60,.8)),url(/fb-banner.jpg);background-size:cover;background-position:center;color:#fff;padding:40px 20px;text-align:center;border-bottom-left-radius:25px;border-bottom-right-radius:25px;box-shadow:var(--shadow)}.app-logo{width:80px;height:80px;margin-bottom:10px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2));background:white;border-radius:50%;padding:2px}.static-header h1{margin:0;font-size:1.5rem;letter-spacing:1px;text-shadow:0 2px 4px rgba(0,0,0,.3)}.static-header p{margin:5px 0 0;font-size:.9rem;opacity:.95;font-weight:500}.solat-container{padding:20px;margin-top:-20px}.zone-selector{background:white;padding:15px;border-radius:15px;box-shadow:var(--shadow);margin-bottom:15px;text-align:center}.zone-selector select{width:100%;padding:10px;border-radius:8px;border:1px solid #ddd;outline:none}.zone-selector small{color:var(--text-light);font-size:.75rem}.solat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.solat-box{background:#f9f9f9;padding:10px 5px;border-radius:10px;text-align:center;border:1px solid #eee}.solat-box span{display:block;font-size:.65rem;color:var(--text-light);font-weight:700}.solat-box strong{display:block;font-size:.8rem;color:var(--primary-green);margin-top:3px}.taqwim-container{padding:0 20px 20px}.taqwim-card-wrapper{background:#fff;border-radius:15px;padding:15px;border:1px solid #eee}.today-row{display:flex;justify-content:space-between;margin-bottom:15px}.t-col{text-align:center;flex:1}.t-col span{display:block;font-size:.7rem;color:#999}.t-col strong{font-size:.9rem;color:var(--text-dark)}.t-white{color:var(--primary-green)!important}.divider{height:1px;background:#eee;margin:10px 0}.taqwim-item-row{display:flex;align-items:center;margin-bottom:10px;font-size:.85rem}.taqwim-date-group{min-width:100px}.masihi-date{font-weight:700;color:#444}.hijri-date{font-size:.75rem;color:#888}.taqwim-event-desc{margin-left:15px;color:var(--primary-green);font-weight:500}.feed-section{padding:20px;background:#fdfdfd}.section-head h3{margin:0 0 15px;font-size:1.1rem;border-left:4px solid var(--primary-green);padding-left:10px}.horizontal-feed{display:flex;overflow-x:auto;gap:15px;padding-bottom:10px;scroll-snap-type:x mandatory;align-items:flex-start}.fb-card{min-width:280px;max-width:280px;background:white;border-radius:15px;overflow:hidden;box-shadow:0 2px 10px #0000000d;border:1px solid #eee;scroll-snap-align:start;height:auto}.post-content{position:relative}.autofit-img{width:100%;height:auto;min-height:200px;display:block}.post-text-display{padding:10px;font-size:.9rem;line-height:1.4;color:#444;margin:0}.horizontal-feed::-webkit-scrollbar{display:none}.btn-wa-share{width:calc(100% - 20px);margin:10px;padding:10px;background:#25D366;color:#fff;border:none;border-radius:8px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px}.tazkirah-block{padding:20px;background:#f9fbf9}.tazkirah-card{background:white;border-radius:15px;padding:20px;border-top:5px solid var(--primary-green);box-shadow:var(--shadow);text-align:center}.tazkirah-badge{background:#e8f5e9;color:var(--primary-green);padding:5px 15px;border-radius:20px;font-size:.7rem;font-weight:700;text-transform:uppercase}.tazkirah-body h4{margin:15px 0 10px;color:#2c3e50}.tazkirah-body p{font-style:italic;color:#555;font-size:.95rem;line-height:1.6}.tazkirah-body small{color:#999;display:block;margin-top:10px}.quran-block{padding:0 20px 20px;background:#f9fbf9}.quran-card{background:white;border-radius:15px;padding:20px;border-bottom:4px solid #27ae60;box-shadow:var(--shadow);text-align:center}.surah-select{width:100%;padding:10px;margin:15px 0;border:1px solid #ddd;border-radius:8px;font-weight:700;color:var(--primary-green)}.player-controls{display:flex;gap:10px;justify-content:center}.btn-player{flex:1;padding:10px;border:none;border-radius:8px;color:#fff;font-weight:700;cursor:pointer;font-size:.8rem}.btn-player.play{background:#27ae60}.btn-player.pause{background:#f39c12}.btn-player.stop{background:#e74c3c}.gallery-section{padding:20px}.gallery-frame{height:500px;position:relative;border-radius:15px;overflow:hidden;background:#000}.s-img{width:100%;height:100%;background-size:contain;background-repeat:no-repeat;background-position:center;position:absolute;opacity:0;transition:opacity 1s ease-in-out}.s-img.active{opacity:1}.s-admin{position:absolute;bottom:20px;left:50%;transform:translate(-50%);z-index:20;width:80%}.btn-upload-gallery{display:block;background:rgba(0,107,60,.9);color:#fff;padding:10px;border-radius:8px;text-align:center;cursor:pointer;font-weight:700;border:2px solid white;box-shadow:0 2px 10px #0000004d}.infaq-section{padding:20px;text-align:center}.infaq-img{width:100%;border-radius:15px;box-shadow:var(--shadow)}.footer-container{background:#f1f1f1;padding:30px 20px;text-align:center;margin-top:auto}.fb-mini-banner{width:100%;border-radius:10px;margin-bottom:15px}.hyperlink-imgbb{display:block;color:var(--primary-green);font-size:.8rem;margin-bottom:15px;text-decoration:none;font-weight:700}.motto-text{font-style:italic;font-size:.8rem;color:var(--primary-green);font-weight:700;margin-bottom:10px}.copyright{font-size:.7rem;color:#888;margin-bottom:15px}.btn-mini-login{background:none;border:1px solid #ccc;color:#999;padding:5px 15px;border-radius:20px;font-size:.7rem;cursor:pointer}.admin-post-controls{padding:10px;background:#fffde7;border-radius:0 0 15px 15px}.admin-post-controls textarea{width:100%;height:80px;border:1px solid #ccc;border-radius:5px;padding:8px;box-sizing:border-box}.admin-schedulers{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:10px 0}.date-input label{display:block;font-size:.7rem;font-weight:700}.date-input input{width:100%;padding:5px;border:1px solid #ddd;border-radius:4px}.btn-save-post{width:100%;background:var(--primary-green);color:#fff;border:none;padding:8px;border-radius:5px;margin-top:10px;font-weight:700}.btn-delete-img{position:absolute;top:10px;right:10px;background:rgba(255,0,0,.8);color:#fff;border:none;padding:5px 10px;border-radius:5px;z-index:10}.admin-hidden{opacity:.6;border:2px dashed red}@media (max-width: 600px){.gallery-frame{height:250px}}