.serverDashboard>header p,.serverDashboard>header h2{font-size:0}.serverDashboard>header p:after{content:none}.serverDashboard>header h2:after{content:"Serverstatus";font-size:22px}.serverDashboard>header{background:var(--dash-surface)!important}.adminNight .serverDashboard>header{background:#231f1b!important}.serverDashboard>header>div>svg{width:25px;height:25px;color:var(--dash-gold);background:0 0;border-radius:0;padding:0}.serverRing{flex-direction:column;justify-content:center;align-items:center;display:flex}.serverRing i{margin:0;font-size:15px;line-height:1;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.serverRing small{margin:0;font-size:7px;line-height:1;position:absolute;top:calc(50% + 11px);bottom:auto;left:50%;transform:translate(-50%)}.serverMetrics article>svg{border-radius:12px;width:40px;height:40px;padding:10px}.serverMetrics article:nth-child(2)>svg,.serverMetrics article:nth-child(4)>svg{background:color-mix(in srgb, var(--dash-gold) 15%, var(--dash-surface));color:var(--dash-gold)}.serverMetrics article:nth-child(5)>svg{background:color-mix(in srgb, var(--dash-green) 15%, var(--dash-surface));color:var(--dash-green)}.serverMetrics article>div>strong{font-size:18px;line-height:1.2}.serverContainerTable article>strong{font-size:10px;font-weight:700}@media (max-width:600px){.serverMetrics article>div>strong{font-size:17px}}@media (min-width:801px){.serverRing{width:84px;height:84px;bottom:10px;right:16px}.serverRing:before{inset:10px}.serverRing i{font-size:17px}.serverRing small{font-size:8px;top:calc(50% + 13px)}.adminMain.entranceMain{width:min(1050px,100vw - 320px);margin-left:calc(272px + max(24px,50vw - 661px))}.entranceIntro{flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:14px}.entranceTopActions{justify-content:flex-start}}
.authActionPage{isolation:isolate;color:#1a1a1a;background:radial-gradient(circle at 15% 15%,#c9a84c21,#0000 28%),linear-gradient(160deg,#f4ecdd,#eee5d3);place-items:center;min-height:100vh;padding:24px;font-family:DM Sans,Arial,sans-serif;display:grid;position:relative;overflow:hidden}.authActionPage:before,.authActionPage:after{content:"";z-index:0;pointer-events:none;filter:blur(.2px);border-radius:50%;animation:13s ease-in-out infinite alternate actionBubbleFloat;position:absolute}.authActionPage:before{background:#c89d3d29;width:145px;height:145px;top:12%;left:7%;box-shadow:74vw 7vh 0 -32px #a62c2c1f,18vw 67vh 0 -44px #2f5d5024,76vw 68vh 0 -18px #c89d3d1f}.authActionPage:after{background:#2f5d501f;width:58px;height:58px;animation-duration:17s;animation-direction:alternate-reverse;top:28%;right:15%;box-shadow:-69vw 47vh 0 18px #a62c2c14,-38vw -17vh 0 9px #c89d3d26,8vw 48vh 0 25px #2f5d5017}.authActionPage section{z-index:1;color:#f7f3ea;text-align:center;background:#766048f7;border:1px solid #a6702bb3;border-radius:22px;width:min(100%,500px);padding:30px 34px 34px;position:relative;box-shadow:0 30px 78px #4c3b2940}.authActionPage img{object-fit:contain;width:250px;height:78px;margin-bottom:10px}.authActionPage h1{margin:4px 0 10px;font-size:25px}.authActionPage section>p:not(.actionEyebrow){color:#ddd1c2;font-size:13px;line-height:1.65}.actionEyebrow{color:#e0bd72;letter-spacing:.16em;margin:4px 0 7px;font-size:9px;font-weight:800}.authActionPage form{text-align:left;margin-top:22px}.authActionPage label{color:#eee5d8;margin-top:13px;font-size:11px;font-weight:700;display:block}.authActionPage input{color:#fff;background:#241f1c4d;border:1px solid #efe1cb59;border-radius:12px;outline:0;width:100%;height:50px;margin-top:7px;padding:0 14px;display:block}.authActionPage input:focus{border-color:#e0bd72;box-shadow:0 0 0 3px #e0bd7226}.authActionPage form button,.actionLink{color:#fff;text-align:center;background:linear-gradient(135deg,#a32020,#8b1a1a);border:0;border-radius:12px;width:100%;margin-top:21px;padding:14px;font-weight:800;text-decoration:none;display:block}.authActionPage form button:disabled{opacity:.65}.actionBack{color:#f1ce83;margin-top:20px;font-size:12px;text-decoration:none;display:inline-block}.actionError{color:#ffe1dd;background:#8b1a1a4d;border-radius:9px;margin-top:13px;padding:10px;font-size:11px}.authActionPage .confirmMark{color:#277b6b;background:#e7f0ed}@keyframes actionBubbleFloat{0%{transform:translate(0,0)scale(1)}to{transform:translate(20px,-28px)scale(1.08)}}@media (prefers-reduced-motion:reduce){.authActionPage:before,.authActionPage:after{animation:none}}.authActionPage:before,.authActionPage:after{display:none}.authActionPage>.loginParticles{z-index:0}.authActionPage input{font-size:16px;transform:none}.authActionPage input:focus{transform:none}.passwordStrength{margin-top:9px}.passwordStrength>div{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.passwordStrength span{background:#ffffff24;border-radius:999px;height:4px;transition:background .2s}.passwordStrength small{color:#d7cabb;margin-top:6px;font-size:10px;display:block}.passwordStrength.strength1 .filled{background:#d85b53}.passwordStrength.strength2 .filled{background:#d79d3b}.passwordStrength.strength3 .filled{background:#d4b15a}.passwordStrength.strength4 .filled{background:#62b49e}@media (max-width:520px){.authActionPage{padding:14px}.authActionPage section{padding:24px 20px}.authActionPage img{width:220px}}
.counterMain>.adminTitle{justify-content:space-between;align-items:center;gap:18px;margin-bottom:20px;display:flex}.counterMain>.adminTitle p{color:var(--dash-gold);letter-spacing:.14em;margin:0 0 8px;font-size:9px;font-weight:850}.counterMain>.adminTitle h1{margin:0;font-size:30px}.counterMain>.counterHero{margin-top:0}@media (max-width:540px){.counterMain>.adminTitle h1{font-size:25px}}
.doorStatus{z-index:3;color:#fff;letter-spacing:.08em;background:#4b4b4beb;border:1px solid #ffffff4d;border-radius:999px;padding:6px 10px;font-size:9px;font-weight:900;line-height:1;position:absolute;bottom:12px;right:12px;box-shadow:0 4px 12px #0000004d}.doorStatus.closed{background:#19704cf0}.doorStatus.open{background:#b13a2af2}.entranceCameraFrame{position:relative}.doorVisual.closed{color:#278c58}.doorVisual.open{color:var(--dash-red)}
.doorControlButton{touch-action:manipulation;width:100%;position:relative;overflow:hidden}.doorControlButton>*{z-index:2;position:relative}.doorControlButton.armed{background:#b47f20;animation:.7s ease-in-out infinite alternate doorArmedPulse}.holdControl:before{content:"";background:#ffffff38;width:0;position:absolute;inset:0}.holdControl.holding:before{animation:1.5s linear forwards doorHoldProgress}.slideControl{--slide:0%;color:#fff;isolation:isolate;background:#216f49;border-radius:14px;min-height:66px;padding:7px;position:relative;overflow:hidden;box-shadow:0 10px 24px #278c5838}.slideControl.disabled{opacity:.38}.slideFill{z-index:-1;width:calc(var(--slide) + 28px);background:linear-gradient(100deg,#c39431,#dfb751);transition:width 80ms linear;position:absolute;inset:0 auto 0 0;box-shadow:8px 0 18px #21190838}.slideLabel{z-index:1;pointer-events:none;text-shadow:0 1px 3px #00000040;justify-content:center;align-items:center;gap:8px;font-size:14px;font-weight:800;display:flex;position:absolute;inset:0}.slideLabel svg{width:19px}.slideThumb{z-index:3;top:9px;left:clamp(9px,calc(var(--slide) - 24px),calc(100% - 57px));color:#23744d;pointer-events:none;background:#fff;border-radius:11px;justify-content:center;align-items:center;width:48px;height:48px;transition:left 80ms linear,transform .16s;display:flex;position:absolute;box-shadow:0 3px 14px #00000040}.slideThumb svg{stroke-width:3px;width:18px;height:18px;margin:0 -6px 0 -3px}.slideControl:active .slideThumb{transform:scale(.94)}.slideControl input{z-index:2;appearance:none;cursor:grab;background:0 0;width:100%;height:52px;margin:0;position:relative}.slideControl input:active{cursor:grabbing}.slideControl input::-webkit-slider-runnable-track{background:#ffffff14;border-radius:11px;height:52px}.slideControl input::-webkit-slider-thumb{appearance:none;width:48px;height:48px;box-shadow:none;background:0 0;border:0;border-radius:10px;margin-top:2px}.slideControl input::-moz-range-track{background:#ffffff14;border-radius:11px;height:52px}.slideControl input::-moz-range-thumb{width:48px;height:48px;box-shadow:none;background:0 0;border:0;border-radius:10px}.confirmControl{border:1px solid var(--dash-line);background:var(--dash-surface-2);text-align:center;border-radius:14px;min-height:66px;padding:10px 12px}.confirmControl strong{color:var(--dash-text);margin-bottom:8px;font-size:13px;display:block}.confirmControl>div{grid-template-columns:1fr 1fr;gap:8px;display:grid}.confirmControl button{border:1px solid var(--dash-line);background:var(--dash-surface);min-height:38px;color:var(--dash-text)}.confirmControl button:first-child{color:#fff;background:#278c58;border-color:#278c58}.doorControlLibrary{border:1px solid var(--dash-line);background:var(--dash-surface-2);border-radius:14px;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;margin:0 0 5px;padding:14px;display:grid}.doorControlLibrary legend{color:var(--dash-text);padding:0 7px;font-size:12px;font-weight:800}.doorControlLibrary label{border:1px solid var(--dash-line);background:var(--dash-surface);cursor:pointer;border-radius:11px;min-height:112px;padding:12px 9px;transition:border-color .18s,box-shadow .18s,transform .18s;position:relative}.doorControlLibrary label:hover{border-color:#278c58;transform:translateY(-1px)}.doorControlLibrary label.selected{border-color:#278c58;box-shadow:0 0 0 2px #278c5824}.doorControlLibrary input{opacity:0;pointer-events:none;position:absolute}.doorControlLibrary label>span{text-align:center;flex-direction:column;align-items:center;height:100%;display:flex}.doorControlLibrary svg{color:#278c58;width:25px;height:25px;margin-bottom:8px}.doorControlLibrary strong{color:var(--dash-text);font-size:11px}.doorControlLibrary small{color:var(--dash-muted);margin-top:5px;font-size:8px;line-height:1.35}.doorControlLibrary i{border:2px solid var(--dash-line);border-radius:50%;width:14px;height:14px;position:absolute;top:8px;right:8px}.doorControlLibrary label.selected i{border:4px solid #278c58}.entranceSettingsStickyHeader{z-index:5;border-bottom:1px solid var(--dash-line);background:color-mix(in srgb,var(--dash-surface) 94%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);justify-content:space-between;align-items:center;gap:18px;margin:-28px -28px 18px;padding:25px 58px 15px 28px;display:flex;position:sticky;top:-28px;box-shadow:0 8px 18px #281e140f}.entranceSettingsStickyHeader p{color:var(--dash-gold);letter-spacing:.17em;margin:0 0 4px;font-size:9px;font-weight:800}.entranceSettingsStickyHeader h2{margin:0}.entranceAutomationModal .entranceSettingsSave{background:var(--dash-red);color:#fff;border:0;border-radius:11px;width:auto;min-width:145px;min-height:43px;padding:0 15px}.entranceSettingsSave svg{width:17px}.adminNight .slideControl{background:#226f4a;box-shadow:0 10px 26px #0000005c}.adminNight .slideFill{background:linear-gradient(100deg,#76591d,#b58b31)}.adminNight .slideThumb{color:#226f4a;background:#ede8dc;box-shadow:0 3px 14px #00000080}.adminNight .doorControlButton.armed{background:#86601e}.adminNight .confirmControl{background:#181613}.adminNight .confirmControl button{background:#231f1b}.adminNight .confirmControl button:first-child{background:#226f4a}.adminNight .doorControlLibrary{background:#181613}.adminNight .doorControlLibrary label{background:#231f1b}.adminNight .doorControlLibrary label.selected{border-color:#5ab486;box-shadow:0 0 0 2px #5ab48629}.adminNight .doorControlLibrary svg{color:#78c69d}.adminNight .doorControlLibrary label.selected i{border-color:#5ab486}.adminNight .entranceSettingsStickyHeader{background:#231f1bf2;box-shadow:0 9px 22px #00000047}@keyframes doorHoldProgress{to{width:100%}}@keyframes doorArmedPulse{to{filter:brightness(1.12)}}@media (max-width:760px){.doorControlLibrary{grid-template-columns:repeat(2,minmax(0,1fr))}.doorControlLibrary label:last-child{grid-column:1/-1}.entranceSettingsStickyHeader{margin:-22px -16px 16px;padding:18px 52px 13px 16px;top:-22px}.entranceSettingsStickyHeader h2{font-size:21px}.entranceAutomationModal .entranceSettingsSave{min-width:0;padding:0 12px;font-size:0}.entranceSettingsSave svg{width:19px;height:19px}}.entranceHistory article em.skipped{color:var(--dash-muted);background:var(--dash-surface);border:1px solid var(--dash-line)}
.todayPrayerCard>header>.prayerCountdown{box-sizing:border-box;color:#fff;text-align:left;background:#ffffff1a;border:1px solid #efd8997a;border-radius:14px;flex:0 0 210px;width:210px;min-width:210px;padding:15px 17px;box-shadow:0 8px 22px #0000001a}.prayerCountdown span,.prayerCountdown strong,.prayerCountdown small{display:block!important}.prayerCountdown span{letter-spacing:.12em;text-transform:uppercase;font-weight:850;color:#efd899!important;font-size:9px!important}.prayerCountdown strong{font-variant-numeric:tabular-nums;margin:7px 0 4px;font-size:30px;line-height:1}.prayerCountdown small{font-weight:750;color:#ffffffc7!important;letter-spacing:.04em!important;font-size:10px!important}.todayPrayerGrid .iqamaDelay{color:var(--dash-gold);letter-spacing:.06em;text-align:center;text-transform:uppercase;margin-top:3px;font-size:8px;font-weight:800;line-height:1.3}.prayerSettingsModal .iqamaSettings{grid-template-columns:repeat(3,minmax(0,1fr))}.prayerSettingsModal .iqamaSettings select{border:1px solid var(--dash-line);background:var(--dash-surface-2);width:100%;color:var(--dash-text);border-radius:9px;margin-top:5px;padding:10px;display:block}@media (max-width:700px){.todayPrayerCard>header{gap:12px;align-items:flex-start!important}.todayPrayerCard>header>.prayerCountdown{flex-basis:170px;width:170px;min-width:170px;padding:12px}.prayerCountdown strong{font-size:24px}.prayerCountdown small{font-size:8px!important}.prayerSettingsModal .iqamaSettings{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:430px){.todayPrayerCard>header{flex-direction:column}.todayPrayerCard>header>.prayerCountdown{flex-basis:auto;width:100%;min-width:100%}}.monthlyPrayerCard .monthHeaderActions{align-items:center!important;gap:12px!important;display:flex!important}.monthlyPrayerCard .monthPdfButton{letter-spacing:.02em;border:1px solid color-mix(in srgb,var(--dash-gold) 82%,transparent)!important;background:color-mix(in srgb,var(--dash-gold) 16%,transparent)!important;color:#fff!important;width:auto!important;min-width:82px!important;height:42px!important;box-shadow:none!important;border-radius:10px!important;justify-content:center!important;align-items:center!important;gap:7px!important;padding:0 14px!important;font-size:12px!important;font-weight:800!important;display:flex!important}.monthlyPrayerCard .monthPdfButton:hover{background:color-mix(in srgb,var(--dash-gold) 27%,transparent)!important}.monthlyPrayerCard .monthPdfButton:disabled{opacity:.55;cursor:wait}.monthlyPrayerCard .monthPdfButton svg{color:#efd899;width:16px!important}.monthlyPrayerCard .monthNavigation{border:1px solid #ffffff47;border-radius:10px;overflow:hidden;grid-template-columns:42px minmax(72px,auto) 42px!important;gap:0!important;display:grid!important}.monthlyPrayerCard .monthNavigation button{width:100%!important;min-width:0!important;height:40px!important;box-shadow:none!important;background:#ffffff14!important;border:0!important;border-right:1px solid #ffffff38!important;border-radius:0!important;margin:0!important;padding:0 13px!important}.monthlyPrayerCard .monthNavigation button:last-child{border-right:0!important}.monthlyPrayerCard .monthNavigation button:hover{background:#ffffff29!important}.monthlyPrayerCard .monthNavigation button:nth-child(2){grid-area:1/2!important;width:auto!important;margin:0!important;font-size:11px!important}@media (max-width:700px){.monthlyPrayerCard>header{flex-direction:column!important;justify-content:flex-start!important;align-items:stretch!important;gap:15px!important;height:auto!important;min-height:0!important;padding:18px 15px 15px!important;overflow:visible!important}.monthlyPrayerCard .monthHeaderActions{grid-template-columns:82px minmax(0,1fr)!important;gap:9px!important;width:100%!important;display:grid!important;position:static!important;transform:none!important}.monthlyPrayerCard .monthPdfButton{width:82px!important;min-width:82px!important;height:40px!important;padding:0 10px!important;position:static!important;transform:none!important}.monthlyPrayerCard .monthNavigation{grid-template-columns:40px minmax(68px,1fr) 40px!important;width:100%!important;position:static!important;transform:none!important}.monthlyPrayerCard .monthNavigation button{height:38px!important;padding:0 7px!important;position:static!important;transform:none!important}.monthlyPrayerCard .monthHeading{width:100%!important}.monthlyPrayerCard .monthHeading h2{font-size:20px!important}.monthlyPrayerCard .prayerTable{clear:both!important;position:relative!important}}@media (max-width:390px){.monthlyPrayerCard .monthHeaderActions{grid-template-columns:74px minmax(0,1fr)!important}.monthlyPrayerCard .monthPdfButton{width:74px!important;min-width:74px!important;font-size:11px!important}.monthlyPrayerCard .monthNavigation{grid-template-columns:36px minmax(60px,1fr) 36px!important}}
