/* Login styles are isolated from the project workspace. All assets are local. */
body.auth-screen{display:block;background:#fbfcff;color:#0b172e}
.auth-screen>aside,.auth-screen main>header,.auth-screen main>.notice,.auth-screen main>footer{display:none}
.auth-screen>main{padding:0;margin:0;width:100%;max-width:none}
.auth-layout{display:grid;grid-template-columns:44% 56%;direction:ltr;min-height:100svh}
.auth-brand-panel{position:relative;overflow:hidden;display:flex;flex-direction:column;background:radial-gradient(ellipse at 85% 45%,#16395288,transparent 60%),linear-gradient(145deg,#061d34,#0b263f 65%,#061b31);color:#edf5ff;padding:54px clamp(28px,5vw,80px);direction:rtl}
.auth-brand-heading{text-align:left;position:relative;z-index:1}
.auth-brand-heading img{display:block;width:220px;height:auto;max-width:85%;margin-right:auto}
.auth-persian-brand{font-size:35px;line-height:1.4;letter-spacing:1px;margin-top:8px}
.auth-brand-heading p{color:#97b8df;font-size:16px;margin:10px 0;white-space:nowrap}
.auth-scene{width:calc(100% + 70px);height:auto;max-height:400px;object-fit:contain;margin:5px -35px -24px}
.auth-workflow{display:flex;align-items:center;gap:12px;direction:ltr;position:relative;z-index:1}
.auth-workflow>span{flex:1;display:flex;align-items:center;justify-content:center;gap:14px;padding:18px 8px;border:1px solid #6586ab44;border-radius:12px;background:linear-gradient(120deg,#47729c44,#7295b51a);font-size:14px;white-space:nowrap}
.auth-workflow b{font:30px Arial;color:#277bff}.auth-workflow .approved-mark{color:#28e2c0;border:2px solid;border-radius:50%;font-size:21px;width:28px;height:28px;display:grid;place-items:center}.auth-workflow i{font:25px Arial;color:#9abfec}
.auth-brand-footer{margin-top:auto;padding-top:65px;text-align:left;color:#b4ceec;font-size:18px;line-height:1.9}.auth-brand-footer>div{width:38px;height:4px;border-radius:4px;background:#1769ff;margin-right:auto}.auth-brand-footer p{margin:16px 0 8px}
.auth-form-panel{display:flex;align-items:center;justify-content:center;direction:rtl;padding:70px clamp(32px,7vw,112px);background:radial-gradient(ellipse at 75% 15%,white,#f7f9fd 90%)}
.auth-form-content{width:100%;max-width:590px}.auth-form-content h1{font-size:clamp(32px,3.7vw,52px);color:#091425;margin:0 0 12px;letter-spacing:-1.5px;line-height:1.5}.auth-subtitle{font-size:17px;line-height:2;color:#6c7b9b;margin:0 0 34px}
.auth-screen .form-field{margin:24px 0;gap:10px}.auth-screen .form-field label{font-size:16px;font-weight:bold;color:#172744}.auth-input{position:relative}.auth-input>svg{position:absolute;width:23px;height:23px;right:18px;top:50%;transform:translateY(-50%);color:#7486a5;pointer-events:none}.auth-screen .auth-input input{width:100%;height:62px;border:1px solid #cbd7ec;border-radius:10px;background:#ffffffbd;padding:14px 54px;font-size:16px;color:#162d4d;box-shadow:0 1px 2px #142b4c03}.auth-screen input::placeholder{color:#7988a5;text-align:right;direction:rtl;font-size:15px}.auth-screen input:focus{outline:3px solid #075aff22;outline-offset:2px;border-color:#397aff}.auth-screen input[aria-invalid=true]{border-color:#b83434}
.auth-screen .password-toggle{position:absolute;left:9px;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:44px;height:44px;padding:10px;background:transparent;color:#7083a7;border-radius:6px}.password-toggle svg{width:25px;height:25px}.auth-screen .password-toggle:hover{background:#eaf0fc;color:#075aff}.auth-screen button:focus-visible,.auth-screen summary:focus-visible,.auth-screen a:focus-visible{outline:3px solid #1769ff;outline-offset:4px}
.auth-recovery{font-size:14px;color:#075aff;margin:25px 0;text-align:left}.auth-recovery summary{cursor:pointer;list-style:none;display:inline-block}.auth-recovery summary::-webkit-details-marker{display:none}.auth-recovery p{color:#526781;background:#edf3ff;border-radius:8px;padding:12px;text-align:right;line-height:1.9}.auth-screen #auth-error{font-size:13px;line-height:1.9;margin:12px 0}.auth-screen #auth-error:empty{display:none}
.auth-screen #auth-submit{width:100%;height:60px;border-radius:10px;background:linear-gradient(105deg,#0069ff,#0048ff);color:white;font-size:19px;font-weight:bold;display:flex;gap:12px;align-items:center;justify-content:center;box-shadow:0 8px 22px #075aff12}.auth-screen #auth-submit:hover{background:#0044dd}.auth-screen #auth-submit:disabled{opacity:.7}.auth-invite-note{font-size:12px;color:#7886a0;text-align:center;line-height:1.8;margin-top:22px}.auth-language{text-align:center;color:#1c5aff;font-size:14px;margin-top:40px;font-weight:bold;direction:rtl}.auth-language span{padding:0 13px;color:#a6b1c5}.auth-mobile-brand{display:none}.auth-spinner{display:none;width:19px;height:19px;border:3px solid #ffffff55;border-top-color:white;border-radius:50%}#auth-form[aria-busy=true] .auth-spinner{display:block;animation:auth-spin .8s linear infinite}@keyframes auth-spin{to{transform:rotate(360deg)}}
@media(min-width:1500px){.auth-brand-panel{padding-top:65px;padding-bottom:80px}.auth-scene{max-height:450px}.auth-brand-footer{padding-top:80px}}
@media(max-width:1100px){.auth-brand-panel{padding:45px 30px}.auth-brand-heading p{font-size:13px}.auth-form-panel{padding:55px 40px}.auth-workflow{gap:7px}.auth-workflow>span{gap:7px;font-size:12px;padding:14px 5px}.auth-brand-footer{font-size:16px}.auth-scene{margin-top:30px}.auth-subtitle{font-size:15px}}
@media(max-width:760px){.auth-layout{grid-template-columns:1fr}.auth-brand-panel{display:none}.auth-form-panel{min-height:100svh;padding:36px 24px;align-items:center}.auth-form-content{max-width:450px}.auth-mobile-brand{display:block;text-align:center;font:bold 32px Arial;letter-spacing:2px;margin-bottom:44px;color:#10233e}.auth-mobile-brand span{color:#075aff}.auth-form-content h1{font-size:34px}.auth-subtitle{font-size:14px;margin-bottom:26px}.auth-language{margin-top:30px}.auth-screen .form-field{margin:22px 0}.auth-screen .auth-input input{height:58px}.auth-brand-footer{padding-top:30px}}
@media(prefers-reduced-motion:reduce){.auth-spinner{animation:none!important}}