.erp-login{--erp-white:#fff;--erp-panel:#f7f4ef;--erp-ink:#1c2229;--erp-button:#2f3134;--erp-button-hover:#202225;--erp-muted:#7e828a;--erp-label:#22282e;--erp-border:#d5d9dd;--erp-icon:#6b7077;--erp-copper:#b18152;--erp-copper-link:#8a5b31;--erp-green:#2c8d34;--erp-error:#b42318;--erp-radius-panel:22px;--erp-radius-control:10px;--erp-radius-card:12px;--erp-shadow-card:0 6px 18px #25201914;--erp-font:"IBM Plex Sans Arabic","Noto Sans Arabic",Tahoma,sans-serif;--erp-font-latin:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--erp-control-height:46px;--erp-button-height:46px;--erp-form-width:400px;--erp-transition:.15s ease;background:var(--erp-white);min-block-size:100svh;color:var(--erp-ink);font-family:var(--erp-font);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.erp-login *,.erp-login :before,.erp-login :after{box-sizing:border-box}:where(.erp-login) :is(p,h1,h2,ul){margin:0}:where(.erp-login) button{font:inherit;color:inherit}.erp-login__layout{direction:ltr;grid-template-columns:minmax(0,1.5fr) minmax(420px,1fr);gap:clamp(28px,3.4vw,56px);min-block-size:100svh;padding:16px clamp(20px,2.6vw,40px) 16px 16px;display:grid}.erp-login__story{border-radius:var(--erp-radius-panel);background:var(--erp-panel);min-block-size:560px;min-inline-size:0;position:relative;overflow:hidden}.erp-login__story:before{content:"";background:linear-gradient(0deg,var(--erp-panel) 35%,#f7f4ef00);pointer-events:none;height:15%;position:absolute;inset:auto 0 0}@media (min-width:1024px){.erp-login__story{background:var(--erp-panel) center 30% / cover no-repeat url(/brand/ftth-city-map.png);background-image:image-set("/brand/ftth-city-map.webp" 1x type("image/webp"),"/brand/ftth-city-map.png" 1x type("image/png"))}}.erp-login__kicker{font:500 11px/1 var(--erp-font-latin);letter-spacing:.3em;color:#6d7177;white-space:nowrap;position:absolute;top:4.9%;left:4.8%}.erp-login__hero{text-align:right;position:absolute;top:8.6%;left:40%;right:5.1%}.erp-login__story[dir=ltr] .erp-login__hero{text-align:left;left:auto;right:auto;width:60%;inset-inline-end:5.1%}.erp-login__story[dir=ltr] .erp-login__hero h2{letter-spacing:-.01em;font-size:clamp(24px,2.3vw,38px)}.erp-login__hero h2{letter-spacing:-.005em;color:var(--erp-ink);font-size:clamp(30px,3.2vw,52px);font-weight:700;line-height:1.18}.erp-login__hero h2 span{color:var(--erp-copper)}.erp-login__hero p{color:#5d6167;margin-top:clamp(6px,.6vw,10px);font-size:clamp(13.5px,1.1vw,17px);line-height:1.55}.erp-login__card{border-radius:var(--erp-radius-card);background:var(--erp-white);box-shadow:var(--erp-shadow-card);direction:inherit;padding:14px 16px 12px;position:absolute}.erp-login__card--projects{width:196px;min-height:100px;top:20.65%;left:7.23%}.erp-login__card--teams{width:184px;min-height:108px;top:45.4%;right:4.7%}.erp-login__card-title{color:var(--erp-ink);align-items:center;gap:9px;font-size:14px;font-weight:700;display:flex}.erp-login__card-title svg{width:20px;height:20px;color:var(--erp-copper);stroke-width:1.6px;flex:none}.erp-login__progress{background:#efe9e1;border-radius:7px;height:7px;margin:13px 0 11px;display:block;overflow:hidden}.erp-login__progress span{border-radius:inherit;background:linear-gradient(90deg,#a9784b,#c39367);width:64%;height:100%;margin-right:auto;display:block}.erp-login__status{color:#6d7177;align-items:center;gap:6px;font-size:11px;display:flex}.erp-login__status:before{content:"";background:var(--erp-green);border-radius:50%;flex:none;width:7px;height:7px}.erp-login__status--plain:before{display:none}.erp-login__crew{align-items:center;gap:6px;margin:12px 0 6px;display:flex}.erp-login__live{background:var(--erp-green);border-radius:50%;flex:none;width:10px;height:10px;margin-inline-end:3px}.erp-login__avatar{width:30px;height:30px;font:600 12.5px/1 var(--erp-font-latin);color:#3d4249;background:#eef0f2;border-radius:50%;place-items:center;display:grid}.erp-login__avatar--a{background:#f0f1f3}.erp-login__avatar--m{background:#e7e9ec}.erp-login__avatar--k{color:var(--erp-copper-link);background:#f6e8dc}.erp-login__pin{background:var(--erp-white);border:2px solid var(--erp-copper);color:#2b3036;border-radius:50%;place-items:center;width:34px;height:34px;display:grid;position:absolute;transform:translate(-50%,-50%);box-shadow:0 3px 8px #2520191f}.erp-login__pin svg{stroke-width:1.8px;width:17px;height:17px}.erp-login__pin:after{content:"";background:var(--erp-copper);width:2px;height:12px;position:absolute;top:100%;left:50%;transform:translate(-50%)}.erp-login__pin--1{top:43.2%;left:40.5%}.erp-login__pin--2{top:48.7%;left:62.7%}.erp-login__pin--3{top:75.4%;left:62.7%}.erp-login__modules{justify-content:center;align-items:center;padding:0;list-style:none;display:flex;position:absolute;bottom:2.6%;left:0;right:0}.erp-login__modules li{color:#3b4046;white-space:nowrap;align-items:center;gap:12px;padding-inline:clamp(16px,2.6vw,40px);font-size:15px;display:flex}.erp-login__modules li+li{border-inline-start:1px solid #cdc6bb}.erp-login__modules svg{width:24px;height:24px;color:var(--erp-copper);stroke-width:1.5px}.erp-login__form-panel{flex-direction:column;align-items:center;min-inline-size:0;padding-top:min(10px,1svh);display:flex;position:relative}.erp-login__lang{color:#b3b6bb;direction:ltr;justify-content:flex-end;align-self:stretch;align-items:center;gap:10px;font-size:14px;line-height:1.2;display:flex}.erp-login__lang button{cursor:pointer;color:#4a4f56;font-family:var(--erp-font);transition:color var(--erp-transition);background:0 0;border:0;padding:6px 2px}.erp-login__lang button[aria-pressed=true]{color:var(--erp-copper-link);font-weight:600}.erp-login__lang button:lang(en){font-family:var(--erp-font-latin);font-size:13.5px}.erp-login__lang button:focus-visible{outline:2px solid var(--erp-copper-link);outline-offset:2px;border-radius:4px}.erp-login__main{width:100%;max-inline-size:var(--erp-form-width);flex-direction:column;margin-block:auto;padding-block:min(24px,2.4svh);display:flex}.erp-login__head{text-align:center;flex-direction:column;align-items:center;display:flex}.erp-login__brand-logo{aspect-ratio:908/476;flex:none;inline-size:clamp(150px,11.5vw,176px);display:block;position:relative;overflow:hidden}.erp-login__brand-logo>img{block-size:auto;inline-size:138.106%;max-inline-size:none;display:block;position:absolute;top:-83.4034%;left:-19.163%}.erp-login__caption{color:var(--erp-muted);margin-top:min(8px,.8svh);font-size:13.5px;line-height:1.4}.erp-login__head h1{color:var(--erp-ink);letter-spacing:-.005em;margin-top:min(20px,2svh);font-size:clamp(24px,min(2.1vw,3.4svh),30px);font-weight:700;line-height:1.3}.erp-login__description{color:#6c7077;margin-top:min(6px,.6svh);font-size:14.5px;line-height:1.5}.erp-login__form{flex-direction:column;margin-top:min(26px,2.6svh);display:flex}.erp-login__field{flex-direction:column;display:flex}.erp-login__field+.erp-login__field{margin-top:min(16px,1.6svh)}.erp-login__field>label{color:var(--erp-label);margin:0 2px min(7px,.7svh);font-size:13.5px;font-weight:600;line-height:1.35}.erp-login__control{min-block-size:var(--erp-control-height);border:1px solid var(--erp-border);border-radius:var(--erp-radius-control);background:var(--erp-white);transition:border-color var(--erp-transition),outline-color var(--erp-transition);outline-offset:2px;outline:2px solid #0000;align-items:center;display:flex;position:relative}.erp-login__control:hover{border-color:#bfc4c9}.erp-login__control:focus-within{border-color:var(--erp-copper-link);outline-color:#8a5b3129}.erp-login__input{width:100%;min-block-size:calc(var(--erp-control-height) - 2px);border-radius:inherit;color:var(--erp-ink);unicode-bidi:isolate;background:0 0;border:0;outline:none;margin:0;padding:0 16px;font-size:15px}.erp-login__input:focus-visible{outline:none}.erp-login__input::placeholder{color:#8a8f96;opacity:1}.erp-login__input--email,.erp-login__input--secret{font-family:var(--erp-font-latin);text-align:left}.erp-login__icon{width:18px;height:18px;color:var(--erp-icon);stroke-width:1.7px;pointer-events:none;position:absolute;inset-inline-start:14px}.erp-login[data-lang=ar] .erp-login__input--email{padding:0 44px 0 16px}.erp-login[data-lang=ar] .erp-login__input--secret{letter-spacing:.1em;padding:0 44px 0 50px}.erp-login[data-lang=en] .erp-login__input--email{padding:0 16px 0 44px}.erp-login[data-lang=en] .erp-login__input--secret{letter-spacing:.1em;padding:0 50px 0 44px}.erp-login__input--plain{font-family:inherit}.erp-login__reveal{width:36px;height:36px;color:var(--erp-icon);cursor:pointer;transition:background-color var(--erp-transition),color var(--erp-transition);background:0 0;border:0;border-radius:8px;place-items:center;padding:0;display:grid;position:absolute;inset-inline-end:5px}.erp-login__reveal:hover{color:var(--erp-ink);background:#f2f3f4}.erp-login__reveal:focus-visible{outline:2px solid var(--erp-copper-link);outline-offset:1px}.erp-login__reveal svg{stroke-width:1.7px;width:18px;height:18px}.erp-login__error{color:var(--erp-error);margin:6px 2px 0;font-size:13px;line-height:1.45}.erp-login__form>.erp-login__error{margin-top:12px}.erp-login__row{justify-content:space-between;align-items:center;gap:12px;min-height:24px;margin-top:min(14px,1.4svh);display:flex}.erp-login__remember{color:var(--erp-label);cursor:pointer;align-items:center;gap:9px;font-size:14px;display:inline-flex}.erp-login__remember input{-webkit-appearance:none;appearance:none;background:var(--erp-white);cursor:pointer;width:18px;height:18px;transition:background-color var(--erp-transition),border-color var(--erp-transition);border:1.5px solid #8a8f96;border-radius:4px;flex:none;place-items:center;margin:0;display:grid}.erp-login__remember input:after{content:"";border:solid var(--erp-white);opacity:0;border-width:0 2px 2px 0;width:5px;height:9px;margin-top:-2px;transform:rotate(45deg)}.erp-login__remember input:checked{background:var(--erp-button);border-color:var(--erp-button)}.erp-login__remember input:checked:after{opacity:1}.erp-login__remember input:focus-visible{outline:2px solid var(--erp-copper-link);outline-offset:2px}.erp-login__link{cursor:pointer;color:var(--erp-copper-link);text-underline-offset:4px;transition:text-decoration-color var(--erp-transition),color var(--erp-transition);background:0 0;border:0;padding:2px 0;font-size:14px;-webkit-text-decoration:underline #0000;text-decoration:underline #0000}.erp-login__link:hover{text-decoration-color:currentColor}.erp-login__link:focus-visible{outline:2px solid var(--erp-copper-link);outline-offset:3px;border-radius:4px}.erp-login__submit{width:100%;min-block-size:var(--erp-button-height);border-radius:var(--erp-radius-control);background:var(--erp-button);color:var(--erp-white);cursor:pointer;transition:background-color var(--erp-transition),opacity var(--erp-transition);border:0;justify-content:center;align-items:center;margin-top:min(20px,2svh);padding:0 48px;font-size:15.5px;font-weight:600;display:flex;position:relative}.erp-login__submit:hover{background:var(--erp-button-hover)}.erp-login__submit:disabled{cursor:wait;opacity:.72}.erp-login__submit:focus-visible{outline:2px solid var(--erp-copper-link);outline-offset:3px}.erp-login__submit svg{stroke-width:1.9px;width:19px;height:19px;position:absolute;inset-inline-end:16px}.erp-login__help{text-align:center;color:var(--erp-muted);margin-top:min(18px,1.8svh);font-size:14px}.erp-login__help .erp-login__link{font-size:inherit;margin-inline-start:5px}.erp-login__links{flex-wrap:wrap;justify-content:center;gap:4px 20px;display:flex}.erp-login__links .erp-login__link{margin-inline-start:0}.erp-login__note{max-width:var(--erp-form-width);text-align:center;color:#4d5259;background:#f7f4ef;border-radius:10px;margin:12px auto 0;padding:10px 14px;font-size:13.5px;line-height:1.6}.erp-login__note[hidden]{display:none}.erp-login__note .erp-login__link{margin-top:4px;font-size:13.5px}.erp-login__footer{font:500 10.5px/1 var(--erp-font-latin);letter-spacing:.28em;color:#a1a5ab;white-space:nowrap;justify-content:center;align-items:center;gap:16px;margin-top:min(28px,2.8svh);display:flex}.erp-login__footer:before,.erp-login__footer:after{content:"";background:#e3e5e8;width:56px;height:1px}@media (max-width:1279px) and (min-width:1024px){.erp-login__layout{grid-template-columns:minmax(0,1fr) 420px;gap:28px;padding-inline:16px 24px}.erp-login__modules li{font-size:14px}.erp-login__card--teams{width:172px}}@media (max-width:1023px){.erp-login{--erp-control-height:48px;--erp-button-height:48px}.erp-login__layout{inline-size:min(100%,480px);margin-inline:auto;padding:16px 24px 24px;display:block}.erp-login__story{display:none}.erp-login__form-panel{min-block-size:calc(100svh - 40px);padding-top:0}.erp-login__head h1{font-size:26px}.erp-login__brand-logo{inline-size:160px}.erp-login__input{font-size:16px}}@media (max-width:479px){.erp-login__layout{padding-inline:20px}.erp-login__row{flex-wrap:wrap}}@media (prefers-reduced-motion:reduce){.erp-login{--erp-transition:0s}}