.center-wrap{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:24px;text-align:center}.brand{font-family:var(--font-head);font-size:64px;font-weight:900;color:var(--gold)}.brand-sub{color:var(--dim);font-size:18px;margin-top:-10px}.pick-title{margin-top:26px;font-size:20px;color:var(--text)}.role-row{display:flex;gap:20px;flex-wrap:wrap;justify-content:center}.role-btn{width:240px;padding:28px 18px;border-radius:16px;border:1px solid var(--border);background:var(--card);color:var(--text);cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:8px;transition:all .2s}.role-btn:hover{border-color:var(--accent);transform:translateY(-3px)}.role-icon{font-size:44px}.role-label{font-family:var(--font-head);font-weight:700;font-size:20px;color:var(--gold)}.role-btn small{color:var(--dim)}.code-input{width:280px;text-align:center;font-size:34px;letter-spacing:8px;font-family:monospace;padding:12px;border-radius:12px;border:2px solid var(--border);background:var(--card);color:var(--accent);outline:none}.code-input:focus{border-color:var(--accent)}.btn-primary{background:linear-gradient(135deg,var(--accent),var(--accent-deep));color:#fff;font-weight:700;font-family:var(--font-head);border:none;border-radius:10px;padding:12px 22px;cursor:pointer;font-size:15px}.btn-primary:disabled{opacity:.6;cursor:wait}.btn-ghost{background:transparent;border:1px solid var(--border);color:var(--dim);border-radius:8px;padding:7px 14px;cursor:pointer;font-family:var(--font-body)}.btn-ghost:hover{color:var(--text);border-color:var(--accent)}.btn-ghost.danger:hover{border-color:#e06c75;color:#e06c75}.err{color:#e06c75;font-size:14px}.bootstrap-wrap{min-height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;text-align:center;padding:30px;background:radial-gradient(900px 400px at 50% 0%,rgba(212,177,92,.08),transparent),var(--bg)}.code-huge{font-family:monospace;direction:ltr;font-size:clamp(64px,12vw,150px);letter-spacing:14px;color:var(--accent);text-shadow:0 0 40px rgba(16,185,129,.25);line-height:1.1}.pulse-dot{width:10px;height:10px;border-radius:50%;background:var(--accent);animation:pulse 1.4s ease-in-out infinite;display:inline-block}@keyframes pulse{0%,to{opacity:.25}50%{opacity:1}}.link-btn{background:none;border:none;color:var(--dim);text-decoration:underline;cursor:pointer;font-family:var(--font-body);font-size:14px}.link-btn:hover{color:var(--accent)}.screen-root{height:100%;display:flex;flex-direction:column;position:relative;overflow:hidden;background:radial-gradient(1200px 500px at 50% -10%,color-mix(in srgb,var(--accent) 10%,transparent),transparent),var(--bg)}.frame{pointer-events:none;position:absolute;top:14px;right:14px;bottom:14px;left:14px;border:1.5px solid color-mix(in srgb,var(--border) 55%,transparent);outline:1px solid color-mix(in srgb,var(--accent) 30%,transparent);outline-offset:5px;border-radius:18px;z-index:0}.offline-ribbon{background:#8f2f36;color:#ffe3e5;text-align:center;font-size:14px;padding:6px 12px;z-index:2}.screen-header{display:flex;justify-content:space-between;align-items:center;padding:22px 44px 12px;position:relative;z-index:1}.header-right{display:flex;align-items:center;gap:16px;min-width:0}.header-logo{width:64px;height:64px;border-radius:50%;object-fit:cover;border:2px solid var(--accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 18%,transparent)}.header-name{font-family:var(--font-head);font-weight:900;font-size:clamp(26px,3.2vw,46px);color:var(--panel-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.header-left{display:flex;align-items:center;gap:14px}.hijri-chip{display:inline-flex;align-items:center;gap:8px;background:color-mix(in srgb,var(--surface) 70%,transparent);border:1px solid color-mix(in srgb,var(--border) 60%,transparent);color:var(--dim);font-size:clamp(13px,1.3vw,19px);padding:7px 16px;border-radius:999px}.manual-tag{background:var(--accent);color:var(--bg);font-size:11px;padding:2px 8px;border-radius:999px}.screen-tools{display:flex;gap:8px;opacity:.35;transition:opacity .3s}.screen-header:hover .screen-tools,.screen-root:not(.hide-ui) .mini-btn:focus{opacity:1}.mini-btn{width:40px;height:40px;border-radius:10px;border:1px solid color-mix(in srgb,var(--border) 60%,transparent);background:color-mix(in srgb,var(--surface) 75%,transparent);color:var(--dim);font-size:18px;cursor:pointer}.mini-btn:hover{color:var(--accent);border-color:var(--accent)}.zone-a{flex:1;min-height:0;display:flex;flex-direction:column;align-items:center;padding:10px 60px 18px;position:relative;z-index:1}.surah-pill{font-family:var(--font-head);font-weight:700;font-size:clamp(17px,1.9vw,27px);color:var(--accent);background:color-mix(in srgb,var(--surface) 80%,transparent);border:1px solid color-mix(in srgb,var(--accent) 45%,transparent);border-radius:999px;padding:8px 34px;margin-bottom:14px;box-shadow:0 4px 24px color-mix(in srgb,var(--accent) 12%,transparent)}.ayah-box{flex:1;width:100%;max-width:1500px;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center}.ayah-text{font-family:Amiri Quran,serif;font-size:clamp(38px,4.6vw,72px);line-height:2.15;text-align:center;color:var(--text);margin:auto;text-shadow:0 0 42px rgba(212,177,92,.14);animation:fadeSlide .9s ease both}@keyframes fadeSlide{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}.basmala{font-family:Amiri Quran,serif;font-size:clamp(24px,2.6vw,44px);color:var(--accent);text-align:center;margin-bottom:3.5vh;animation:fadeSlide .9s ease both}.prayer-bar{position:relative;z-index:1;text-align:center;padding:8px 40px 10px;margin:0 90px;color:var(--text);font-size:clamp(15px,1.7vw,24px);letter-spacing:.3px;border-top:1px solid color-mix(in srgb,var(--border) 30%,transparent)}.zone-b{text-align:center;padding:20px 40px 14px;border-top:3px solid color-mix(in srgb,var(--accent) 65%,transparent);margin:0 90px;position:relative;z-index:1}.zone-b-title{font-family:var(--font-head);font-weight:900;font-size:clamp(22px,2.4vw,36px);color:var(--accent-deep);letter-spacing:.5px}.zone-b-body{margin-top:8px;font-size:clamp(16px,1.7vw,25px);color:var(--dim);animation:fadeSlide .8s ease both}.deceased-strip{display:flex;flex-wrap:wrap;gap:14px;justify-content:center;padding:6px 60px 14px;position:relative;z-index:1}.deceased-chip{background:var(--surface);border-top:3px solid var(--accent);border-radius:10px;padding:10px 26px;text-align:center;box-shadow:0 6px 22px #0000002e;max-width:300px}.deceased-chip.pinned{outline:2px solid var(--accent);outline-offset:-1px}.deceased-avatar{display:flex;align-items:center;justify-content:center;width:clamp(46px,5vw,70px);height:clamp(46px,5vw,70px);border-radius:50%;overflow:hidden;margin:0 auto 8px;background:color-mix(in srgb,var(--surface) 82%,black 18%);border:2px solid var(--accent);color:var(--accent)}.deceased-photo{width:100%;height:100%;object-fit:cover}.deceased-sil{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.av-svg{width:84%;height:84%}.av-svg .av-body{fill:currentColor}.av-svg .av-face{fill:var(--surface)}.deceased-note{display:block;font-size:clamp(11px,1vw,14px);color:var(--dim);line-height:1.6;white-space:normal;max-width:280px}.deceased-name{display:block;font-family:var(--font-head);font-weight:700;font-size:clamp(15px,1.5vw,21px);color:var(--panel-text)}.deceased-date{font-size:clamp(12px,1.1vw,15px);color:var(--dim)}.ticker{display:flex;align-items:stretch;height:54px;background:var(--surface);border-top:1px solid color-mix(in srgb,var(--border) 55%,transparent);position:relative;z-index:1}.ticker-label{flex-shrink:0;display:flex;align-items:center;padding:0 26px;background:linear-gradient(135deg,var(--accent),var(--accent-deep));color:var(--bg);font-weight:800;font-family:var(--font-body);font-size:17px;clip-path:polygon(0 0,calc(100% - 18px) 0,100% 50%,calc(100% - 18px) 100%,0 100%)}.ticker-track{flex:1;overflow:hidden;display:flex;align-items:center;-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}.ticker-inner{display:inline-flex;gap:70px;white-space:nowrap;direction:ltr;animation:marquee linear infinite}.ticker-item{direction:rtl;font-size:19px;color:var(--panel-text)}.ticker-emergency{background:#7a1420;border-top-color:#ff9a9a}.ticker-emergency .ticker-label{background:#4d0d16;color:#fff}.ticker-emergency .ticker-item{color:#fff;font-weight:700}.welcome-root{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2.2vh;text-align:center;padding:24px}.welcome-brand{font-family:var(--font-head);font-weight:900;font-size:clamp(64px,12vw,180px);line-height:1.05;color:var(--accent);text-shadow:0 0 80px color-mix(in srgb,var(--accent) 30%,transparent)}.welcome-tagline{font-size:clamp(18px,2.4vw,34px);color:var(--dim)}.welcome-logo{width:clamp(70px,9vw,130px);height:auto;border-radius:16px;border:2px solid var(--accent);object-fit:contain;background:#fff;padding:6px}.welcome-majlis{margin-top:1vh;padding:1.2vh 4vw;border:1px solid color-mix(in srgb,var(--border) 65%,transparent);border-radius:999px;font-family:var(--font-head);font-size:clamp(18px,2.6vw,36px);color:var(--panel-text)}.welcome-tools{position:absolute;bottom:18px;inset-inline-end:18px;display:flex;gap:8px;opacity:.35;transition:opacity .3s}.welcome-tools:hover{opacity:1}@keyframes marquee{0%{transform:translate(100%)}to{transform:translate(-100%)}}.complete-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:color-mix(in srgb,var(--bg) 82%,transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;cursor:pointer;z-index:10;animation:popIn .6s cubic-bezier(.2,1.4,.4,1) both}@keyframes popIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.complete-title{font-family:var(--font-head);font-weight:900;font-size:clamp(48px,6vw,96px);color:var(--accent);text-shadow:0 0 60px color-mix(in srgb,var(--accent) 35%,transparent)}.complete-sub{font-size:clamp(18px,2vw,30px);color:var(--dim)}.screen-body{flex:1;min-height:0;display:flex;position:relative;z-index:1}.screen-body .zone-a{min-width:0}.side-panel{width:clamp(300px,27vw,440px);margin:8px 44px 20px 20px;padding:22px;border:1px dashed color-mix(in srgb,var(--border) 60%,transparent);outline:1px solid color-mix(in srgb,var(--accent) 18%,transparent);outline-offset:-6px;border-radius:16px;background:color-mix(in srgb,var(--surface) 72%,transparent);display:flex;flex-direction:column;gap:12px;overflow:hidden}.side-head{font-family:var(--font-head);font-weight:900;font-size:clamp(18px,1.8vw,27px);color:var(--accent);text-align:center;padding-bottom:12px;border-bottom:1px dashed color-mix(in srgb,var(--border) 55%,transparent)}.side-items{display:flex;flex-direction:column;gap:10px}.side-item{background:color-mix(in srgb,var(--card) 85%,transparent);border-inline-start:3px solid var(--accent);border-radius:10px;padding:12px 16px;font-size:clamp(14px,1.35vw,19px);line-height:1.7;color:var(--text);animation:fadeSlide .8s ease both}.side-dead{margin-top:auto;display:flex;flex-wrap:wrap;gap:8px;align-content:flex-end}.side-dead .deceased-chip{padding:5px 14px;border-radius:8px}.panel-root{min-height:100%;background:var(--bg)}.panel-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;padding:14px 22px;border-bottom:1px solid var(--border);position:sticky;top:0;background:var(--surface);z-index:5}.panel-header h1{font-family:var(--font-head);font-size:20px;color:var(--gold)}.header-tools{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.room-chip{font-family:monospace;background:var(--card);border:1px solid var(--border);color:var(--accent);padding:6px 12px;border-radius:8px;letter-spacing:3px}.badge{font-size:13px;padding:6px 12px;border-radius:999px}.badge-live{background:#10b98126;color:var(--accent);border:1px solid rgba(16,185,129,.4)}.badge-warn{background:#d4b15c26;color:var(--gold);border:1px solid rgba(212,177,92,.4)}.badge-off{background:#e06c751f;color:#e06c75;border:1px solid rgba(224,108,117,.4)}.panel-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:16px;padding:18px;max-width:1200px;margin:0 auto}.card{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:18px;display:flex;flex-direction:column;gap:12px}.card.wide{grid-column:1 / -1}.card h2{font-family:var(--font-head);font-size:16px;color:var(--accent)}.fld{display:flex;flex-direction:column;gap:6px;font-size:13px;color:var(--dim)}.fld input,.card input:not([type=checkbox]),.card textarea{background:var(--surface);border:1px solid var(--border);border-radius:8px;color:var(--text);padding:9px 12px;font-family:var(--font-body);font-size:14px;outline:none;width:100%}.fld input:focus,.card input:focus,.card textarea:focus{border-color:var(--accent)}.row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.grow{flex:1}.chk{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--dim);cursor:pointer}.list-row{display:flex;align-items:center;gap:8px;background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:7px 10px;font-size:14px}.list-row>span:first-child{flex:1}.dim{color:var(--dim);font-size:12px}.strike{text-decoration:line-through}.btn-x{background:none;border:none;color:#e06c75;cursor:pointer;font-size:15px}.tab-btn{background:var(--surface);border:1px solid var(--border);color:var(--dim);border-radius:10px;padding:9px 18px;cursor:pointer;font-family:var(--font-head);font-weight:700;font-size:14px}.tab-btn.active{border-color:var(--accent);color:var(--accent);background:#10b9811a}.tab-btn.small{padding:6px 12px;font-size:12px}.card select{background:var(--surface);border:1px solid var(--border);border-radius:8px;color:var(--text);padding:9px 12px;font-family:var(--font-body);font-size:14px;outline:none;width:100%}.hijri-preview{font-family:var(--font-head);font-size:22px;color:var(--gold)}.tips-line{line-height:1.8}.move-btn{background:none;border:none;color:var(--dim);cursor:pointer;font-size:11px}.move-btn:hover{color:var(--accent)}.preview-box{aspect-ratio:16 / 9;width:100%;overflow:hidden;border:1px solid var(--border);border-radius:12px;position:relative;background:var(--bg)}.preview-box iframe{width:400%;height:400%;border:0;transform:scale(.25);transform-origin:top right}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;display:flex;align-items:center;justify-content:center;z-index:100}.modal{background:var(--surface);color:var(--panel-text);border:1px solid var(--border);border-radius:14px;padding:22px;width:min(460px,92%)}.modal h2{font-family:var(--font-head);color:var(--accent);margin-bottom:12px}.diag-grid{display:grid;grid-template-columns:auto 1fr;gap:8px 16px;font-size:14px}.diag-grid span{color:var(--dim)}.card{transition:box-shadow .25s,transform .25s}.card:hover{box-shadow:0 10px 34px #00000024;transform:translateY(-2px)}.card h2{display:flex;align-items:center;gap:8px}.list-row{animation:rowIn .35s ease both}@keyframes rowIn{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:none}}.session-card{border-width:2px}.session-off{border-color:var(--dim)}.btn-toggle{border:none;border-radius:12px;padding:14px 30px;font-weight:800;font-size:17px;cursor:pointer;font-family:inherit}.btn-toggle.danger{background:#8f2431;color:#fff}.btn-toggle.primary{background:var(--accent);color:var(--bg)}.avatar-thumb{width:40px;height:40px;border-radius:50%;overflow:hidden;display:flex;align-items:center;justify-content:center;background:var(--surface);color:var(--accent);border:1px solid var(--border);flex-shrink:0}.avatar-thumb img{width:100%;height:100%;object-fit:cover}.list-row .grow{flex:1;min-width:0;text-align:start}.block-note{display:block;white-space:normal;line-height:1.6}.tag-pin,.tag-hidden{display:inline-block;font-size:11px;padding:2px 8px;border-radius:999px;margin-inline-start:8px}.tag-pin{background:var(--accent);color:var(--bg)}.tag-hidden{background:#47506a;color:#eee}.deceased-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px}.danger-card{border-color:#8f2431}.danger-card h2{color:#ff9a9a}.prayer-preview{background:var(--surface);color:var(--panel-text);border-radius:10px;padding:10px 14px;margin-top:10px;font-size:15px}.qr-modal{text-align:center}.qr-img{background:#fff;padding:10px;border-radius:14px;width:min(320px,70vw);height:auto}.qr-url{word-break:break-all;font-size:13px;opacity:.75;margin:10px 0}.seg{display:inline-flex;border:1px solid var(--border);border-radius:10px;overflow:hidden}.seg button{border:none;background:transparent;color:var(--panel-text);padding:8px 14px;cursor:pointer;font-family:inherit}.seg button.active{background:var(--accent);color:var(--bg);font-weight:700}:root,[data-theme=emerald-dark]{--bg: #0B1F19;--surface: #0F4C3A;--panel-text: #EFE7CE;--card: #0B1F19;--border: #D4B15C;--accent: #D4B15C;--accent-deep: #b8934a;--text: #EFE7CE;--dim: #a8b39a}[data-theme=emerald-light]{--bg: #F4F1E6;--surface: #0F4C3A;--panel-text: #EFE7CE;--card: #F4F1E6;--border: #C9A24B;--accent: #C9A24B;--accent-deep: #a5823c;--text: #0F4C3A;--dim: #55705f}[data-theme=gold-dark]{--bg: #1C1610;--surface: #3A2A10;--panel-text: #E8D6A8;--card: #1C1610;--border: #B98B2E;--accent: #D9A94A;--accent-deep: #c08f33;--text: #E8D6A8;--dim: #b3a284}[data-theme=gold-light]{--bg: #FBF8F1;--surface: #7A5A1E;--panel-text: #E8D6A8;--card: #FBF8F1;--border: #B98B2E;--accent: #7A5A1E;--accent-deep: #5C3D0E;--text: #5C3D0E;--dim: #8a7350}[data-theme=night-dark]{--bg: #0A1520;--surface: #122536;--panel-text: #DCE8EE;--card: #0A1520;--border: #3D6478;--accent: #6FA8C4;--accent-deep: #527f96;--text: #DCE8EE;--dim: #8aa0ae}[data-theme=night-light]{--bg: #EEF2F5;--surface: #1B3A4B;--panel-text: #DCE8EE;--card: #EEF2F5;--border: #5B8DA6;--accent: #5B8DA6;--accent-deep: #46718a;--text: #1B3A4B;--dim: #5d7484}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);font-family:var(--font-body)}