:root{--teal:#1bac9f;--teal-dark:#159186;--teal-light:#e6f7f5;--white:#fff;--text-on-teal:#fff;--text-dark:#1a2a2a;--text-mid:#4a6a6a;--text-light:#8a9e9e;--border:#1bac9f26;--radius:.5vw;--radius-lg:.8vw;--accent-line:#1bac9f4d;--accent-corner:#1bac9f80;--danger:#dc2626;--danger-soft:#e05555;--danger-bg:#fef2f2;--danger-bg-2:#fee2e2;--danger-border:#fecaca;--success:#16a34a;--success-bg:#f0fdf4;--warn:#f59e0b;--offline:#ef4444;--neutral-border:#e5e7eb;--neutral-text:#9ca3af;--watermark-tint:#1bac9f14;--watermark-tile:120px}:root[data-theme=dark]{--teal:#1bac9f;--teal-dark:#38d4c4;--teal-light:#16221f;--white:#0a1110;--text-on-teal:#fff;--text-dark:#eaf5f3;--text-mid:#9cb9b4;--text-light:#5f7c77;--border:#b4e6e029;--accent-line:#38d4c447;--accent-corner:#38d4c473;--watermark-tint:#38d4c40f}*{box-sizing:border-box;margin:0;padding:0}body.kiosk-mode,body.kiosk-mode *{cursor:none!important}html,body,#root{background:var(--white);width:100%;height:100%;color:var(--text-dark);font-family:Inter,Segoe UI,system-ui,sans-serif}.kiosk{z-index:0;grid-template-rows:auto 1fr auto;gap:1.5vh;height:100vh;padding:2vh 2.5vw;display:grid;position:relative;overflow:hidden}.kiosk:before{content:"";z-index:-1;background-color:var(--watermark-tint);-webkit-mask-image:url(/watermark-pattern.png);mask-image:url(/watermark-pattern.png);-webkit-mask-repeat:repeat;mask-repeat:repeat;-webkit-mask-size:var(--watermark-tile) var(--watermark-tile);-webkit-mask-size:var(--watermark-tile) var(--watermark-tile);mask-size:var(--watermark-tile) var(--watermark-tile);pointer-events:none;transition:background-color .8s;position:absolute;inset:0}.kiosk-topbar{background:var(--teal);border-radius:var(--radius-lg);color:var(--text-on-teal);grid-template-columns:1fr auto 1fr;align-items:center;padding:1.2vh 2vw;display:grid}.mosque-name-group{justify-content:center;align-items:center;gap:1.5vw;display:flex}.mosque-name{letter-spacing:.03em;color:var(--text-on-teal);text-align:center;font-size:3.1vh;font-weight:600}.topbar-star{width:4.8vh;height:4.8vh;color:var(--text-on-teal);flex-shrink:0;display:block}.clock-time{color:var(--text-on-teal);font-variant-numeric:tabular-nums;text-align:right;font-size:3.5vh;font-weight:600;line-height:1}.clock-date{opacity:.85;color:var(--text-on-teal);text-align:left;font-size:2.6vh}.kiosk-body{grid-template-columns:minmax(0,1fr) 30vw;gap:1.6vw;min-height:0;display:grid}.kiosk-left{flex-direction:column;gap:1.5vh;min-height:0;display:flex}.kiosk-right{flex-direction:column;gap:1.5vh;min-height:0;display:flex;position:relative}.kiosk-right:before{content:"";background:linear-gradient(to bottom, transparent, var(--accent-line) 12%, var(--accent-line) 88%, transparent);pointer-events:none;width:1px;position:absolute;top:0;bottom:0;left:-.8vw}.morning-prayer-row{gap:.65vw;display:flex}.morning-prayer-row .morning-prayer{flex:1}.morning-prayer{background:var(--teal-light);border:1px solid var(--border);border-radius:var(--radius-lg);justify-content:center;align-items:center;gap:1.4vw;padding:.8vh 1.4vw;display:flex}.morning-prayer-label{text-transform:uppercase;letter-spacing:.06em;color:var(--teal);font-size:4vh;font-weight:600}.morning-prayer-time{color:var(--text-dark);font-size:4vh;font-weight:700}.morning-prayer--next{background:var(--teal)}.morning-prayer--next .morning-prayer-label,.morning-prayer--next .morning-prayer-time{color:var(--text-on-teal)}.friday-inline-row{gap:.65vw;display:flex}.friday-inline-item{background:var(--teal-light);border:1px solid var(--border);border-radius:var(--radius-lg);flex-direction:row;flex:1;justify-content:center;align-items:center;gap:1vw;padding:.8vh 1vw;display:flex}.friday-inline-label{text-transform:uppercase;letter-spacing:.04em;color:var(--teal);white-space:nowrap;font-size:2.6vh;font-weight:600}.friday-inline-time{color:var(--text-dark);font-size:3.8vh;font-weight:700}.prayer-times{flex-direction:column;flex:1;gap:1vh;min-height:0;display:flex}.prayer-grid{text-align:center;flex:1;grid-template-rows:repeat(2,1fr);grid-template-columns:repeat(3,1fr);gap:.65vw;min-height:0;display:grid}.prayer-item{background:var(--teal);border-radius:var(--radius-lg);opacity:.55;flex-direction:column;justify-content:center;align-items:center;padding:1vh .3vw;transition:all .3s;display:flex}.prayer-item--next{opacity:1}.prayer-name{color:#ffffffd9;text-transform:uppercase;letter-spacing:.05em;-webkit-hyphens:manual;hyphens:manual;overflow-wrap:break-word;text-align:center;justify-content:center;align-items:center;min-height:2.4em;margin-bottom:.25vh;font-size:3.7vh;font-weight:500;line-height:1.05;display:flex}.prayer-time{color:var(--text-on-teal);font-size:8.2vh;font-weight:700}.prayer-time--with-sub{position:relative}.prayer-subtime{white-space:nowrap;color:var(--text-dark);font-size:4vh;font-weight:600;line-height:1;position:absolute;top:100%;left:50%;transform:translate(-50%)}.prayer-item--next .prayer-subtime{color:var(--text-on-teal)}.prayer-times-empty{text-align:center;color:var(--text-light);font-size:2.5vh}.sidebar-card{background:var(--teal-light);border:1px solid var(--border);border-radius:var(--radius-lg);padding:2vh 1.5vw}.sidebar-card-title{text-transform:uppercase;letter-spacing:.08em;color:var(--teal);margin-bottom:.8vh;font-size:1.4vh;font-weight:600}.countdown-card{text-align:center;background:var(--teal);border-radius:var(--radius-lg);color:var(--text-on-teal);padding:2.8vh 1.7vw;position:relative;overflow:hidden}.countdown-card-progress{background:#fff3;height:.7vh;position:absolute;bottom:0;left:0;right:0}.countdown-card-progress-fill{background:#8ce9dc;border-radius:0 3px 3px 0;height:100%;transition:width 1s linear}.countdown-card-label{text-transform:uppercase;letter-spacing:.08em;opacity:.85;font-size:2.4vh;font-weight:600}.countdown-card-prayer{margin:.6vh 0;font-size:3.2vh;font-weight:700}.countdown-card-timer{letter-spacing:.04em;font-size:5vh;font-weight:400}.countdown-card--ar .countdown-card-label{letter-spacing:normal;font-size:3vh}.countdown-card--ar .countdown-card-prayer{font-size:4.2vh}.countdown-slot{flex-direction:column;flex:none;height:26vh;display:flex}.countdown-slot>.countdown-card{flex-direction:column;flex:1;justify-content:center;min-height:0;display:flex}.bayram-card .countdown-card-label{font-size:3.4vh}.bayram-card-time{margin-top:1.5vh;font-size:9vh;font-weight:700}.bayram-prayer{text-align:center}.bayram-prayer-title{color:var(--teal);text-transform:uppercase;letter-spacing:.08em;margin-bottom:.5vh;font-size:1.4vh;font-weight:600}.bayram-prayer-time{color:var(--teal-dark);font-size:3vh;font-weight:600}.holidays{text-align:left;padding-top:1.5vh;padding-bottom:1.5vh}.holiday-today{color:var(--teal-dark);white-space:nowrap;margin-bottom:.4vh;font-size:3.2vh;font-weight:600;line-height:1.2;overflow:hidden}.holiday-next{color:var(--text-mid);white-space:nowrap;font-size:2.8vh;line-height:1.2;overflow:hidden}.holiday-next-date{color:var(--teal-dark);font-weight:600}.daily-verse{text-align:start;flex:1;min-height:0;overflow:hidden}.verse-label{text-transform:uppercase;letter-spacing:.08em;color:var(--teal);margin-bottom:.6vh;font-size:1.8vh;font-weight:600}.verse-text{color:var(--text-mid);text-align:justify;-webkit-hyphens:manual;hyphens:manual;overflow-wrap:anywhere;font-size:2.55vh;font-style:italic;line-height:1.5}.verse-ref{color:var(--text-light);margin-top:.6vh;font-size:1.8vh}.holidays,.daily-verse,.friday-page-item{position:relative}.holidays:before,.holidays:after,.daily-verse:before,.daily-verse:after,.friday-page-item:before,.friday-page-item:after{content:"";pointer-events:none;width:1.4vh;height:1.4vh;position:absolute}.holidays:before,.daily-verse:before,.friday-page-item:before{border-top:2px solid var(--accent-corner);border-left:2px solid var(--accent-corner);top:.7vh;left:.6vw}.holidays:after,.daily-verse:after,.friday-page-item:after{border-bottom:2px solid var(--accent-corner);border-right:2px solid var(--accent-corner);bottom:.7vh;right:.6vw}.friday-page-item:before,.friday-page-item:after{--accent-corner:#ffffff73}.prayer-timeline{flex-shrink:0;height:8vh;margin-top:.6vh;position:relative}.prayer-timeline-band{border-radius:3.2vh;height:6.4vh;position:relative;overflow:hidden}.pt-sun,.pt-moon{border-radius:50%;width:3.4vh;height:3.4vh;transition:left .5s linear;position:absolute;top:50%;transform:translate(-50%,-50%)}.pt-sun{background:radial-gradient(circle at 38% 34%,#ffe58a,#f5a623 72%);box-shadow:0 0 1.6vh .5vh #f5a6238c}.pt-moon{background:#eef3f8;transition:left .5s linear,box-shadow .7s}.prayer-timeline-ticks{height:1.3vh;position:absolute;top:6.9vh;left:0;right:0}.pt-tick{background:var(--accent-line);border-radius:2px;width:2px;height:1.3vh;position:absolute;top:0;transform:translate(-50%)}.pt-tick--past{background:var(--teal-dark)}.sidebar-rotator{flex-direction:column;flex:1;min-height:0;display:flex}.sidebar-rotator-stage{flex:1;min-height:0;position:relative;overflow:hidden}.sidebar-rotator-slide{flex-direction:column;height:100%;animation:.4s ease-out sidebar-rotator-in;display:flex}@keyframes sidebar-rotator-in{0%{opacity:0;transform:translate(4%)}to{opacity:1;transform:translate(0)}}.sidebar-rotator-flyer{object-fit:contain;flex:1;width:100%;min-height:0}.sidebar-event{background:var(--teal-light);border:1px solid var(--border);border-radius:var(--radius-lg);text-align:center;-webkit-hyphens:manual;hyphens:manual;overflow-wrap:anywhere;flex-direction:column;flex:1;min-height:0;padding:2vh 1.5vw;display:flex;overflow:hidden}.event-title{min-height:10.56vh;color:var(--text-dark);-webkit-line-clamp:2;-webkit-box-orient:vertical;flex-shrink:0;font-size:4.4vh;font-weight:700;line-height:1.2;display:-webkit-box;overflow:hidden}.event-text{min-height:0;color:var(--text-mid);white-space:pre-line;-webkit-line-clamp:8;-webkit-box-orient:vertical;flex:1;margin-top:1.2vh;font-size:2.8vh;line-height:1.4;display:-webkit-box;overflow:hidden}.event-when{border-top:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:baseline;gap:1.4vw;margin-top:1.5vh;padding-top:2.4vh;line-height:1.1;display:flex}.event-date{color:var(--teal);font-size:4.2vh;font-weight:600}.event-time{color:var(--teal-dark);font-size:4.2vh;font-weight:700}.sidebar-event-dots{justify-content:center;gap:.8vw;padding-top:1.2vh;display:flex}.sidebar-event-dot{background:var(--border);border-radius:50%;width:1vh;height:1vh}.sidebar-event-dot--active{background:var(--teal)}.flyer-preview-list{flex-wrap:wrap;gap:10px;margin-top:8px;display:flex}.flyer-preview-item{border:1.5px solid #e0e8e8;border-radius:8px;width:72px;height:72px;position:relative;overflow:hidden}.flyer-preview-img{object-fit:cover;width:100%;height:100%}.flyer-preview-remove{color:#fff;cursor:pointer;background:#0000008c;border:none;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;padding:0;font-size:14px;line-height:1;display:flex;position:absolute;top:2px;right:2px}.event-list-empty{margin-top:4px;font-style:italic}.event-list{flex-direction:column;gap:8px;margin-top:8px;display:flex}.event-list-item{background:var(--white);border:1.5px solid #e0e8e8;border-radius:10px;align-items:stretch;display:flex;overflow:hidden}.event-list-main{text-align:left;cursor:pointer;background:0 0;border:none;flex-direction:column;flex:1;align-items:flex-start;gap:3px;padding:10px 12px;font-family:inherit;display:flex}.event-list-when{color:var(--teal);text-transform:uppercase;letter-spacing:.03em;font-size:12px;font-weight:600}.event-list-title{color:var(--text-dark);font-size:15px}.event-list-remove{width:42px;color:var(--danger-soft);cursor:pointer;background:0 0;border:none;border-left:1px solid #e0e8e8;flex-shrink:0;font-size:20px;line-height:1}.event-dialog-scrim{z-index:90;background:#00000073;position:fixed;inset:0}.event-dialog{z-index:91;background:var(--white);border-radius:16px;width:min(420px,100vw - 32px);max-height:calc(100vh - 48px);padding:20px;position:fixed;top:50%;left:50%;overflow-y:auto;transform:translate(-50%,-50%);box-shadow:0 12px 40px #00000040}.event-dialog-form{flex-direction:column;gap:14px;display:flex}.event-dialog-title{color:var(--teal-dark);margin:0;font-size:17px;font-weight:700}.event-dialog .dashboard-field{background:0 0;border:none;gap:6px;padding:0}.event-dialog .dashboard-label{color:var(--text-mid);text-transform:uppercase;letter-spacing:.04em;justify-content:space-between;align-items:baseline;font-size:12px;font-weight:600;display:flex}.event-dialog .dashboard-input{background:var(--white);color:var(--text-dark);border:1.5px solid #e0e8e8;border-radius:10px;padding:11px 13px;font-size:16px}.event-dialog .dashboard-input:focus{border-color:var(--teal);box-shadow:0 0 0 3px #1bac9f1a}.event-dialog-textarea{resize:vertical;min-height:64px;font-family:inherit;line-height:1.4}.event-charcount{opacity:.55;letter-spacing:0;font-size:.85em;font-weight:400}.event-dialog-actions{gap:10px;margin-top:4px;display:flex}.event-dialog-actions .dashboard-btn{border-radius:10px;flex:1;margin-top:0;padding:12px;font-size:15px}.event-dialog-actions .dashboard-btn--secondary{background:var(--white);color:var(--text-dark);border:1.5px solid #e0e8e8}.mobile-setup--embedded .event-list-item{background:var(--bg-2);border-color:var(--border-strong)}.mobile-setup--embedded .event-list-title{color:var(--text)}.mobile-setup--embedded .event-list-remove{border-left-color:var(--border-strong)}.mobile-setup--embedded .event-dialog{background:var(--bg-3);border:1px solid var(--border-strong);box-shadow:0 12px 40px #0000008c}.mobile-setup--embedded .event-dialog-title{color:var(--text)}.mobile-setup--embedded .event-dialog .dashboard-label{color:var(--text-2)}.mobile-setup--embedded .event-dialog .dashboard-input{background:var(--bg-2);border:1px solid var(--border-strong);color:var(--text)}.mobile-setup--embedded .event-dialog .dashboard-input:focus{border-color:var(--accent);box-shadow:none}.mobile-setup--embedded .event-dialog-actions .dashboard-btn{background:var(--accent);color:var(--accent-fg)}.mobile-setup--embedded .event-dialog-actions .dashboard-btn--secondary{background:var(--bg-2);color:var(--text);border:1px solid var(--border-strong)}.kiosk-bottom{justify-content:flex-start;align-items:flex-end;display:flex}.kiosk-logo{object-fit:contain;opacity:.7;width:auto;height:5vh}.friday-prayer{text-align:center}.friday-prayer-title{color:var(--teal);text-transform:uppercase;letter-spacing:.1em;margin-bottom:1.5vh;font-size:2.8vh;font-weight:600}.friday-prayer-grid{grid-template-columns:repeat(2,1fr);gap:2vw;display:grid}.friday-prayer-item{background:var(--teal-light);border-radius:var(--radius-lg);border:1px solid var(--border);padding:2vh 2vw}.friday-prayer-label{color:var(--text-mid);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.8vh;font-size:1.8vh}.friday-prayer-time{color:var(--teal-dark);font-size:4vh;font-weight:600}.friday-page{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3vh;min-height:0;display:flex}.friday-page-title{color:var(--text-dark);text-transform:uppercase;letter-spacing:.1em;border-bottom:.5vh solid var(--text-dark);padding-bottom:1.2vh;font-size:6vh;font-weight:700;line-height:1.15}.friday-page-grid{grid-template-columns:repeat(2,1fr);gap:5vw;display:grid}.friday-page-stack{flex-direction:column;flex:1;gap:3vh;width:60vw;min-height:0;display:flex}.friday-page-item{background:var(--teal);border-radius:var(--radius-lg);text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;min-height:0;display:flex}.friday-page-label{color:#ffffffd9;text-transform:uppercase;letter-spacing:.06em;margin-bottom:1.5vh;font-size:5.5vh;font-weight:500}.friday-page-time{color:var(--text-on-teal);font-size:16vh;font-weight:600}.kiosk--friday{grid-template-rows:auto 1fr auto}.blocked-screen{color:#fff;text-align:center;background:#1a1a2e;justify-content:center;align-items:center;height:100vh;padding:2rem;font-family:sans-serif;display:flex}.blocked-title{margin-bottom:1rem;font-size:3rem}.blocked-message{opacity:.7;font-size:1.5rem}.blocked-kiosk-id{opacity:.5;margin-top:2rem;font-size:1rem}.kiosk-pages{min-height:0;position:relative}.kiosk-page-slot{flex-direction:column;min-height:0;display:none;position:absolute;inset:0}.kiosk-page-slot--active{display:flex}.kiosk-page-slot>.kiosk-body{flex:1;min-height:0}.dashboard{flex-direction:column;align-items:center;min-height:100vh;padding:4vh 3vw;display:flex;overflow-y:auto}.dashboard-title{color:var(--teal);margin-bottom:4vh;font-size:4vh;font-weight:300}.dashboard-form{flex-direction:column;gap:3vh;width:100%;max-width:500px;display:flex}.dashboard-field{border:none;flex-direction:column;gap:.8vh;padding:0;display:flex}.dashboard-label{color:var(--text-mid);text-transform:uppercase;letter-spacing:.05em;font-size:1.8vh}.dashboard-input{background:var(--teal-light);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-dark);outline:none;padding:1.2vh 1vw;font-family:inherit;font-size:2vh;transition:border-color .2s}.dashboard-input:focus{border-color:var(--teal)}.dashboard-input::placeholder{color:var(--text-light)}.dashboard-radio{cursor:pointer;align-items:center;gap:.6vw;padding:.5vh 0;font-size:1.8vh;display:flex}.dashboard-radio input[type=radio]{accent-color:var(--teal);width:1.6vh;height:1.6vh}.dashboard-toggle{flex-direction:row;justify-content:space-between;align-items:center}.dashboard-toggle input[type=checkbox]{accent-color:var(--teal);width:2vh;height:2vh}.dashboard-btn{background:var(--teal);color:var(--white);border-radius:var(--radius);cursor:pointer;letter-spacing:.03em;border:none;margin-top:1vh;padding:1.5vh 2vw;font-family:inherit;font-size:2.2vh;font-weight:600;transition:opacity .2s}.dashboard-btn:hover{opacity:.9}.dashboard-hint{color:var(--text-light);font-size:1.4vh}.dashboard-error{color:var(--danger-soft);font-size:1.5vh}.dashboard-lang-toggle{background:var(--teal-light);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-dark);cursor:pointer;padding:.8vh 1.2vw;font-family:inherit;font-size:1.6vh;transition:border-color .2s;position:absolute;top:22px;right:16px}.dashboard-lang-toggle:hover{border-color:var(--teal)}.dashboard-flyer-remove{border-radius:var(--radius);width:fit-content;color:var(--danger-soft);cursor:pointer;background:#e055551a;border:1px solid #e055554d;padding:.6vh 1.2vw;font-family:inherit;font-size:1.6vh;transition:opacity .2s}.dashboard-flyer-remove:hover{opacity:.8}.dashboard-btn--secondary{background:var(--teal-light);color:var(--text-dark);border:1px solid var(--border)}.dashboard-btn--secondary:hover{border-color:var(--teal);opacity:1}.dashboard-remote-btn{text-align:center;width:100%;max-width:500px;margin-top:3vh;padding:1.5vh 2vw;font-size:2vh}.pairing-screen{background:var(--white);flex-direction:column;justify-content:center;align-items:center;gap:3vh;height:100vh;padding:4vh 3vw;display:flex}.pairing-title{color:var(--teal);font-size:4vh;font-weight:300}.pairing-qr{background:var(--teal-light);border-radius:var(--radius-lg);border:1px solid var(--border);padding:2vh}.pairing-pin-section{flex-direction:column;align-items:center;gap:1vh;display:flex}.pairing-pin-label{color:var(--text-mid);text-transform:uppercase;letter-spacing:.1em;font-size:2vh}.pairing-pin{letter-spacing:.3em;color:var(--teal);font-family:Courier New,monospace;font-size:8vh;font-weight:300}.pairing-url{color:var(--text-light);word-break:break-all;text-align:center;max-width:60vw;font-size:1.4vh}.pairing-waiting{color:var(--text-light);font-size:2vh}.pairing-error{color:var(--danger-soft);font-size:2.5vh}.mobile-setup{background:#f7fafa;flex-direction:column;align-items:center;min-height:100vh;padding:68px 20px 32px;display:flex;overflow-y:auto}.mobile-setup-title{color:var(--teal-dark);margin-bottom:28px;font-size:22px;font-weight:700}.setup-install{background:var(--teal-light);border:1px solid var(--border);border-radius:12px;flex-direction:column;align-items:flex-start;gap:10px;width:100%;max-width:400px;margin:-8px 0 24px;padding:14px 16px;display:flex}.setup-install-cta{color:var(--teal-dark);font-size:14px;font-weight:600}.setup-install-hint{color:var(--text-mid);font-size:13px;line-height:1.4}.mobile-setup-pin{color:var(--text-mid);margin-bottom:24px;font-size:16px}.mobile-setup-form{flex-direction:column;gap:16px;width:100%;max-width:400px;display:flex}.mobile-setup-form .dashboard-field{background:var(--white);border:1px solid var(--border);border-radius:12px;padding:16px}.mobile-setup-form .dashboard-label{color:var(--text-mid);text-transform:uppercase;letter-spacing:.04em;font-size:13px;font-weight:600}.mobile-setup-form .dashboard-input{border:1.5px solid #e0e8e8;border-radius:10px;padding:12px 14px;font-size:16px}.mobile-setup-form .dashboard-input:focus{border-color:var(--teal);box-shadow:0 0 0 3px #1bac9f1a}.mobile-setup-form .dashboard-radio{padding:0;font-size:14px}.mobile-setup-form .dashboard-radio input[type=radio]{display:none}.mobile-chip-group{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.mobile-chip{-webkit-tap-highlight-color:transparent;background:var(--white);color:var(--text-dark);cursor:pointer;border:1.5px solid #e0e8e8;border-radius:24px;padding:10px 18px;font-family:inherit;font-size:14px;font-weight:500;transition:all .15s}.mobile-chip:active{transform:scale(.96)}.mobile-chip--active{background:var(--teal);color:var(--white);border-color:var(--teal);font-weight:600}.mobile-setup-form .dashboard-toggle{flex-direction:row;justify-content:space-between;align-items:center}.mobile-setup-form .dashboard-toggle input[type=checkbox]{display:none}.mobile-toggle-track{-webkit-tap-highlight-color:transparent;cursor:pointer;background:#d1d5db;border-radius:14px;flex-shrink:0;width:48px;height:28px;transition:background .2s;position:relative}.mobile-toggle-track--on{background:var(--teal)}.mobile-toggle-track:after{content:"";background:var(--white);border-radius:50%;width:22px;height:22px;transition:transform .2s;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #00000026}.mobile-toggle-track--on:after{transform:translate(20px)}.mobile-setup-form .dashboard-btn{border-radius:12px;margin-top:8px;padding:15px;font-size:17px}.mobile-setup-form .dashboard-btn--secondary{border-radius:10px;padding:11px;font-size:14px}.mobile-setup-form .dashboard-hint{color:var(--text-light);font-size:12px}.mobile-setup-form .dashboard-flyer-remove{border-radius:10px;padding:8px 18px;font-size:14px}.mobile-setup-message{text-align:center;color:var(--text-mid);margin-top:40vh;padding:0 24px;font-size:20px}.mobile-setup-success{color:var(--teal);opacity:1}.mobile-setup--embedded{background:0 0;align-items:stretch;min-height:0;padding:0;overflow:visible}.mobile-setup--embedded .mobile-setup-title{display:none}.mobile-setup--embedded .mobile-setup-form{gap:14px;max-width:100%}.mobile-setup--embedded .mobile-setup-message{color:var(--text-1);margin-top:1.5rem}.mobile-setup--embedded .mobile-setup-form .dashboard-field{background:0 0;border:0;gap:7px;padding:0}.mobile-setup--embedded .mobile-setup-form .dashboard-label{color:var(--text-2);letter-spacing:.06em;font-size:10.5px}.mobile-setup--embedded .mobile-setup-form .dashboard-input{background:var(--bg-2);border:1px solid var(--border-strong);border-radius:var(--radius-2);color:var(--text);padding:9px 12px;font-size:13px}.mobile-setup--embedded .mobile-setup-form .dashboard-input:focus{border-color:var(--accent);box-shadow:none}.mobile-setup--embedded .mobile-setup-form .dashboard-input::placeholder{color:var(--text-3)}.mobile-setup--embedded .mobile-chip{background:var(--bg-2);border:1px solid var(--border-strong);border-radius:var(--radius-2);color:var(--text-1);padding:7px 13px;font-size:12px}.mobile-setup--embedded .mobile-chip--active{background:var(--accent);border-color:var(--accent);color:var(--accent-fg)}.mobile-setup--embedded .mobile-toggle-track{background:var(--bg-4)}.mobile-setup--embedded .mobile-toggle-track--on{background:var(--st-online)}.mobile-setup--embedded .mobile-setup-form .dashboard-btn{background:var(--accent);color:var(--accent-fg);border-radius:var(--radius-3);letter-spacing:0;padding:11px;font-size:13px;font-weight:600}.mobile-setup--embedded .mobile-setup-form .dashboard-btn:hover{filter:brightness(1.08);opacity:1}.mobile-setup--embedded .mobile-setup-form .dashboard-btn--secondary{background:var(--bg-2);color:var(--text);border:1px solid var(--border-strong);filter:none}.mobile-setup--embedded .dashboard-hint{color:var(--text-2);font-size:11px}.mobile-setup--embedded .dashboard-error{color:var(--st-offline)}.admin-container{background:#f5f7fa;min-height:100vh;padding:24px 16px;font-family:Inter,Segoe UI,system-ui,sans-serif;overflow-y:auto}.admin-login{text-align:center;max-width:360px;margin:20vh auto 0}.admin-login form{flex-direction:column;gap:12px;margin-top:24px;display:flex}.admin-title{color:#1a1a1a;font-size:24px;font-weight:600}.admin-input{border:1px solid #dde2e8;border-radius:8px;outline:none;width:100%;padding:12px 16px;font-family:inherit;font-size:16px;transition:border-color .2s}.admin-input:focus{border-color:var(--teal)}.admin-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;max-width:900px;margin:0 auto 24px;display:flex}.admin-header-actions{gap:8px;display:flex}.admin-btn{cursor:pointer;border:none;border-radius:8px;padding:10px 20px;font-family:inherit;font-size:14px;font-weight:600;transition:opacity .2s,background .2s}.admin-btn--primary{background:var(--teal);color:#fff}.admin-btn--primary:hover{opacity:.9}.admin-btn--secondary{color:var(--text-dark);background:#fff;border:1px solid #dde2e8}.admin-btn--secondary:hover{border-color:var(--teal)}.admin-btn--block{background:var(--danger-bg);width:100%;color:var(--danger);border:1px solid var(--danger-border);margin-top:12px}.admin-btn--block:hover{background:var(--danger-bg-2)}.admin-btn--unblock{background:var(--success-bg);width:100%;color:var(--success);border:1px solid #bbf7d0;margin-top:12px}.admin-btn--unblock:hover{background:#dcfce7}.admin-error{color:var(--danger);text-align:center;margin-top:12px;font-size:14px}.admin-stats{gap:16px;max-width:900px;margin:0 auto 24px;display:flex}.admin-stat{text-align:center;border:1px solid var(--neutral-border);background:#fff;border-radius:12px;flex:1;padding:16px 20px}.admin-stat-value{color:var(--teal);font-size:28px;font-weight:700;display:block}.admin-stat-label{color:var(--text-light);text-transform:uppercase;letter-spacing:.08em;font-size:12px}.admin-empty{text-align:center;color:var(--text-light);margin-top:48px;font-size:16px}.admin-kiosk-list{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:16px;max-width:900px;margin:0 auto;display:grid}.admin-kiosk-card{border:1px solid var(--neutral-border);background:#fff;border-radius:12px;padding:20px;transition:box-shadow .2s}.admin-kiosk-card:hover{box-shadow:0 2px 12px #0000000f}.admin-kiosk-card--blocked{opacity:.6;border-color:var(--danger-border)}.admin-kiosk-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.admin-kiosk-name{color:var(--text-dark);font-size:18px;font-weight:600}.admin-status-dot{border-radius:50%;flex-shrink:0;width:12px;height:12px;display:inline-block}.admin-status--active{background:var(--success);box-shadow:0 0 6px #16a34a88}.admin-status--background{background:#ca8a04;box-shadow:0 0 6px #ca8a0488}.admin-status--offline{background:var(--neutral-text)}.admin-status--blocked{background:var(--danger);box-shadow:0 0 6px #dc262688}.admin-usage{background:#1e293b;border-radius:12px;gap:24px;max-width:900px;margin:0 auto 24px;padding:18px;display:flex}.admin-usage-row{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.admin-usage-header{justify-content:space-between;align-items:center;display:flex}.admin-usage-title{color:#94a3b8;font-size:12px;font-weight:600}.admin-usage-count{color:#e2e8f0;font-variant-numeric:tabular-nums;font-size:11px;font-weight:600}.admin-usage-bar{background:#334155;border-radius:3px;width:100%;height:6px;overflow:hidden}.admin-usage-fill{background:#22c55e;border-radius:3px;height:100%;transition:width .3s}.admin-usage-fill--warn{background:var(--warn)}.admin-usage-fill--critical{background:var(--offline)}.admin-legend{color:#6b7280;gap:16px;max-width:900px;margin:0 auto 12px;font-size:13px;display:flex}.admin-legend-item{align-items:center;gap:6px;display:flex}.admin-kiosk-details{grid-template-columns:1fr 1fr;gap:14px 24px;padding:12px 0;display:grid}.admin-kiosk-detail{flex-direction:column;gap:3px;display:flex}.admin-detail-label{color:var(--text-light);text-transform:uppercase;letter-spacing:.05em;font-size:11px;font-weight:500}.admin-detail-value{color:var(--text-dark);font-size:14px;font-weight:500}.admin-detail-mono{word-break:break-all;font-family:Courier New,monospace;font-size:12px}.admin-kiosk-actions{flex-direction:column;gap:8px;margin-top:12px;display:flex}.admin-kiosk-actions .admin-btn--block,.admin-kiosk-actions .admin-btn--unblock{margin-top:0}.admin-btn--delete{background:var(--danger-bg);width:100%;color:var(--danger);border:1px solid var(--danger-border)}.admin-btn--delete:hover{background:var(--danger-bg-2)}.admin-modal-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.admin-modal{background:#fff;border-radius:16px;flex-direction:column;width:100%;max-width:480px;max-height:90vh;display:flex;box-shadow:0 20px 60px #00000026}.admin-modal--preview{max-width:1100px}.admin-modal--small{max-width:480px}.admin-id-popup{padding:20px}.admin-id-row{align-items:center;gap:8px;display:flex}.admin-id-code{word-break:break-all;background:#f3f4f6;border-radius:6px;flex:1;padding:10px 16px;font-family:monospace;font-size:14px}.admin-id-copy{border:1px solid var(--neutral-border);cursor:pointer;color:var(--teal);background:0 0;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;padding:8px;display:flex}.admin-id-copy:hover{background:var(--teal-light)}.admin-btn-link{color:var(--teal);cursor:pointer;font-weight:600;font-size:inherit;background:0 0;border:none;padding:0;text-decoration:underline}.admin-modal-header{border-bottom:1px solid var(--neutral-border);flex-shrink:0;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.admin-modal-title{color:var(--text-dark);margin:0;font-size:18px;font-weight:600}.admin-modal-close{color:var(--neutral-text);cursor:pointer;background:0 0;border:none;padding:0 4px;font-size:28px;line-height:1}.admin-modal-close:hover{color:var(--text-dark)}.admin-modal-body{padding:0 20px 20px;overflow-y:auto}.admin-modal-body .mobile-setup{padding:16px 0}.admin-preview-wrapper{aspect-ratio:16/9;border-radius:0 0 16px 16px;width:100%;overflow:hidden}.admin-preview-iframe{border:none;width:100%;height:100%;display:block}@media (width<=600px){.admin-usage{flex-direction:column;gap:12px}.admin-stats{flex-direction:column}.admin-kiosk-list{grid-template-columns:1fr}.admin-header{flex-direction:column;align-items:flex-start}.admin-modal{max-width:100%;max-height:95vh}.admin-modal-overlay{padding:12px}}html,body,#root,.kiosk,.kiosk-topbar,.prayer-item,.morning-prayer,.sidebar-card,.countdown-card,.friday-page-item{transition:background-color .8s,color .8s,border-color .8s}.prayer-item{background:var(--teal-light);opacity:1}.prayer-name{color:var(--teal-dark)}.prayer-time{color:var(--text-dark)}.prayer-item--next{background:var(--teal)}.prayer-item--next .prayer-name{color:#ffffffd9}.prayer-item--next .prayer-time{color:var(--text-on-teal)}