:root{--green:#065f46;--green2:#047857;--mint:#d1fae5;--ink:#0f172a;--muted:#64748b;--line:#e2e8f0;--bg:#f1f5f9;--white:#fff;--danger:#b91c1c}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:#1e293b;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif}.topbar{background:linear-gradient(125deg,#064e3b,#047857);color:#fff;padding:20px max(24px,calc((100% - 1440px)/2));display:flex;align-items:center;justify-content:space-between;gap:25px;box-shadow:0 5px 18px #0f172a26}.brand{display:flex;gap:18px;align-items:center}.logo{width:64px;height:64px;flex:0 0 64px;background:#fff;color:#065f46;border-radius:17px;display:grid;place-items:center;font-size:34px;overflow:hidden}.logo img{width:100%;height:100%;object-fit:contain;padding:5px}.brand h1{font-size:27px;margin:0 0 3px;font-weight:850;letter-spacing:.3px}.brand p{margin:0;color:#bbf7d0}.clock{padding:10px 23px;text-align:center;border:1px solid #6ee7b766;background:#064e3bcc;border-radius:16px;min-width:235px}.clock strong{display:block;color:#6ee7b7;font:900 30px ui-monospace,monospace;letter-spacing:2px}.clock span{font-size:12px;color:#d1fae5}main{max-width:1440px;margin:28px auto;padding:0 20px;display:grid;gap:22px}.card{background:#fff;border:1px solid var(--line);border-radius:23px;padding:23px;box-shadow:0 10px 25px #0f172a0a}.card-title{display:flex;align-items:center;gap:10px;margin-bottom:18px}.card-title>span{font-size:23px}.card-title h2{margin:0;color:var(--ink);font-size:20px}.prayer-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}.prayer{background:#ecfdf5;border:1px solid #bbf7d0;border-radius:15px;padding:16px 8px;text-align:center}.prayer span{display:block;color:#166534;font-size:12px;font-weight:800;letter-spacing:1px;text-transform:uppercase}.prayer strong{display:block;color:#052e16;font-size:30px;margin-top:5px}.grid-three{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:20px;align-items:stretch}.grid-two{display:grid;grid-template-columns:1fr 1fr;gap:20px}.agenda-list{display:grid;gap:11px}.agenda{display:flex;justify-content:space-between;gap:10px;background:#f8fafc;border:1px solid var(--line);border-radius:15px;padding:13px}.agenda.active{background:#ecfdf5;border-color:#a7f3d0}.agenda h3{font-size:14px;margin:7px 0 4px;color:var(--ink);line-height:1.35}.agenda p{font-size:12px;color:var(--muted);margin:0}.pill{display:inline-block;padding:3px 8px;border-radius:99px;background:#475569;color:#fff;font-size:10px;font-weight:800}.active .pill{background:var(--green2)}.state{align-self:flex-start;background:#e2e8f0;color:#475569;padding:4px 8px;border-radius:6px;font-size:10px;text-transform:uppercase}.active .state{background:#a7f3d0;color:#065f46}.queue-display{background:linear-gradient(145deg,#065f46,#047857);border-radius:16px;text-align:center;color:#fff;padding:17px}.queue-display small{text-transform:uppercase;letter-spacing:1px;color:#a7f3d0;font-weight:700}.queue-display strong{display:block;font:900 44px ui-monospace,monospace;margin:3px}.queue-display span{font-size:13px}.waiting{text-align:center;color:var(--muted);font-size:13px;margin:9px 0 14px}form{display:grid;gap:12px}label{display:grid;gap:5px;font-size:12px;font-weight:750;color:#334155}input,select,textarea{width:100%;border:1px solid #cbd5e1;border-radius:10px;background:#fff;padding:10px 12px;font:inherit;color:#0f172a;outline:none}textarea{min-height:72px;resize:vertical}input:focus,select:focus,textarea:focus{border-color:#10b981;box-shadow:0 0 0 3px #10b9811f}button,.button{border:0;border-radius:10px;background:var(--green2);color:#fff;font-weight:800;padding:11px 15px;cursor:pointer;text-decoration:none;text-align:center}button:hover,.button:hover{background:#065f46}.table-wrap{overflow:auto;max-height:320px}table{width:100%;border-collapse:collapse;font-size:13px}th{background:#f1f5f9;text-align:left;color:#475569;font-size:11px;text-transform:uppercase;letter-spacing:.4px}th,td{padding:11px;border-bottom:1px solid var(--line);vertical-align:top}.time-badge,.status{display:inline-block;border-radius:7px;padding:4px 8px;font-size:11px;font-weight:800;white-space:nowrap}.time-badge,.status.green{background:#d1fae5;color:#065f46}.status.blue{background:#dbeafe;color:#1d4ed8}.status.orange{background:#ffedd5;color:#c2410c}.status.red{background:#fee2e2;color:#b91c1c}.status.gray{background:#e2e8f0;color:#475569}.empty{padding:20px;text-align:center;color:var(--muted)}.alert{max-width:800px;margin:0 auto;border-radius:12px;padding:12px 16px;font-weight:700}.alert.success{background:#d1fae5;color:#065f46}.alert.error{background:#fee2e2;color:#991b1b}footer{text-align:center;padding:10px 20px 30px;color:#64748b;font-size:12px}footer a{color:#047857;text-decoration:none}.ticket-page{min-height:100vh;display:grid;place-items:center;padding:20px}.ticket{width:min(420px,100%);background:#fff;padding:30px;border-radius:20px;box-shadow:0 20px 50px #0f172a22;text-align:center;border-top:8px solid #047857}.ticket>p{font-weight:800}.ticket h1{font:900 64px ui-monospace,monospace;color:#065f46;margin:15px}.ticket h2{font-size:17px}.ticket dl{display:grid;grid-template-columns:100px 1fr;text-align:left;border-top:1px dashed #94a3b8;border-bottom:1px dashed #94a3b8;padding:14px 0}.ticket dt{font-weight:800}.ticket dd{margin:0}.ticket small{display:block;margin:15px;color:#64748b}.ticket-actions{display:flex;gap:10px;justify-content:center}.ticket-actions a{padding:10px 15px;color:#065f46;text-decoration:none;font-weight:800}
.header-tools{display:flex;align-items:center;gap:10px}.sound-button{background:#fef3c7;color:#854d0e;border:1px solid #fde68a;padding:10px 13px;font-size:11px;white-space:nowrap}.sound-button:hover{background:#fde68a}.sound-button:disabled{opacity:.85;cursor:default}.prayer-info{display:block;color:#64748b;font-size:11px;margin-top:3px;font-weight:500}.prayer-break{position:fixed;inset:0;z-index:9999;background:linear-gradient(145deg,#022c22f2,#065f46f5);display:flex;align-items:center;justify-content:center;padding:20px;backdrop-filter:blur(8px)}.prayer-break[hidden]{display:none}.break-panel{width:min(650px,100%);background:#fff;text-align:center;border-radius:30px;padding:38px 30px;box-shadow:0 30px 90px #0006;border:2px solid #a7f3d0}.mosque-icon{font-size:68px}.break-kicker{color:#047857;font-weight:900;letter-spacing:2px;margin:10px 0}.break-panel h2{font-size:38px;color:#064e3b;margin:7px 0}.break-panel>p:not(.break-kicker){font-size:22px;font-weight:750;color:#334155;margin:5px 0 22px}.break-clock{display:inline-grid;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:15px;padding:12px 25px;margin-bottom:20px}.break-clock span{font-size:12px;color:#166534}.break-clock strong{font:900 32px ui-monospace,monospace;color:#064e3b}.break-panel button{display:block;margin:0 auto;background:#e2e8f0;color:#475569;font-size:12px}
.presence-top{max-height:390px}.service-links{background:linear-gradient(135deg,#052e16,#065f46);border-radius:24px;padding:25px;color:#fff;box-shadow:0 14px 35px #064e3b24}.links-heading{margin-bottom:17px}.links-heading h2{margin:3px 0 4px;font-size:23px}.links-heading p{margin:0;color:#bbf7d0;font-size:13px}.eyebrow{color:#6ee7b7;font-size:10px;font-weight:900;letter-spacing:2px}.link-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.service-link{position:relative;display:flex;gap:14px;min-height:170px;padding:20px;border-radius:18px;color:#0f172a;text-decoration:none;background:#fff;border:1px solid #ffffff44;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}.service-link:before{content:"";position:absolute;right:-28px;top:-34px;width:105px;height:105px;border-radius:50%;background:currentColor;opacity:.06}.service-link:hover{transform:translateY(-4px);box-shadow:0 16px 28px #0003}.service-link.official{color:#065f46}.service-link.land{color:#1d4ed8}.service-link.letter{color:#9a3412}.link-icon{width:50px;height:50px;flex:0 0 50px;display:grid;place-items:center;border-radius:14px;background:currentColor;font-size:25px}.link-icon::first-line{color:initial}.service-link small{font-size:9px;font-weight:900;letter-spacing:1.2px;opacity:.75}.service-link h3{font-size:17px;margin:5px 0 7px;color:#0f172a}.service-link p{font-size:12px;line-height:1.45;color:#64748b;margin:0 0 13px}.service-link b{font-size:12px}.service-link b span{display:inline-block;transition:transform .2s}.service-link:hover b span{transform:translateX(4px)}
@media(max-width:1000px){.grid-three{grid-template-columns:1fr 1fr}.grid-three .card:first-child{grid-column:1/-1}.prayer-grid{grid-template-columns:repeat(3,1fr)}.header-tools{align-items:stretch;flex-direction:column}.link-grid{grid-template-columns:1fr}.service-link{min-height:auto}}@media(max-width:700px){.topbar{padding:15px;align-items:flex-start;flex-direction:column}.brand h1{font-size:19px}.brand p{font-size:12px}.logo{width:52px;height:52px;flex-basis:52px}.header-tools,.clock,.sound-button{width:100%}.clock{padding:8px}.clock strong{font-size:24px}.grid-three,.grid-two{grid-template-columns:1fr}.grid-three .card:first-child{grid-column:auto}.prayer-grid{grid-template-columns:repeat(2,1fr)}.card{padding:17px;border-radius:18px}.card-title h2{font-size:17px}main{padding:0 12px;margin:16px auto}.prayer strong{font-size:25px}.break-panel{padding:28px 18px}.break-panel h2{font-size:28px}.break-panel>p:not(.break-kicker){font-size:17px}.service-links{padding:18px;border-radius:19px}.service-link{padding:17px}.link-icon{width:44px;height:44px;flex-basis:44px}}@media print{body{background:#fff}.ticket{box-shadow:none}.ticket-actions,.prayer-break,.service-links{display:none!important}}