@import"https://fonts.googleapis.com/css2?family=Tajawal:wght@400;500;700;800&display=swap";:root,:host{--fa-font-solid: normal 900 1em/1 "Font Awesome 6 Free";--fa-font-regular: normal 400 1em/1 "Font Awesome 6 Free";--fa-font-light: normal 300 1em/1 "Font Awesome 6 Pro";--fa-font-thin: normal 100 1em/1 "Font Awesome 6 Pro";--fa-font-duotone: normal 900 1em/1 "Font Awesome 6 Duotone";--fa-font-duotone-regular: normal 400 1em/1 "Font Awesome 6 Duotone";--fa-font-duotone-light: normal 300 1em/1 "Font Awesome 6 Duotone";--fa-font-duotone-thin: normal 100 1em/1 "Font Awesome 6 Duotone";--fa-font-brands: normal 400 1em/1 "Font Awesome 6 Brands";--fa-font-sharp-solid: normal 900 1em/1 "Font Awesome 6 Sharp";--fa-font-sharp-regular: normal 400 1em/1 "Font Awesome 6 Sharp";--fa-font-sharp-light: normal 300 1em/1 "Font Awesome 6 Sharp";--fa-font-sharp-thin: normal 100 1em/1 "Font Awesome 6 Sharp";--fa-font-sharp-duotone-solid: normal 900 1em/1 "Font Awesome 6 Sharp Duotone";--fa-font-sharp-duotone-regular: normal 400 1em/1 "Font Awesome 6 Sharp Duotone";--fa-font-sharp-duotone-light: normal 300 1em/1 "Font Awesome 6 Sharp Duotone";--fa-font-sharp-duotone-thin: normal 100 1em/1 "Font Awesome 6 Sharp Duotone"}svg.svg-inline--fa:not(:root),svg.svg-inline--fa:not(:host){overflow:visible;box-sizing:content-box}.svg-inline--fa{display:var(--fa-display, inline-block);height:1em;overflow:visible;vertical-align:-.125em}.svg-inline--fa.fa-2xs{vertical-align:.1em}.svg-inline--fa.fa-xs{vertical-align:0em}.svg-inline--fa.fa-sm{vertical-align:-.07143em}.svg-inline--fa.fa-lg{vertical-align:-.2em}.svg-inline--fa.fa-xl{vertical-align:-.25em}.svg-inline--fa.fa-2xl{vertical-align:-.3125em}.svg-inline--fa.fa-pull-left{margin-right:var(--fa-pull-margin, .3em);width:auto}.svg-inline--fa.fa-pull-right{margin-left:var(--fa-pull-margin, .3em);width:auto}.svg-inline--fa.fa-li{width:var(--fa-li-width, 2em);top:.25em}.svg-inline--fa.fa-fw{width:var(--fa-fw-width, 1.25em)}.fa-layers svg.svg-inline--fa{inset:0;margin:auto;position:absolute}.fa-layers-counter,.fa-layers-text{display:inline-block;position:absolute;text-align:center}.fa-layers{display:inline-block;height:1em;position:relative;text-align:center;vertical-align:-.125em;width:1em}.fa-layers svg.svg-inline--fa{transform-origin:center center}.fa-layers-text{left:50%;top:50%;transform:translate(-50%,-50%);transform-origin:center center}.fa-layers-counter{background-color:var(--fa-counter-background-color, #ff253a);border-radius:var(--fa-counter-border-radius, 1em);box-sizing:border-box;color:var(--fa-inverse, #fff);line-height:var(--fa-counter-line-height, 1);max-width:var(--fa-counter-max-width, 5em);min-width:var(--fa-counter-min-width, 1.5em);overflow:hidden;padding:var(--fa-counter-padding, .25em .5em);right:var(--fa-right, 0);text-overflow:ellipsis;top:var(--fa-top, 0);transform:scale(var(--fa-counter-scale, .25));transform-origin:top right}.fa-layers-bottom-right{bottom:var(--fa-bottom, 0);right:var(--fa-right, 0);top:auto;transform:scale(var(--fa-layers-scale, .25));transform-origin:bottom right}.fa-layers-bottom-left{bottom:var(--fa-bottom, 0);left:var(--fa-left, 0);right:auto;top:auto;transform:scale(var(--fa-layers-scale, .25));transform-origin:bottom left}.fa-layers-top-right{top:var(--fa-top, 0);right:var(--fa-right, 0);transform:scale(var(--fa-layers-scale, .25));transform-origin:top right}.fa-layers-top-left{left:var(--fa-left, 0);right:auto;top:var(--fa-top, 0);transform:scale(var(--fa-layers-scale, .25));transform-origin:top left}.fa-1x{font-size:1em}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-6x{font-size:6em}.fa-7x{font-size:7em}.fa-8x{font-size:8em}.fa-9x{font-size:9em}.fa-10x{font-size:10em}.fa-2xs{font-size:.625em;line-height:.1em;vertical-align:.225em}.fa-xs{font-size:.75em;line-height:.08333em;vertical-align:.125em}.fa-sm{font-size:.875em;line-height:.07143em;vertical-align:.05357em}.fa-lg{font-size:1.25em;line-height:.05em;vertical-align:-.075em}.fa-xl{font-size:1.5em;line-height:.04167em;vertical-align:-.125em}.fa-2xl{font-size:2em;line-height:.03125em;vertical-align:-.1875em}.fa-fw{text-align:center;width:1.25em}.fa-ul{list-style-type:none;margin-left:var(--fa-li-margin, 2.5em);padding-left:0}.fa-ul>li{position:relative}.fa-li{left:calc(-1 * var(--fa-li-width, 2em));position:absolute;text-align:center;width:var(--fa-li-width, 2em);line-height:inherit}.fa-border{border-color:var(--fa-border-color, #eee);border-radius:var(--fa-border-radius, .1em);border-style:var(--fa-border-style, solid);border-width:var(--fa-border-width, .08em);padding:var(--fa-border-padding, .2em .25em .15em)}.fa-pull-left{float:left;margin-right:var(--fa-pull-margin, .3em)}.fa-pull-right{float:right;margin-left:var(--fa-pull-margin, .3em)}.fa-beat{animation-name:fa-beat;animation-delay:var(--fa-animation-delay, 0s);animation-direction:var(--fa-animation-direction, normal);animation-duration:var(--fa-animation-duration, 1s);animation-iteration-count:var(--fa-animation-iteration-count, infinite);animation-timing-function:var(--fa-animation-timing, ease-in-out)}.fa-bounce{animation-name:fa-bounce;animation-delay:var(--fa-animation-delay, 0s);animation-direction:var(--fa-animation-direction, normal);animation-duration:var(--fa-animation-duration, 1s);animation-iteration-count:var(--fa-animation-iteration-count, infinite);animation-timing-function:var(--fa-animation-timing, cubic-bezier(.28, .84, .42, 1))}.fa-fade{animation-name:fa-fade;animation-delay:var(--fa-animation-delay, 0s);animation-direction:var(--fa-animation-direction, normal);animation-duration:var(--fa-animation-duration, 1s);animation-iteration-count:var(--fa-animation-iteration-count, infinite);animation-timing-function:var(--fa-animation-timing, cubic-bezier(.4, 0, .6, 1))}.fa-beat-fade{animation-name:fa-beat-fade;animation-delay:var(--fa-animation-delay, 0s);animation-direction:var(--fa-animation-direction, normal);animation-duration:var(--fa-animation-duration, 1s);animation-iteration-count:var(--fa-animation-iteration-count, infinite);animation-timing-function:var(--fa-animation-timing, cubic-bezier(.4, 0, .6, 1))}.fa-flip{animation-name:fa-flip;animation-delay:var(--fa-animation-delay, 0s);animation-direction:var(--fa-animation-direction, normal);animation-duration:var(--fa-animation-duration, 1s);animation-iteration-count:var(--fa-animation-iteration-count, infinite);animation-timing-function:var(--fa-animation-timing, ease-in-out)}.fa-shake{animation-name:fa-shake;animation-delay:var(--fa-animation-delay, 0s);animation-direction:var(--fa-animation-direction, normal);animation-duration:var(--fa-animation-duration, 1s);animation-iteration-count:var(--fa-animation-iteration-count, infinite);animation-timing-function:var(--fa-animation-timing, linear)}.fa-spin{animation-name:fa-spin;animation-delay:var(--fa-animation-delay, 0s);animation-direction:var(--fa-animation-direction, normal);animation-duration:var(--fa-animation-duration, 2s);animation-iteration-count:var(--fa-animation-iteration-count, infinite);animation-timing-function:var(--fa-animation-timing, linear)}.fa-spin-reverse{--fa-animation-direction: reverse}.fa-pulse,.fa-spin-pulse{animation-name:fa-spin;animation-direction:var(--fa-animation-direction, normal);animation-duration:var(--fa-animation-duration, 1s);animation-iteration-count:var(--fa-animation-iteration-count, infinite);animation-timing-function:var(--fa-animation-timing, steps(8))}@media(prefers-reduced-motion:reduce){.fa-beat,.fa-bounce,.fa-fade,.fa-beat-fade,.fa-flip,.fa-pulse,.fa-shake,.fa-spin,.fa-spin-pulse{animation-delay:-1ms;animation-duration:1ms;animation-iteration-count:1;transition-delay:0s;transition-duration:0s}}@keyframes fa-beat{0%,90%{transform:scale(1)}45%{transform:scale(var(--fa-beat-scale, 1.25))}}@keyframes fa-bounce{0%{transform:scale(1) translateY(0)}10%{transform:scale(var(--fa-bounce-start-scale-x, 1.1),var(--fa-bounce-start-scale-y, .9)) translateY(0)}30%{transform:scale(var(--fa-bounce-jump-scale-x, .9),var(--fa-bounce-jump-scale-y, 1.1)) translateY(var(--fa-bounce-height, -.5em))}50%{transform:scale(var(--fa-bounce-land-scale-x, 1.05),var(--fa-bounce-land-scale-y, .95)) translateY(0)}57%{transform:scale(1) translateY(var(--fa-bounce-rebound, -.125em))}64%{transform:scale(1) translateY(0)}to{transform:scale(1) translateY(0)}}@keyframes fa-fade{50%{opacity:var(--fa-fade-opacity, .4)}}@keyframes fa-beat-fade{0%,to{opacity:var(--fa-beat-fade-opacity, .4);transform:scale(1)}50%{opacity:1;transform:scale(var(--fa-beat-fade-scale, 1.125))}}@keyframes fa-flip{50%{transform:rotate3d(var(--fa-flip-x, 0),var(--fa-flip-y, 1),var(--fa-flip-z, 0),var(--fa-flip-angle, -180deg))}}@keyframes fa-shake{0%{transform:rotate(-15deg)}4%{transform:rotate(15deg)}8%,24%{transform:rotate(-18deg)}12%,28%{transform:rotate(18deg)}16%{transform:rotate(-22deg)}20%{transform:rotate(22deg)}32%{transform:rotate(-12deg)}36%{transform:rotate(12deg)}40%,to{transform:rotate(0)}}@keyframes fa-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.fa-rotate-90{transform:rotate(90deg)}.fa-rotate-180{transform:rotate(180deg)}.fa-rotate-270{transform:rotate(270deg)}.fa-flip-horizontal{transform:scaleX(-1)}.fa-flip-vertical{transform:scaleY(-1)}.fa-flip-both,.fa-flip-horizontal.fa-flip-vertical{transform:scale(-1)}.fa-rotate-by{transform:rotate(var(--fa-rotate-angle, 0))}.fa-stack{display:inline-block;vertical-align:middle;height:2em;position:relative;width:2.5em}.fa-stack-1x,.fa-stack-2x{inset:0;margin:auto;position:absolute;z-index:var(--fa-stack-z-index, auto)}.svg-inline--fa.fa-stack-1x{height:1em;width:1.25em}.svg-inline--fa.fa-stack-2x{height:2em;width:2.5em}.fa-inverse{color:var(--fa-inverse, #fff)}.sr-only,.fa-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.sr-only-focusable:not(:focus),.fa-sr-only-focusable:not(:focus){position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.svg-inline--fa .fa-primary{fill:var(--fa-primary-color, currentColor);opacity:var(--fa-primary-opacity, 1)}.svg-inline--fa .fa-secondary{fill:var(--fa-secondary-color, currentColor);opacity:var(--fa-secondary-opacity, .4)}.svg-inline--fa.fa-swap-opacity .fa-primary{opacity:var(--fa-secondary-opacity, .4)}.svg-inline--fa.fa-swap-opacity .fa-secondary{opacity:var(--fa-primary-opacity, 1)}.svg-inline--fa mask .fa-primary,.svg-inline--fa mask .fa-secondary{fill:#000}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Tajawal,system-ui,-apple-system,Segoe UI,Tahoma,sans-serif;background-color:#f8fafc;color:#1e293b;min-height:100vh;line-height:1.6}.approval-login-container{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:40px 24px;background:radial-gradient(1100px 520px at 88% -12%,rgba(249,115,22,.14),transparent 62%),radial-gradient(900px 460px at 8% 112%,rgba(255,208,0,.18),transparent 62%),#f8fafc}.approval-login-shell{width:100%;max-width:940px;display:grid;grid-template-columns:1fr 1fr;background:#fff;border:1px solid #E2E8F0;border-radius:24px;box-shadow:0 24px 60px #0f172a1a;overflow:hidden}.approval-login-brand{background:linear-gradient(155deg,#ffd000,#f97316);padding:48px 40px;display:flex;flex-direction:column;justify-content:center;gap:24px;color:#4a1d06}.approval-login-brand-logo{width:172px;height:auto;-webkit-user-select:none;user-select:none;cursor:default}.approval-login-brand-copy h1{font-size:26px;font-weight:800;margin:0 0 8px;color:#431407}.approval-login-brand-copy p{font-size:14px;line-height:1.8;margin:0;max-width:34ch;color:#431407c7}.approval-login-brand-points{list-style:none;display:flex;flex-direction:column;gap:12px;margin:0;padding:0}.approval-login-brand-points li{display:flex;align-items:center;gap:10px;font-size:13.5px;font-weight:700;color:#431407}.approval-login-brand-points svg{width:15px;height:15px;flex-shrink:0;opacity:.75}.approval-login-dev-badge{align-self:flex-start;padding:4px 12px;border-radius:999px;background:#ffffffbf;border:1px solid rgba(67,20,7,.18);color:#0f766e;font-size:11px;font-weight:700}.approval-login-card{background:#fff;padding:48px 40px;display:flex;flex-direction:column;justify-content:center}.approval-login-header{text-align:center;margin-bottom:28px}.approval-login-header h2{margin:8px 0 4px;font-size:22px;font-weight:800;color:#1a1a1a}.approval-login-header p{color:#777;font-size:13px;margin:0}.approval-login-icon{font-size:40px;color:#f97316;margin-bottom:8px}.approval-login-icon-warn{color:#f59e0b}.approval-login-error{background:#ffebee;color:#c62828;border-radius:10px;padding:10px 14px;font-size:13px;margin-bottom:16px;text-align:center}.approval-login-field{display:flex;align-items:center;background:#f5f5f5;border:1px solid #EEEEEE;border-radius:12px;margin-bottom:14px;padding:0 14px;height:52px;transition:border-color .2s}.approval-login-field:focus-within{border-color:#f97316}.approval-login-field-icon{color:#999;font-size:14px;margin-left:10px;flex-shrink:0}.approval-login-input{flex:1;border:none;background:transparent;font-size:15px;color:#1a1a1a;height:100%;outline:none;text-align:right}.approval-login-input-totp{text-align:center;font-size:28px;font-weight:700;letter-spacing:8px}.approval-login-eye{background:none;border:none;color:#999;cursor:pointer;padding:4px;font-size:14px}.approval-login-progress{display:flex;flex-direction:column;gap:0;margin-bottom:24px;border-radius:12px;overflow:hidden;border:1.5px solid #E0E0E0}.approval-login-branch-info{display:flex;flex-direction:column;gap:2px}.approval-login-branch-name{font-size:15px;font-weight:700;color:#222}.approval-login-branch-status-text{font-size:12px;color:#888}.approval-login-branch-success .approval-login-branch-status-text{color:#16a34a}.approval-login-branch-error .approval-login-branch-status-text{color:#dc2626}.approval-login-branch-totp .approval-login-branch-status-text{color:#d97706}.approval-login-branch-icon{font-size:20px;display:flex;align-items:center}.approval-login-branch-icon svg{width:22px;height:22px}.approval-login-icon-ok{color:#16a34a}.approval-login-icon-fail{color:#dc2626}.approval-login-icon-totp{color:#d97706}.approval-login-branch-action{background:none;border:none;cursor:pointer;padding:4px;display:flex;align-items:center;opacity:.85;transition:opacity .2s,transform .2s}.approval-login-branch-action:hover{opacity:1;transform:scale(1.15)}.approval-login-progress-actions{display:flex;flex-direction:column;gap:8px}.approval-login-btn{width:100%;padding:14px;background:#f97316;color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:opacity .2s;box-shadow:0 4px 12px #f9731659}.approval-login-btn:disabled{opacity:.55;cursor:default}.approval-login-btn-retry{background:#ef4444;box-shadow:0 4px 12px #ef444459}.approval-login-remember{display:flex;align-items:center;gap:8px;margin-bottom:16px;font-size:14px;color:#555;cursor:pointer;-webkit-user-select:none;user-select:none}.approval-login-remember input[type=checkbox]{width:18px;height:18px;accent-color:#F97316;cursor:pointer}.approval-login-btn-row{display:flex;flex-direction:column;gap:8px}.approval-login-link{background:none;border:none;color:#f97316;font-size:14px;font-weight:600;cursor:pointer;margin-top:12px;width:100%;text-align:center}.approval-login-branch-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;background:#fff;border-bottom:1px solid #EEEEEE}.approval-login-branch-row:last-child{border-bottom:none}.branch-login-embed .approval-login-container{min-height:auto;background:none;padding:0}.branch-login-embed .approval-login-shell{grid-template-columns:1fr;max-width:460px;box-shadow:0 4px 24px #0f172a14}.branch-login-embed .approval-login-brand{display:none}.branch-login-embed .approval-login-card{padding:28px 24px}@media(max-width:880px){.approval-login-container{padding:24px 16px}.approval-login-shell{grid-template-columns:1fr;max-width:460px}.approval-login-brand{flex-direction:row;align-items:center;justify-content:flex-start;flex-wrap:wrap;gap:14px;padding:22px 24px}.approval-login-brand-logo{width:128px}.approval-login-brand-copy h1{font-size:18px;margin:0}.approval-login-brand-copy p,.approval-login-brand-points{display:none}.approval-login-card{padding:30px 24px}}