:root{--ink:#f7f5eb;--muted:#a7b9b3;--bg:#061713;--panel:#0b2721;--panel2:#10362e;--gold:#e8b84a;--gold2:#f6d98d;--line:rgba(255,255,255,.11);--shadow:0 24px 70px rgba(0,0,0,.25)}
.clock-wrap .hijri-month{margin-top:4px;color:var(--gold2);font-size:clamp(.95rem,1.15vw,1.18rem);font-weight:600}.hijri-month span{font-family:"Noto Naskh Arabic",serif;font-size:1.1em}
*{box-sizing:border-box}html{background:var(--bg);color:var(--ink);font-family:"DM Sans",sans-serif}body{margin:0;min-height:100vh;background:radial-gradient(circle at 8% 0%,#174238 0,transparent 30%),radial-gradient(circle at 92% 100%,#182f25 0,transparent 32%),var(--bg)}button,input,textarea{font:inherit}.display-shell{min-height:100vh;padding:clamp(20px,3vw,48px);display:flex;flex-direction:column;gap:clamp(18px,2.4vw,34px);max-width:1800px;margin:auto}.topbar{display:flex;align-items:center;justify-content:space-between;gap:20px}.identity{display:flex;align-items:center;gap:16px}.mark{width:58px;height:58px;border:1px solid rgba(232,184,74,.4);background:rgba(232,184,74,.09);border-radius:18px;display:grid;place-items:center;color:var(--gold);font-size:38px}.eyebrow,.section-label{margin:0 0 5px;color:var(--gold);font-size:.78rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.identity h1{font-size:clamp(1.4rem,2.3vw,2.3rem);margin:0;line-height:1.1}.clock-wrap{text-align:right}.clock-wrap p{margin:0;color:var(--muted);font-size:clamp(.8rem,1vw,1rem)}.clock{font-size:clamp(2.2rem,5vw,5.4rem);font-variant-numeric:tabular-nums;font-weight:600;letter-spacing:-.06em;line-height:1}.hero-grid{display:grid;grid-template-columns:minmax(280px,.68fr) minmax(520px,1.8fr);gap:clamp(18px,2.4vw,34px);flex:1}.next-prayer,.prayer-board,.notice{border:1px solid var(--line);background:linear-gradient(145deg,rgba(16,54,46,.96),rgba(7,31,27,.94));border-radius:28px;box-shadow:var(--shadow)}.next-prayer{padding:clamp(24px,3vw,46px);display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden}.next-prayer:after{content:"";position:absolute;width:280px;height:280px;border:1px solid rgba(232,184,74,.11);border-radius:50%;right:-120px;bottom:-130px;box-shadow:0 0 0 32px rgba(232,184,74,.035),0 0 0 64px rgba(232,184,74,.025)}.next-name-row{display:flex;align-items:baseline;gap:14px}.next-name-row h2{font-size:clamp(3.5rem,7vw,7rem);line-height:.95;margin:18px 0 0;letter-spacing:-.06em}.next-name-row span{font-family:"Noto Naskh Arabic",serif;font-size:clamp(1.8rem,3vw,3.2rem);color:var(--gold2)}.countdown{font-size:clamp(1.15rem,2vw,1.8rem);color:var(--gold);margin:18px 0 32px;font-variant-numeric:tabular-nums}.next-meta{display:flex;gap:14px;flex-wrap:wrap}.next-meta span{padding:11px 14px;border-radius:12px;background:rgba(0,0,0,.18);color:var(--muted)}.next-meta strong{color:var(--ink);margin-left:6px}.prayer-board{padding:12px;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.prayer{padding:clamp(18px,2.2vw,34px);border-radius:20px;background:rgba(3,17,14,.28);display:flex;flex-direction:column;justify-content:space-between;border:1px solid transparent;min-height:150px}.prayer.active{border-color:rgba(232,184,74,.48);background:linear-gradient(150deg,rgba(232,184,74,.13),rgba(3,17,14,.3))}.prayer-top{display:flex;justify-content:space-between;align-items:start;gap:8px}.prayer h3{margin:0;font-size:clamp(1.35rem,2vw,2.1rem)}.arabic{font-family:"Noto Naskh Arabic",serif;color:var(--gold2);font-size:1.3rem}.time-line{display:flex;align-items:end;justify-content:space-between;gap:8px;margin-top:24px}.adhan{font-size:clamp(1.65rem,2.8vw,3rem);font-variant-numeric:tabular-nums;font-weight:600}.jamaat{text-align:right;color:var(--muted);font-size:.72rem;text-transform:uppercase;letter-spacing:.08em}.jamaat strong{display:block;color:var(--ink);font-size:1.05rem;letter-spacing:0;margin-top:3px}.notice-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(18px,2.4vw,34px)}.notice{min-height:135px;padding:22px 26px;display:flex;align-items:center;gap:20px}.notice-icon,.date-tile{width:70px;height:70px;flex:0 0 70px;border-radius:20px;background:var(--gold);color:#10251e;display:grid;place-items:center;font-weight:700;font-size:2.1rem}.date-tile{display:flex;flex-direction:column;justify-content:center;text-align:center;line-height:1}.date-tile strong{font-size:1.9rem}.date-tile span{font-size:.7rem;letter-spacing:.1em;margin-top:5px}.notice h3{margin:0 0 6px;font-size:clamp(1.2rem,1.8vw,1.7rem)}.notice p:last-child{margin:0;color:var(--muted);line-height:1.45}footer{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding-top:18px}footer>p{margin:0;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.footer-actions{display:flex;gap:8px;flex:none}.ghost-btn,.manage-btn,.reset-btn,.save-btn,.close-btn,.tab{border:0;cursor:pointer}.ghost-btn,.manage-btn{padding:11px 15px;border-radius:12px;color:var(--ink)}.ghost-btn{background:rgba(255,255,255,.06)}.manage-btn,.save-btn{background:var(--gold);color:#10251e;font-weight:700}
dialog{width:min(760px,calc(100% - 24px));max-height:min(850px,calc(100vh - 24px));padding:0;border:1px solid var(--line);border-radius:24px;background:#0c251f;color:var(--ink);box-shadow:0 40px 100px rgba(0,0,0,.55)}dialog::backdrop{background:rgba(0,10,8,.76);backdrop-filter:blur(7px)}#settingsForm{display:flex;flex-direction:column;max-height:calc(100vh - 24px)}.dialog-head{padding:24px 26px 16px;display:flex;justify-content:space-between;align-items:start}.dialog-head h2{margin:0;font-size:1.7rem}.close-btn{background:transparent;color:var(--muted);font-size:2rem;line-height:1}.tabs{display:flex;gap:6px;padding:0 26px 14px;border-bottom:1px solid var(--line);overflow-x:auto}.tab{white-space:nowrap;padding:9px 12px;border-radius:10px;background:transparent;color:var(--muted);font-size:.9rem}.tab.active{background:rgba(232,184,74,.13);color:var(--gold2)}.form-scroll{padding:24px 26px;overflow-y:auto}.tab-panel{display:none}.tab-panel.active{display:block}.tab-panel label{display:block;color:var(--muted);font-size:.88rem;margin:0 0 17px}.tab-panel input,.tab-panel textarea{display:block;width:100%;margin-top:7px;border:1px solid var(--line);border-radius:11px;background:#071a16;color:var(--ink);padding:12px 13px;outline:none}.tab-panel input:focus,.tab-panel textarea:focus{border-color:var(--gold)}.tab-panel h3{margin:6px 0 15px;color:var(--gold2)}.tab-panel h3:not(:first-child){margin-top:28px}.hint{color:var(--muted);font-size:.88rem;margin:0 0 18px}.times-editor{display:grid;gap:10px}.time-edit-row{display:grid;grid-template-columns:1fr 130px 130px;gap:10px;align-items:center;padding:10px 12px;border-radius:12px;background:rgba(255,255,255,.035)}.time-edit-row strong{font-size:.95rem}.time-edit-row label{margin:0;font-size:.72rem}.time-edit-row input{margin-top:4px;padding:8px}.dialog-actions{padding:17px 26px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:12px}.reset-btn{background:transparent;color:var(--muted)}.save-btn{padding:12px 20px;border-radius:12px}.toast{position:fixed;left:50%;bottom:28px;transform:translate(-50%,30px);background:var(--ink);color:#10251e;padding:12px 17px;border-radius:12px;opacity:0;pointer-events:none;transition:.25s}.toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:900px){.hero-grid{grid-template-columns:1fr}.next-prayer{min-height:340px}.prayer-board{grid-template-columns:repeat(2,1fr)}.notice-grid{grid-template-columns:1fr}}@media(max-width:560px){.display-shell{padding:16px}.mark{display:none}.clock-wrap p{display:none}.clock{font-size:2.25rem}.identity h1{font-size:1.25rem}.hero-grid{gap:14px}.next-prayer,.prayer-board,.notice{border-radius:20px}.prayer-board{grid-template-columns:1fr 1fr;padding:8px}.prayer{padding:16px;min-height:130px}.prayer h3{font-size:1.2rem}.adhan{font-size:1.7rem}.notice{padding:18px}.notice-icon,.date-tile{width:58px;height:58px;flex-basis:58px;border-radius:16px}footer{align-items:flex-start;flex-direction:column}.footer-actions{width:100%}.footer-actions button{flex:1}.time-edit-row{grid-template-columns:1fr 1fr}.time-edit-row>strong{grid-column:1/-1}}
@media(min-width:1200px) and (min-height:760px){.prayer{min-height:190px}.notice{min-height:155px}}
.prayer-board{grid-template-columns:repeat(4,1fr)}
.prayer{padding:clamp(16px,1.8vw,28px)}
.donation-content{min-width:0;flex:1}
.donation-totals{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:10px 0}
.donation-totals span{background:rgba(0,0,0,.2);border:1px solid var(--line);padding:8px 11px;border-radius:10px;color:var(--muted);font-size:.78rem}
.donation-totals strong{color:var(--ink);font-size:1rem;margin-left:5px}
.donation-totals .grand-total{background:rgba(232,184,74,.14);border-color:rgba(232,184,74,.35);color:var(--gold2)}
.donation-totals .grand-total strong{color:var(--gold2)}
.amount-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}
@media(max-width:1100px){.prayer-board{grid-template-columns:repeat(3,1fr)}}
@media(max-width:900px){.prayer-board{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.amount-fields{grid-template-columns:1fr}}
.mode-badge{display:inline-flex;align-items:center;margin-left:9px;padding:4px 8px;border-radius:999px;background:rgba(232,184,74,.13);border:1px solid rgba(232,184,74,.28);color:var(--gold2);font-size:.64rem;letter-spacing:.06em;vertical-align:middle}
.auto-settings{border:1px solid var(--line);background:rgba(0,0,0,.13);border-radius:16px;padding:15px;margin:0 0 18px}.switch-row{display:flex!important;justify-content:space-between;align-items:center;gap:20px;color:var(--ink)!important}.switch-row span{display:flex;flex-direction:column}.switch-row small{color:var(--muted);margin-top:3px}.switch-row input{width:22px!important;height:22px;margin:0!important;accent-color:var(--gold)}.location-btn{width:100%;border:1px solid rgba(232,184,74,.35);background:rgba(232,184,74,.11);color:var(--gold2);padding:11px;border-radius:11px;cursor:pointer;font-weight:700}.location-status{font-size:.78rem;color:var(--muted);margin:8px 2px 15px}.setting-pair{display:grid;grid-template-columns:1fr 1fr;gap:12px}.tab-panel select{display:block;width:100%;margin-top:7px;border:1px solid var(--line);border-radius:11px;background:#071a16;color:var(--ink);padding:12px 13px}.time-adjust{display:none!important}.auto-enabled .time-adjust{display:block!important}.auto-enabled .adhan-input{opacity:.62}.sync-note{color:var(--gold2)}
@media(max-width:560px){.setting-pair{grid-template-columns:1fr}.mode-badge{display:none}}
.auto-enabled .time-edit-row:has(.time-adjust){grid-template-columns:1fr 105px 105px 95px}
@media(max-width:650px){.auto-enabled .time-edit-row:has(.time-adjust){grid-template-columns:1fr 1fr}.auto-enabled .time-edit-row>strong{grid-column:1/-1}}
.address-line{margin:6px 0 0;color:var(--muted);font-size:.82rem}.tab-panel input[readonly]{opacity:.72;cursor:not-allowed;background:rgba(255,255,255,.025)}