@import url('https://fonts.googleapis.com/css2?family=Hind+Siliguri:wght@400;500;600;700&family=Inter:wght@500;600;700;800&display=swap');
:root{--panel:rgba(10,45,37,.78);--line:rgba(255,255,255,.13);--text:#f4fff9;--muted:#abd0c2;--accent:#31d99c;--accent2:#c6f36a;--shadow:0 22px 60px rgba(0,0,0,.35)}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:'Hind Siliguri','Inter',sans-serif;color:var(--text)}body.app-page,body.auth-page,body.public-page{background:linear-gradient(130deg,rgba(1,22,17,.94),rgba(4,55,42,.80)),url('mosque-bg.svg') center/cover fixed no-repeat;min-height:100vh}body.auth-page{display:grid;place-items:center;padding:24px}.background-overlay{position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 80% 15%,rgba(49,217,156,.14),transparent 32%)}
.glass{background:linear-gradient(145deg,rgba(255,255,255,.09),rgba(255,255,255,.035));border:1px solid var(--line);box-shadow:var(--shadow);backdrop-filter:blur(18px)}.card-3d{background:linear-gradient(145deg,rgba(18,74,59,.9),rgba(7,36,29,.94));border:1px solid var(--line);box-shadow:13px 13px 25px rgba(0,0,0,.28),inset 2px 2px 2px rgba(255,255,255,.06)}
.auth-card{width:min(470px,100%);padding:32px;border-radius:28px}.brand-mark{width:74px;height:74px;margin:auto;border-radius:24px;display:grid;place-items:center;font-size:36px;background:linear-gradient(145deg,var(--accent),#178c66)}.brand-mark.small{width:48px;height:48px;border-radius:16px;font-size:24px;margin:0}.auth-card h1{text-align:center}.muted{color:var(--muted);text-align:center}
label{display:block;margin:12px 0 6px;font-weight:600}input,select,textarea{width:100%;border:1px solid var(--line);background:rgba(255,255,255,.07);color:white;border-radius:14px;padding:12px 13px;font:inherit;outline:none}select option{color:#111}.primary-btn{width:100%;margin-top:16px;border:0;border-radius:15px;padding:13px;background:linear-gradient(145deg,var(--accent2),var(--accent));font-weight:800;color:#073327;font-size:16px;cursor:pointer;text-decoration:none;display:inline-block;text-align:center}.primary-btn.inline{width:auto}.secondary-btn{display:inline-block;padding:12px 18px;border-radius:14px;border:1px solid var(--line);color:white;text-decoration:none}.alert{padding:12px 14px;border-radius:12px;margin:15px 0}.alert.success{background:rgba(49,217,156,.16);border:1px solid rgba(49,217,156,.35)}.alert.error{background:rgba(255,80,80,.18);border:1px solid rgba(255,100,100,.35)}
.sidebar{position:fixed;z-index:50;inset:0 auto 0 0;width:310px;padding:18px;background:linear-gradient(180deg,rgba(5,40,32,.99),rgba(3,24,20,.99));transform:translateX(-110%);transition:.35s;overflow:auto}.sidebar.open{transform:translateX(0)}.sidebar-head{display:flex;align-items:center;gap:12px;margin-bottom:20px}.sidebar-head div:nth-child(2){display:flex;flex-direction:column}.icon-btn{margin-left:auto;border:0;background:rgba(255,255,255,.08);color:white;width:38px;height:38px;border-radius:12px;font-size:24px}.sidebar nav{display:grid;gap:7px}.menu-item{display:flex;align-items:center;gap:12px;padding:11px 14px;border-radius:14px;color:white;text-decoration:none}.menu-item.active,.menu-item:hover{background:rgba(49,217,156,.17)}.menu-item span{width:26px}.menu-item.danger{color:#ffd7d7}.menu-backdrop{position:fixed;z-index:40;inset:0;background:rgba(0,0,0,.5);opacity:0;visibility:hidden;transition:.25s}.menu-backdrop.show{opacity:1;visibility:visible}
.main-shell{position:relative;z-index:2;max-width:1500px;margin:auto;padding:22px}.topbar{display:flex;align-items:center;gap:18px;border-radius:24px;padding:14px 18px;position:sticky;top:12px;z-index:20}.menu-3d{width:54px;height:54px;border:1px solid var(--line);border-radius:17px;color:white;font-size:25px;background:linear-gradient(145deg,#1b7c5d,#0b3c30)}.mosque-title h1{font-size:20px;margin:0}.mosque-title p{margin:0;color:var(--muted)}.top-right{margin-left:auto;display:flex;gap:12px;align-items:center}.clock-box{display:flex;flex-direction:column;text-align:right}.profile-chip{padding:10px 13px;border:1px solid var(--line);border-radius:14px}
.hero,.page-heading{margin-top:20px;border-radius:30px;padding:32px;display:flex;align-items:center;justify-content:space-between}.hero h2,.page-heading h2{font-size:clamp(30px,4vw,52px);margin:8px 0}.hero p,.page-heading p{color:var(--muted);max-width:760px}.eyebrow{letter-spacing:.12em;text-transform:uppercase;font:700 12px 'Inter';color:var(--accent2)}.page-icon{font-size:72px}.prayer-orb{width:180px;height:180px;border-radius:50%;display:grid;place-content:center;text-align:center;background:radial-gradient(circle at 32% 25%,#52efb6,#0b6f50 55%,#053528);box-shadow:0 24px 60px rgba(20,220,150,.23)}.prayer-orb strong{font-size:38px}
.prayer-time-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:14px;margin-top:18px}.prayer-time-card{border-radius:20px;padding:16px;display:flex;gap:12px;align-items:center}.prayer-time-card.current{outline:2px solid var(--accent2)}.prayer-mini-icon{font-size:30px}.prayer-time-card span{display:block;color:var(--muted)}.prayer-time-card strong{font:800 20px 'Inter'}
.round-assignment{display:grid;grid-template-columns:1fr 1.1fr 1fr;gap:22px;align-items:center;margin-top:18px;border-radius:30px;padding:28px}.round-person{text-align:center}.round-photo{width:210px;height:210px;border-radius:50%;overflow:hidden;margin:auto;background:rgba(49,217,156,.15);display:grid;place-items:center;border:6px solid rgba(255,255,255,.08)}.round-photo img{width:100%;height:100%;object-fit:cover}.round-photo span{font-size:80px}.round-person h3{font-size:25px;margin:6px}.round-person small{color:var(--accent2)}.round-center{text-align:center}.round-center h2{font-size:52px;margin:8px}.round-center>strong{font:800 56px 'Inter';color:var(--accent)}.round-center p{color:var(--muted)}
.notice-board,.public-notice{display:flex;align-items:center;margin-top:18px;border-radius:20px;overflow:hidden}.notice-title{padding:15px 18px;background:rgba(198,243,106,.14);white-space:nowrap}.notice-marquee{overflow:hidden;flex:1}.notice-track{display:inline-flex;gap:50px;white-space:nowrap;padding-left:100%;animation:scrollNotice 28s linear infinite}.notice-track span{padding:15px 0}@keyframes scrollNotice{to{transform:translateX(-100%)}}
.section-head{display:flex;justify-content:space-between;align-items:center;margin-top:28px}.section-head h2{margin:4px 0}.donor-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:14px}.donor-card{display:flex;align-items:center;gap:14px;padding:16px;border-radius:22px}.donor-photo{width:82px;height:82px;border-radius:50%;overflow:hidden;background:rgba(49,217,156,.12);display:grid;place-items:center}.donor-photo img{width:100%;height:100%;object-fit:cover}.donor-photo span{font-size:34px}.donor-card h3{margin:3px 0}.donor-card small{color:var(--muted)}.donor-card strong{color:var(--accent2);font-size:21px}
.admin-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:18px;margin-top:18px}.panel{padding:22px;border-radius:25px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}.field.full{grid-column:1/-1}.panel-head{display:flex;justify-content:space-between;align-items:center}.badge{padding:6px 9px;border-radius:999px;background:rgba(198,243,106,.14);color:var(--accent2)}.people-list,.notice-list{display:grid;gap:12px;margin-top:12px;max-height:720px;overflow:auto}.person-card{display:flex;gap:14px;padding:14px;border-radius:20px}.avatar{width:78px;height:78px;border-radius:20px;overflow:hidden;background:rgba(49,217,156,.12);display:grid;place-items:center}.avatar img{width:100%;height:100%;object-fit:cover}.avatar span{font-size:34px}.person-main{flex:1}.person-title{display:flex;justify-content:space-between}.person-meta,.card-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:8px}.status{font-size:11px;padding:4px 8px;border-radius:999px}.status.active{background:rgba(49,217,156,.17);color:var(--accent2)}.status.inactive{background:rgba(255,122,122,.15)}.card-actions a,.delete-link{color:#bfffe7;text-decoration:none}.delete-link{color:#ffb1b1}.notice-entry{padding:16px;border-radius:18px}.prayer-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:18px}.prayer-card{padding:20px;border-radius:24px}.prayer-card-head{display:flex;justify-content:space-between}.prayer-card h3{font-size:28px;margin:4px 0}.time-pill{color:var(--accent2)}
.public-shell{max-width:1800px;margin:auto;padding:22px}.public-header{display:flex;justify-content:space-between;align-items:center;padding:22px 28px;border-radius:26px}.public-header h1{font-size:38px;margin:4px 0}.public-clock{text-align:right;display:flex;flex-direction:column}.public-clock strong{font:800 42px 'Inter'}.public-prayer-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:14px;margin-top:18px}.public-prayer-card{padding:16px;text-align:center;border-radius:20px}.public-prayer-card.current{outline:3px solid var(--accent2)}.public-prayer-card div{font-size:28px}.public-prayer-card span{display:block;color:var(--muted)}.public-prayer-card strong{font:800 20px 'Inter'}.public-main{display:grid;grid-template-columns:1fr 1.2fr 1fr;align-items:center;gap:22px;margin-top:18px;padding:28px;border-radius:30px}.public-round-person{text-align:center}.public-round-photo{width:260px;height:260px;border-radius:50%;overflow:hidden;margin:auto;background:rgba(49,217,156,.12);display:grid;place-items:center;border:8px solid rgba(255,255,255,.08)}.public-round-photo img{width:100%;height:100%;object-fit:cover}.public-round-photo span{font-size:90px}.public-next{text-align:center}.public-next h2{font-size:72px;margin:8px}.public-next>strong{font:800 68px 'Inter';color:var(--accent)}.public-next p{font-size:20px;color:var(--muted)}.public-donors{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin-top:18px}.public-donor{padding:14px;border-radius:20px;text-align:center}.public-donor-photo{width:86px;height:86px;border-radius:50%;overflow:hidden;margin:auto;background:rgba(49,217,156,.12);display:grid;place-items:center}.public-donor-photo img{width:100%;height:100%;object-fit:cover}.public-donor h3{margin:4px}.public-donor small{color:var(--muted)}
.empty-state{padding:28px;border-radius:20px}.check-row{display:flex;gap:8px;align-items:center}.check-row input{width:auto}
@media(max-width:1100px){.prayer-time-grid,.public-prayer-grid{grid-template-columns:repeat(3,1fr)}.round-assignment,.public-main{grid-template-columns:1fr 1fr}.round-center,.public-next{grid-column:1/-1;order:-1}.donor-grid{grid-template-columns:repeat(2,1fr)}.public-donors{grid-template-columns:repeat(3,1fr)}.prayer-grid{grid-template-columns:repeat(2,1fr)}.admin-grid{grid-template-columns:1fr}}
@media(max-width:700px){.main-shell,.public-shell{padding:12px}.topbar{padding:10px}.profile-chip,.mosque-title p,.clock-box small{display:none}.hero,.page-heading{display:block;padding:24px}.page-icon{display:none}.prayer-orb{margin:20px auto 0}.prayer-time-grid,.public-prayer-grid{grid-template-columns:repeat(2,1fr)}.round-assignment,.public-main{grid-template-columns:1fr}.round-center,.public-next{grid-column:auto}.round-photo{width:230px;height:230px}.notice-board,.public-notice{display:block}.notice-title{text-align:center}.donor-grid,.public-donors{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.prayer-grid{grid-template-columns:1fr}.public-header{display:block;text-align:center}.public-clock{text-align:center;margin-top:8px}.public-round-photo{width:250px;height:250px}.public-next h2{font-size:54px}.public-next>strong{font-size:48px}}

/* Version 3.2 Professional */
.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:18px}.stat-card{padding:22px;border-radius:24px;display:flex;flex-direction:column;gap:6px}.stat-card small{color:var(--muted)}.stat-card strong{font:800 30px 'Inter';color:var(--accent2)}.stat-card a{color:#bfffe7;text-decoration:none;font-size:13px}.filter-row{display:flex;gap:8px;margin:10px 0 14px}.filter-row input{margin:0}.table-wrap{overflow:auto;max-height:620px}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:12px;border-bottom:1px solid var(--line);white-space:nowrap}td small{display:block;color:var(--muted);max-width:220px;overflow:hidden;text-overflow:ellipsis}.money-in{color:#9ff5c9}.money-out{color:#ffb1b1}.ramadan-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:18px}.ramadan-card{padding:28px;border-radius:28px;text-align:center}.ramadan-card small,.ramadan-card span{display:block;color:var(--muted)}.ramadan-card strong{display:block;font:800 42px 'Inter';margin:10px;color:var(--accent2)}.timing-list{display:grid;gap:8px}.timing-list div{display:flex;justify-content:space-between;padding:13px;border-radius:14px;background:rgba(255,255,255,.04)}.report-page{background:#f3f6f5;color:#18231f;padding:24px}.report-sheet{max-width:1100px;margin:auto;background:#fff;padding:34px;border-radius:16px}.report-sheet header{text-align:center}.report-actions{display:flex;gap:10px;margin:20px 0}.report-actions a,.report-actions button{padding:10px 14px;border:1px solid #ccd7d2;background:#fff;border-radius:8px;color:#173b30;text-decoration:none}.report-sheet table th,.report-sheet table td{border:1px solid #dce4e1}.report-sheet tfoot{font-weight:bold}@media(max-width:800px){.stats-grid,.ramadan-grid{grid-template-columns:1fr}.filter-row{flex-wrap:wrap}}@media print{.report-page{padding:0;background:#fff}.report-sheet{box-shadow:none;padding:0}.report-actions{display:none}}