:root {--fq-red:#8e65ab;--fq-ink:#3f3256;--fq-line:#d9dfe2}
#loginScreen.fq-login {position:fixed;inset:0;z-index:99999;display:none;overflow:auto;background:#fff;color:var(--fq-ink);padding:0;min-height:100dvh;font-family:Cairo,Tajawal,sans-serif}
#loginScreen.fq-login.show {display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start}
#loginScreen.fq-login::before,#loginScreen.fq-login::after {display:none}
.fq-login * {box-sizing:border-box;letter-spacing:0}
.fq-login-header {padding:16px 48px;min-height:104px;border-top:5px solid var(--fq-red);border-bottom:1px solid #edf0f1;display:flex;align-items:center;justify-content:space-between;gap:24px;flex-shrink:0}
.fq-login-header img {width:270px;max-width:62%;height:90px;object-fit:contain}
.fq-login-header>span {font-size:14px;font-weight:600;color:#5b6871}
.fq-login-main {width:100%;max-width:448px;margin:auto;flex-shrink:0;padding:34px 24px 42px}
.fq-login-identity {text-align:center;margin-bottom:26px}
.fq-login-identity img {width:90px;height:90px;object-fit:contain;display:block;margin:0 auto 13px}
.fq-login-identity h1 {font-size:30px;line-height:1.5;font-weight:800;margin:0;letter-spacing:0;color:var(--fq-ink)}
.fq-login-identity p {font-size:15px;color:#69757d;margin:3px 0 0}
.fq-login-form {width:100%;padding:0;border:0;box-shadow:none;background:transparent}
.fq-login-form h2 {font-size:19px;font-weight:700;margin:0 0 20px;color:var(--fq-ink)}
.fq-login-form>label {display:block;font-size:13px;font-weight:700;margin:16px 0 8px}
.fq-login-form .lg-input {width:100%;height:49px;border:1px solid #bdc7cd;border-radius:6px;background:#fff;padding:10px 14px;color:var(--fq-ink);font:500 15px Cairo,sans-serif;box-shadow:none;outline:none}
.fq-login-form .lg-input:focus {border-color:var(--fq-red);box-shadow:0 0 0 3px #8e65ab17}
.fq-password {position:relative}
.fq-password .lg-input {padding-left:48px}
.fq-password .lg-toggle-pwd {position:absolute;inset:auto auto 4px 4px;transform:none;width:41px;height:41px;display:flex;align-items:center;justify-content:center;color:#68747b;background:transparent;border:0;cursor:pointer;border-radius:5px}
.fq-login-options {display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:17px 0 24px}
.fq-login-options .lg-remember {display:flex;align-items:center;gap:8px;color:#53616a;font-size:12px}
.fq-login-options input {accent-color:var(--fq-red);width:16px;height:16px}
.fq-text-button {font:600 12px Cairo,sans-serif;border:0;padding:4px 0;color:#8e65ab;background:transparent;cursor:pointer}
.fq-login-form .lg-submit {height:49px;width:100%;border-radius:6px;background:var(--fq-red);color:white;box-shadow:none;border:1px solid var(--fq-red);font:700 15px Cairo,sans-serif;letter-spacing:0;transform:none}
.fq-login-form .lg-submit:hover {background:#8e65ab;border-color:#8e65ab;transform:none;box-shadow:none}
.fq-login-form .lg-submit:disabled {opacity:.65;cursor:wait}
.fq-login-form .lg-err {background:#fff0eb;color:#6e4a8c;border:1px solid #dcc6e8;border-radius:5px;font-size:12px}
.fq-login-footer {background:var(--fq-ink);color:#fff;padding:18px 48px;display:flex;gap:20px;justify-content:space-between;flex-wrap:wrap;font-size:11px;flex-shrink:0}
.fq-symbol-motion {animation:fq-logo-float 6s ease-in-out infinite;transform-origin:center}
@keyframes fq-logo-float {0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}
body .sidebar .sb-logo .sb-logo-icon {background:transparent!important;box-shadow:none!important;width:42px!important;height:42px!important;flex-shrink:0}
.sb-logo-icon img {display:block;width:100%;height:100%;object-fit:contain}
.sb-logo-text {font-size:16px!important;color:var(--fq-ink)!important;letter-spacing:0!important;white-space:normal!important}
.sb-logo-sub {color:#67747b!important;font-size:10px!important}
.fq-document-logo {width:80px;height:80px;object-fit:contain}
.ln-certificate {border-color:var(--fq-red)}
@media(prefers-reduced-motion:reduce){.fq-symbol-motion{animation:none!important}}
@media(max-width:600px){.fq-login-header{padding:10px 20px;min-height:83px;gap:10px}.fq-login-header img{width:205px;height:68px;max-width:68%}.fq-login-header>span{font-size:11px}.fq-login-main{padding:26px 24px 34px}.fq-login-identity img{width:76px;height:76px}.fq-login-identity h1{font-size:27px}.fq-login-footer{padding:16px 22px;font-size:10px;gap:10px}.fq-login-identity{margin-bottom:22px}}