*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-deep: #f5f8ff;--bg-base: #f8faff;--bg-surface: #fbfcff;--bg-card: #ffffff;--bg-elevated: #eef3ff;--bg-hover: #eaf0ff;--text-primary: #101828;--text-secondary: #475467;--text-muted: #667085;--accent: #0b5cff;--accent-glow: #0b5cff;--accent-dim: #084ed8;--accent-bg: rgba(11, 92, 255, .08);--accent-border:rgba(11, 92, 255, .2);--danger: #d92d20;--danger-bg: #fff0ef;--warning: #b54708;--warning-bg:#fff7e8;--live-red: #e23b32;--info: #0b5cff;--gold: #5670a5;--border: #e4e9f2;--border-light:#d6e2ff;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-pill: 100px;font-family:Zain,Tahoma,Arial,sans-serif;line-height:1.6;font-weight:400;color:var(--text-primary);background-color:var(--bg-deep);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100dvh;direction:rtl;background:var(--bg-deep)}.skip-link{position:fixed;z-index:100;top:.75rem;inset-inline-start:.75rem;padding:.65rem .9rem;color:#f8faff;border-radius:.6rem;background:var(--accent-dim);font-size:.75rem;font-weight:800;transform:translateY(-200%)}.skip-link:focus{transform:translateY(0)}a{color:var(--accent-glow);text-decoration:none}a:hover{color:var(--accent)}button{font-family:inherit;cursor:pointer;transition:color .18s ease,background-color .18s ease,border-color .18s ease,opacity .18s ease,transform .18s ease,box-shadow .18s ease}button:disabled{opacity:.5;cursor:not-allowed}input,textarea{font-family:inherit}input::placeholder,textarea::placeholder{color:#98a2b3;opacity:1}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.85)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes livePulse{0%,to{box-shadow:0 0 #ff3b3066}50%{box-shadow:0 0 0 6px #ff3b3000}}@keyframes glowPulse{0%,to{box-shadow:0 0 12px #43a04726}50%{box-shadow:0 0 24px #43a0474d}}::selection{background:var(--accent);color:#f8faff}:focus-visible{outline:3px solid rgba(11,92,255,.36);outline-offset:3px}.animate-in{animation:fadeIn .4s ease both}.stagger-1{animation-delay:.05s}.stagger-2{animation-delay:.1s}.stagger-3{animation-delay:.15s}.stagger-4{animation-delay:.2s}.stagger-5{animation-delay:.25s}.app-loading{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.85rem;color:var(--text-muted);background:radial-gradient(circle at center,rgba(11,92,255,.08),transparent 24rem),var(--bg-deep);font-size:.82rem}.app-loading-mark{display:grid;width:3.5rem;height:3.5rem;place-items:center;color:#f8faff;border:1px solid rgba(255,255,255,.38);border-radius:1rem;background:var(--accent);box-shadow:0 12px 30px #0b5cff33;font-size:1.5rem;font-weight:900}.app-loading-spinner{width:1.55rem;height:1.55rem;border:2px solid #dbe3f0;border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite}.login-page{min-height:100dvh;padding:clamp(1rem,4vw,3rem);display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle at 14% 18%,rgba(0,102,51,.22),transparent 28rem),radial-gradient(circle at 84% 84%,rgba(217,164,65,.07),transparent 28rem),var(--bg-deep)}.login-page:before{position:fixed;inset:0;pointer-events:none;content:"";opacity:.2;background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:52px 52px;-webkit-mask-image:radial-gradient(circle at center,black,transparent 76%);mask-image:radial-gradient(circle at center,black,transparent 76%)}.login-shell{position:relative;z-index:1;width:min(100%,64rem);display:grid;grid-template-columns:minmax(18rem,1fr) minmax(23rem,26.5rem);gap:clamp(2.5rem,7vw,7rem);align-items:center}.login-context{padding:1rem}.login-context-brand{display:flex;align-items:center;gap:.7rem;margin-bottom:clamp(3rem,9vh,6.5rem);color:#edf7f1}.login-context-brand>span{display:grid;width:2.4rem;height:2.4rem;place-items:center;color:#fff;border:1px solid rgba(109,226,156,.24);border-radius:.75rem;background:linear-gradient(145deg,#084,#005329);box-shadow:0 12px 28px #00663347}.login-context-brand b{font-size:1.05rem}.login-context-kicker{margin-bottom:.8rem;color:var(--gold);font-family:ui-monospace,SFMono-Regular,monospace;font-size:.66rem;font-weight:700;letter-spacing:.16em;direction:ltr;text-align:right}.login-context h2{max-width:12ch;margin:0;color:#f1f7f3;font-size:clamp(2.2rem,4.8vw,4.2rem);font-weight:900;line-height:.98;letter-spacing:-.055em;text-wrap:balance}.login-context-copy{max-width:34rem;margin:1.4rem 0 1.8rem;color:var(--text-secondary);font-size:.96rem;line-height:1.9;text-wrap:pretty}.login-assurances{display:grid;gap:.65rem}.login-assurances>div{display:flex;align-items:center;gap:.75rem;color:var(--accent-glow)}.login-assurances>div>span{display:flex;flex-direction:column}.login-assurances b{color:#d8e5dd;font-size:.79rem}.login-assurances small{color:var(--text-muted);font-size:.68rem}.login-security-note{display:flex;align-items:center;gap:.45rem;margin-top:2rem;color:#71857a;font-size:.68rem}.login-form-pane{min-width:0}.login-card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.login-field-label{width:100%;margin-bottom:-.55rem;color:var(--text-secondary);font-size:.73rem;font-weight:700;text-align:right}.login-page{background:var(--bg-deep)}.login-page:before{opacity:1;background:radial-gradient(circle at 82% 8%,rgba(11,92,255,.09),transparent 31rem);-webkit-mask-image:none;mask-image:none}.login-shell{width:min(100%,68rem);grid-template-columns:minmax(21rem,1fr) minmax(23rem,27rem);gap:clamp(2.5rem,7vw,7.5rem)}.login-context{padding:clamp(1rem,3vw,2rem)}.login-context-brand{margin-bottom:clamp(2.5rem,8vh,5rem);color:var(--text-primary)}.login-context-brand>span{color:#f8faff;border:1px solid rgba(255,255,255,.38);border-radius:.8rem;background:var(--accent);box-shadow:0 10px 24px #0b5cff33}.login-context-kicker{color:var(--accent);letter-spacing:.12em}.login-context h2{max-width:13ch;color:var(--text-primary);font-size:clamp(2.35rem,4.7vw,4.35rem);line-height:1.02;letter-spacing:-.045em}.login-context-copy{color:var(--text-secondary)}.login-assurances{gap:.85rem}.login-assurances>div{color:var(--accent)}.login-assurances>div>svg{width:2.1rem;height:2.1rem;padding:.48rem;border:1px solid var(--accent-border);border-radius:.65rem;background:var(--accent-bg)}.login-assurances b{color:var(--text-primary)}.login-assurances small,.login-security-note{color:var(--text-muted)}.login-card{border-radius:1.5rem!important;background:var(--bg-card)!important}.login-card:focus-within{border-color:var(--accent-border)!important}.login-form-pane input:focus{border-color:var(--accent)!important;box-shadow:0 0 0 4px #0b5cff21}@media(max-width:760px){.login-shell{grid-template-columns:1fr;width:min(100%,27rem);gap:1rem}.login-context{padding:0 .5rem;text-align:center}.login-context-brand{justify-content:center;margin-bottom:1rem}.login-context-kicker,.login-context-copy,.login-assurances,.login-security-note{display:none}.login-context h2{max-width:none;font-size:1.5rem;line-height:1.15;letter-spacing:-.025em}.login-context h2 br{display:none}.login-card{width:100%!important;padding:2.2rem 1.35rem 1.8rem!important}.login-otp-row{width:100%;justify-content:center;gap:clamp(.28rem,1.8vw,.6rem)!important}.login-otp-row input{width:clamp(2.25rem,11vw,3rem)!important;height:clamp(3rem,14vw,3.5rem)!important}.dashboard-header-inner{padding-inline:1rem!important}.dashboard-header-actions{max-width:58%}.dashboard-email{max-width:9rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.room-management-header{flex-direction:column;gap:1rem}.room-management-actions{width:100%;justify-content:flex-end}.room-management-tabs{flex-wrap:nowrap!important;overflow-x:auto;scrollbar-width:none}.room-management-tabs::-webkit-scrollbar{display:none}.room-management-tabs>button{flex:0 0 auto}}@media(max-width:420px){.login-page{padding:.75rem;place-items:start center;overflow-y:auto}.login-shell{margin-block:auto}.login-context-brand{margin-bottom:.6rem}.login-context h2{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}