@import"https://fonts.googleapis.com/css2?family=Tajawal:wght@300;400;500;700;800;900&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-base: #0a0e1a;--bg-surface: #111827;--bg-card: #151d2e;--accent: #6366f1;--accent-bright: #818cf8;--accent-glow: rgba(99,102,241,.2);--text-primary: #f1f5f9;--text-secondary: #94a3b8;--text-muted: #64748b;--border: rgba(255,255,255,.07);--border-bright: rgba(99,102,241,.3);--success: #10b981;--danger: #ef4444;--danger-dim: rgba(239,68,68,.12)}html,body{min-height:100vh;font-family:Tajawal,sans-serif;direction:rtl;background:var(--bg-base);color:var(--text-primary)}.auth-shell{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#0f1629,#1a2440,#0f1629)}.auth-brand{display:none;background:linear-gradient(135deg,#0f1629,#1a2440,#0f1629);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px;position:relative;overflow:hidden}.auth-brand:before{content:"";position:absolute;width:500px;height:500px;border-radius:50%;background:radial-gradient(circle,rgba(99,102,241,.12) 0%,transparent 70%);top:50%;left:50%;transform:translate(-50%,-50%)}.brand-emoji{font-size:80px;margin-bottom:24px;animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.brand-title{font-size:28px;font-weight:900;color:var(--text-primary);text-align:center;line-height:1.3;margin-bottom:12px}.brand-subtitle{font-size:14px;color:var(--text-muted);text-align:center;max-width:320px;line-height:1.6}.brand-features{margin-top:40px;display:flex;flex-direction:column;gap:12px}.brand-feature{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--text-secondary)}.brand-feature-dot{width:8px;height:8px;border-radius:50%;background:var(--accent);flex-shrink:0;box-shadow:0 0 8px var(--accent)}.auth-form-panel{background:var(--bg-surface);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 40px;border:1px solid var(--border);border-radius:16px;box-shadow:0 25px 50px -12px #00000080;width:100%;max-width:440px}.auth-form-wrap{width:100%;max-width:380px}.auth-form-title{font-size:24px;font-weight:800;color:var(--text-primary);margin-bottom:6px}.auth-form-sub{font-size:13px;color:var(--text-muted);margin-bottom:32px}.field-group{margin-bottom:18px}.field-label{display:block;font-size:12px;font-weight:600;color:var(--text-secondary);margin-bottom:6px}.field-input{width:100%;background:var(--bg-card);border:1px solid var(--border);border-radius:8px;color:var(--text-primary);padding:11px 14px;font-family:Tajawal,sans-serif;font-size:14px;outline:none;transition:border-color .2s,box-shadow .2s;direction:rtl}.field-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.field-input::-moz-placeholder{color:var(--text-muted)}.field-input::placeholder{color:var(--text-muted)}.field-error{margin-top:5px;font-size:11px;color:var(--danger)}.alert-error{background:var(--danger-dim);border:1px solid rgba(239,68,68,.3);border-radius:8px;padding:10px 14px;font-size:12px;color:var(--danger);margin-bottom:18px}.field-checkbox{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-secondary);cursor:pointer}.field-checkbox input[type=checkbox]{width:16px;height:16px;accent-color:var(--accent);cursor:pointer}.btn-login{width:100%;padding:13px;background:var(--accent);border:none;border-radius:8px;color:#fff;font-family:Tajawal,sans-serif;font-size:15px;font-weight:700;cursor:pointer;transition:all .2s;margin-top:24px;box-shadow:0 4px 20px var(--accent-glow)}.btn-login:hover{background:var(--accent-bright);transform:translateY(-1px);box-shadow:0 8px 30px var(--accent-glow)}.btn-login:active{transform:translateY(0)}.auth-footer{text-align:center;margin-top:12px;font-size:11px;color:var(--text-muted)}@media(max-width:768px){.auth-shell{grid-template-columns:1fr}.auth-brand{display:none}.auth-form-panel{padding:32px 24px}}