@font-face{font-family:Dubai;src:url('/assets/dghr/webfonts/DubaiW23-Regular.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Dubai;src:url('/assets/dghr/webfonts/DubaiW23-Bold.woff2') format('woff2');font-weight:700;font-style:normal;font-display:swap}:root{--dghr-red:#B11616;--dghr-red-dark:#8B1820;--dghr-red-rgb:177,22,22;--dghr-surface:#FFF;--dghr-outline:#E4E2E6;--dghr-text-primary:#000;--dghr-text-secondary:#4B4545}body{margin:0;padding:0;min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,rgba(177,22,22,.03) 0,rgba(177,22,22,.01) 100%),#fafafa;font-family:Dubai,-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif}.login-page-container{width:100%;max-width:520px;padding:24px}.dghr-logo-header{text-align:center;margin-bottom:32px;animation:.6s ease-out fadeInDown}.dghr-logo-header img{height:70px;width:auto}.password-protection-overlay{position:relative;background:0 0;padding:0;z-index:auto;display:block;opacity:1;visibility:visible}.password-lock-container{background:var(--dghr-surface);border-radius:20px;padding:48px 40px;box-shadow:0 10px 40px rgba(0,0,0,.08),0 2px 8px rgba(0,0,0,.04);border:1px solid var(--dghr-outline);animation:.5s ease-out slideUp}.password-lock-icon{width:80px;height:80px;margin:0 auto 24px;background:linear-gradient(135deg,#dc2626 0,#b91c1c 100%);border-radius:20px;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 24px rgba(177,22,22,.2)}.password-lock-icon svg{width:40px;height:40px;color:#fff}.password-lock-title{color:var(--dghr-text-primary);font-size:28px;font-weight:700;text-align:center;margin:0 0 12px;line-height:1.3}.password-lock-subtitle{color:var(--dghr-text-secondary);font-size:16px;line-height:1.6;text-align:center;margin:0 0 32px}.password-form{width:100%}.password-input-wrapper{margin-bottom:20px}.password-input{width:100%;padding:16px 20px;font-size:16px;font-family:inherit;color:var(--dghr-text-primary);background:var(--dghr-surface);border:2px solid #d1d5db;border-radius:12px;transition:.2s;outline:0;box-sizing:border-box}.password-input:focus{border-color:var(--dghr-red);box-shadow:0 0 0 4px rgba(177,22,22,.08)}.password-input.error{border-color:#dc2626;background:#fef2f2}.password-input::placeholder{color:#9ca3af}.password-error{background:#fef2f2;border:1px solid #fca5a5;color:#dc2626;padding:12px 16px;border-radius:8px;font-size:16px;margin-bottom:20px;display:none;line-height:1.5}.password-error.show{display:block;animation:.4s ease-in-out shake}.password-submit-btn{width:100%;padding:16px 24px;background:linear-gradient(135deg,var(--dghr-red) 0,var(--dghr-red-dark) 100%);color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:.2s;position:relative;overflow:hidden;box-shadow:0 4px 12px rgba(177,22,22,.2)}.password-submit-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgba(177,22,22,.3)}.password-submit-btn:active{transform:translateY(0)}.password-submit-btn.loading{pointer-events:none;opacity:.8}.password-spinner{display:none;width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:.6s linear infinite spin;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.password-submit-btn.loading .password-spinner{display:block}.password-submit-btn.loading .btn-text{opacity:0}.password-footer{margin-top:32px;padding-top:24px;border-top:1px solid var(--dghr-outline);text-align:center}.password-footer-text{color:var(--dghr-text-secondary);font-size:16px;margin-bottom:8px}.password-footer-logo img{height:32px;width:auto;opacity:.9;transition:opacity .2s}.password-footer-logo:hover img{opacity:1}@keyframes slideUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{from{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes shake{0%,100%{transform:translateX(0)}25%{transform:translateX(-8px)}75%{transform:translateX(8px)}}@keyframes spin{to{transform:translate(-50%,-50%) rotate(360deg)}}[dir=\"rtl\"] .password-lock-subtitle,[dir=\"rtl\"] .password-lock-title{font-family:Dubai,sans-serif}@media (max-width:640px){.login-page-container{padding:16px}.password-lock-container{padding:32px 24px}.dghr-logo-header img{height:56px}.password-lock-title{font-size:24px}.password-lock-subtitle{font-size:16px}}