:root{--auth-bg-dark:#0f172a;--auth-accent:#3b82f6;--auth-accent-hover:#2563eb;--auth-text-muted:#94a3b8;--glass-bg:rgba(15,23,42,.7);--glass-border:rgba(255,255,255,.1);--glass-highlight:rgba(255,255,255,.05)}.auth-modern-wrapper{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#f8fafc;position:relative;overflow:hidden;padding:20px}.auth-modern-wrapper *{border-radius:0!important;box-shadow:none!important}.auth-modern-wrapper::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(rgba(248,250,252,.5),rgba(248,250,252,.5)) , url(/images/xmanager_auth_bg.png.pagespeed.ic.Xu78RXSpJq.jpg) repeat center center;background-size:180px;z-index:0}.auth-card{width:100%;max-width:450px;background:#0f172a;border:1px solid rgba(255,255,255,.1);padding:40px;position:relative;z-index:1;box-shadow:0 10px 50px rgba(0,0,0,.5)!important;animation:fadeInUp .6s ease-out;direction:ltr;text-align:left}@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(20px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}.auth-header{text-align:center!important;margin-bottom:40px}.auth-header *{text-align:center!important}.auth-logo{height:60px;width:auto;margin-bottom:24px;background:#fff;padding:8px 16px;display:inline-block}.auth-title{color:#fff;font-size:1.5rem;font-weight:700;letter-spacing:-.025em;margin-bottom:8px}.auth-subtitle{color:var(--auth-text-muted);font-size:.875rem;font-weight:500}.auth-form .form-group{margin-bottom:24px;text-align:left}.auth-label{display:block;color:#e2e8f0;font-size:.875rem;font-weight:600;margin-bottom:8px}.input-wrapper{position:relative}.input-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:var(--auth-text-muted);font-size:1rem;pointer-events:none;transition:color .3s}.auth-input{width:100%;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.1);padding:14px 16px 14px 48px;color:#fff;font-size:1rem;transition:all .3s;text-align:left}.auth-input:focus{outline:none;border-color:var(--auth-accent);background:rgba(255,255,255,.12)}.auth-input:focus+.input-icon{color:var(--auth-accent)}.password-toggle{position:absolute;right:16px;top:50%;transform:translateY(-50%);color:var(--auth-text-muted);cursor:pointer;background:none;border:none;padding:4px}.auth-options{display:flex;align-items:center;justify-content:space-between;margin-bottom:30px;font-size:.875rem}.remember-me{display:flex;align-items:center;gap:8px;color:var(--auth-text-muted)}.forgot-password{color:var(--auth-accent);text-decoration:none;font-weight:600}.forgot-password:hover{text-decoration:underline}.auth-btn{width:100%;background:var(--auth-accent);color:#fff;border:none;padding:14px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s;display:flex;align-items:center;justify-content:center;gap:10px}.auth-btn:hover{background:var(--auth-accent-hover);transform:translateY(-2px);box-shadow:0 10px 20px -10px rgba(59,130,246,.5)!important}.auth-footer{margin-top:30px;text-align:center;padding-top:20px;border-top:1px solid rgba(255,255,255,.1)}.auth-link{color:var(--auth-text-muted);text-decoration:none;font-size:.875rem;font-weight:600}.auth-link:hover{color:#fff}.text-danger{color:#fca5a5!important;font-size:.8rem;margin-top:8px;display:flex;align-items:center;gap:6px;text-align:left}.auth-alert{background:rgba(239,68,68,.15);border:1px solid rgba(239,68,68,.3);padding:12px 16px;color:#fca5a5;font-size:.875rem;margin-bottom:24px;display:flex;align-items:center;gap:10px;text-align:left}.auth-alert-success{background:rgba(34,197,94,.15);border:1px solid rgba(34,197,94,.3);color:#86efac}.icon-box{width:60px;height:60px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:var(--auth-accent);margin:0 auto 20px}.otp-container{display:flex;gap:12px;justify-content:center}.otp-input-modern{width:100%;height:60px;background:#fff;border:1px solid #e2e8f0;text-align:center;font-size:1.5rem;font-weight:800;color:var(--auth-accent);letter-spacing:.5rem}[dir="rtl"] .auth-card{direction:rtl;text-align:right}[dir="rtl"] .input-wrapper .input-icon{right:16px;left:auto}[dir="rtl"] .input-wrapper .password-toggle{left:16px;right:auto}[dir="rtl"] .auth-input{padding:14px 48px 14px 16px;text-align:right}@media (max-width:480px){.auth-card{padding:30px 20px}}