/* /alpha_plus_login/static/src/scss/login.scss */
 :root{--manzour-charcoal: #1a1a1a; --manzour-navy: #0a1931; --manzour-accent: #fbbf24; --manzour-white: #ffffff; --manzour-gray: #f4f7f6;}body.o_login_screen{direction: ltr; font-family: 'Readex Pro', sans-serif !important; background: var(--manzour-gray); margin: 0; overflow: hidden;}.ap-main-wrapper{display: -webkit-box; display: -webkit-flex; display: flex; width: 100%; height: 100vh;}.ap-brand-side{flex: 1.2; background: linear-gradient(-135deg, var(--manzour-navy), #060d1b); display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; justify-content: center; align-items: center; position: relative; padding: 60px; color: white; text-align: center; box-shadow: 10px 0 30px rgba(0, 0, 0, 0.2); z-index: 5;}#ap-particle-canvas{position: absolute; top: 0; right: 0; width: 100%; height: 100%; z-index: 1; opacity: 0.6;}.ap-brand-content{position: relative; z-index: 10; width: 100%; max-width: 550px;}.manzour-main-logo{margin-bottom: 40px;}.manzour-main-logo img{max-height: 140px; filter: drop-shadow(0 0 10px rgba(255, 255, 255, 0.1));}.manzour-name{font-size: 32px; font-weight: 700; margin-top: 15px; letter-spacing: 1px;}.manzour-tagline{font-size: 18px; opacity: 0.7; margin-top: 5px;}.ap-headline{font-size: 42px; font-weight: 500; margin: 40px 0; min-height: 80px;}.ap-highlight{color: var(--manzour-accent);}.ap-typing-cursor{display: inline-block; width: 3px; height: 40px; background: var(--manzour-accent); margin-left: 8px; animation: blink 1s infinite; vertical-align: middle;}@keyframes blink{0%, 50%{opacity: 1;}51%, 100%{opacity: 0;}}.vision-branding{margin-top: 60px; border-top: 1px solid rgba(255, 255, 255, 0.1); padding-top: 30px;}.vision-logo{max-height: 50px; margin-bottom: 15px; opacity: 0.9;}.rights-text{font-size: 13px; opacity: 0.5;}.ap-login-side{flex: 1; display: -webkit-box; display: -webkit-flex; display: flex; justify-content: center; align-items: center; background: #edf2f4; padding: 40px; z-index: 2;}.ap-login-card{width: 100%; max-width: 480px; background: rgba(255, 255, 255, 0.9); border-radius: 20px; padding: 50px; box-shadow: 0 15px 35px rgba(0, 0, 0, 0.05); border: 1px solid white;}.ap-card-header{text-align: center; margin-bottom: 35px;}.company-logo-main{max-height: 85px; margin-bottom: 20px;}.welcome-msg{font-size: 24px; font-weight: 700; color: var(--manzour-navy);}.instruction{font-size: 14px; color: #666; margin-top: 5px;}.ap-form-group{margin-bottom: 22px;}.ap-form-label{display: block; font-size: 14px; color: #444; margin-bottom: 8px; font-weight: 500;}.ap-input-wrapper{position: relative;}.ap-form-input{width: 100%; padding: 14px 15px 14px 45px; background: #fdfdfd; border: 1px solid #ddd; border-radius: 12px; font-family: inherit; font-size: 15px; transition: all 0.3s; outline: none;}.ap-form-input:focus{border-color: var(--manzour-navy); box-shadow: 0 0 0 4px rgba(10, 25, 49, 0.05);}.ap-input-icon{position: absolute; left: 15px; top: 50%; transform: translateY(-50%); font-size: 18px; opacity: 0.4;}.ap-options-row{display: -webkit-box; display: -webkit-flex; display: flex; justify-content: space-between; align-items: center; margin-bottom: 25px;}.ap-checkbox-wrapper{display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; gap: 8px; font-size: 14px; color: #555; cursor: pointer;}.ap-forgot-link{font-size: 14px; color: var(--manzour-navy); text-decoration: none;}.ap-btn-primary{width: 100%; padding: 16px; background: var(--manzour-navy); color: white; border: none; border-radius: 12px; font-size: 17px; font-weight: 600; cursor: pointer; transition: transform 0.2s, background 0.2s;}.ap-btn-primary:hover{background: #142d54; transform: translateY(-2px);}.ap-signup-text{text-align: center; margin-top: 25px; font-size: 14px; color: #777;}.ap-signup-text a{color: var(--manzour-navy); font-weight: 600; text-decoration: none;}.ap-loader{position: fixed; top: 0; right: 0; width: 100%; height: 100%; background: white; display: -webkit-box; display: -webkit-flex; display: flex; justify-content: center; align-items: center; z-index: 9999;}.ap-loader.hidden{opacity: 0; visibility: hidden; transition: 0.5s;}@media (max-width: 992px){.ap-main-wrapper{-webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column;}.ap-brand-side{display: none;}.ap-login-side{height: 100vh;}.ap-login-card{padding: 30px;}}