.auth-page{color:var(--ink);background:var(--board);min-height:100dvh;font-size:var(--text-body);line-height:var(--leading-body);padding:24px;font-weight:400}.staff-login{background:0 0;border:0;border-radius:0;width:min(100%,400px);padding:24px}.staff-login h1{margin-block:16px 8px;font-size:20px}.staff-login>p{color:var(--muted);margin-block-end:16px}.staff-login form{gap:12px;display:grid}.staff-login input{border:1px solid var(--muted);background:var(--surface);width:100%;min-width:0;height:44px;color:var(--ink);border-radius:8px;padding:10px 12px}.auth-page button{border:1px solid var(--line);background:var(--sidebar);min-width:44px;min-height:44px;color:var(--ink);cursor:pointer;border-radius:8px;padding:10px 12px}.staff-login button{width:100%;font-weight:600}.auth-page button:disabled{cursor:wait}.auth-page :is(button,input,a):focus-visible{outline:2px solid var(--focus);outline-offset:2px}.auth-message{background:var(--sidebar);border-inline-start:3px solid var(--active);overflow-wrap:anywhere;padding:12px}.staff-context{background:0 0;border:0;border-radius:0;max-width:720px;padding:24px}.staff-context h1{font-size:16px;font-weight:600}.staff-context p,.staff-context li{overflow-wrap:anywhere;margin-block:12px}.staff-context header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.staff-context h2{margin-block-start:20px;font-size:14px;font-weight:600}@media (max-width:767px){.auth-page,.staff-login,.staff-context{padding:16px}}.auth-page :is(h1){font-size:var(--text-page);line-height:var(--leading-page);font-weight:600}.auth-page h2{font-size:var(--text-section);line-height:var(--leading-section);font-weight:600}.auth-page button{font-family:inherit;font-size:var(--text-control);line-height:var(--leading-control)}.auth-page :is(input,select,textarea){font-family:inherit;font-size:var(--text-input);line-height:var(--leading-input);height:auto;min-height:44px}.sign-in-page{--focus:var(--theme-focus);background:var(--theme-surface);grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;min-height:100dvh;padding:20px;display:grid}.sign-in-form-panel{flex-direction:column;min-width:0;padding:20px clamp(16px,4vw,64px);display:flex}.sign-in-brand{color:var(--theme-ink);align-self:flex-start;align-items:center;gap:10px;font-size:20px;font-weight:600;text-decoration:none;display:inline-flex}.sign-in-brand .bamdad-logo{width:84px;height:auto}.sign-in-page .staff-login{width:100%;max-width:400px;margin:auto;padding:64px 0}.sign-in-page .staff-login h1{letter-spacing:-.025em;margin:0 0 12px;font-size:clamp(32px,3.2vw,48px);line-height:1.4}.sign-in-page[lang=fa] h1,[lang=fa] .sign-in-page h1{letter-spacing:normal}.sign-in-page .sign-in-description{color:var(--theme-muted);margin:0 0 32px;font-size:15px;line-height:1.9}.sign-in-page form{flex-direction:column;gap:20px;display:flex}.sign-in-field{flex-direction:column;gap:8px;min-width:0;display:flex}.sign-in-field>label{color:var(--theme-ink);font-size:13px;font-weight:500}.sign-in-input{border:1px solid var(--theme-line);background:var(--theme-column);border-radius:16px;transition:background .2s,border-color .2s}.sign-in-input:focus-within{border-color:var(--theme-focus);background:var(--theme-surface)}.sign-in-page .sign-in-input input{width:100%;min-height:56px;color:var(--theme-ink);background:0 0;border:0;border-radius:16px;padding:16px;font-size:14px}.sign-in-page input::placeholder{color:var(--theme-muted);opacity:1}.sign-in-page input[dir=ltr]::placeholder{text-align:start}[lang=fa] .sign-in-page input[dir=ltr]:placeholder-shown{direction:rtl}.sign-in-page .animated-select .animated-select__trigger{border:1px solid var(--theme-line);background:var(--theme-column);min-height:56px;box-shadow:none;color:var(--theme-ink);border-radius:16px;padding:10px 14px}.sign-in-page .animated-select__icon{width:24px;height:24px;color:var(--theme-muted);background:0 0;border:0}.sign-in-page .animated-select__selected{font-size:14px}.sign-in-password{position:relative}.sign-in-page .sign-in-password input{padding-inline-end:56px}.sign-in-page .sign-in-password-toggle{inset-inline-end:6px;width:44px;height:44px;color:var(--theme-muted);background:0 0;border:0;place-items:center;padding:0;display:grid;position:absolute;top:6px}.sign-in-page .sign-in-password-toggle:hover{color:var(--theme-ink);background:var(--theme-line)}.sign-in-page .sign-in-submit{background:var(--theme-ink);min-height:56px;color:var(--theme-surface);border:0;border-radius:16px;justify-content:center;align-items:center;gap:12px;margin-top:8px;font-size:14px;font-weight:600;transition:opacity .2s,transform .2s;display:flex}.sign-in-page .sign-in-submit:hover:not(:disabled){opacity:.85}.sign-in-page .sign-in-submit:active:not(:disabled){transform:translateY(1px)}.sign-in-page button:disabled,.sign-in-page input:disabled{opacity:.6}.sign-in-page .sign-in-footer{color:var(--theme-muted);text-align:center;margin:24px 0 0;font-size:12px;line-height:1.9}.sign-in-hero{isolation:isolate;color:#fff;background:#344637;border-radius:28px;min-height:600px;position:relative;overflow:hidden}.sign-in-hero-image{background-position:50%;background-size:cover;animation:.9s cubic-bezier(.16,1,.3,1) both sign-in-reveal;position:absolute;inset:0}.sign-in-hero:after{content:"";z-index:0;background:linear-gradient(#101a1610 30%,#101a16d9 100%);position:absolute;inset:0}.sign-in-hero-copy{inset-inline:clamp(28px,4vw,64px);z-index:1;position:absolute;bottom:64px}.sign-in-hero-copy>span{font-size:16px}.sign-in-page .sign-in-hero h2{text-wrap:balance;white-space:pre-line;margin:20px 0 16px;font-size:clamp(30px,3.4vw,50px);font-weight:500;line-height:1.5}.sign-in-hero-copy p{color:#f0f2ee;font-size:14px;line-height:1.9}.sign-in-page .auth-message{border:1px solid var(--theme-line);background:var(--theme-column);border-radius:12px;margin:0 0 16px;font-size:13px}.sign-in-page .sign-in-branch-error{color:var(--theme-muted);font-size:13px}.sign-in-page .sign-in-branch-error button{background:0 0;border:0;width:auto;padding:0 8px;text-decoration:underline}.sign-in-spinner{animation:1s linear infinite sign-in-spin}@keyframes sign-in-spin{to{transform:rotate(360deg)}}@keyframes sign-in-reveal{0%{filter:blur(3px);transform:scale(1.04)}to{filter:blur();transform:scale(1)}}@media (min-width:768px) and (max-width:1050px){.sign-in-page{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)}.sign-in-form-panel{padding-inline:16px}.sign-in-hero-copy{inset-inline:28px}}@media (max-width:767px){.sign-in-page{padding:16px;display:block}.sign-in-form-panel{min-height:calc(100dvh - 32px);padding:16px 8px}.sign-in-page .staff-login{padding:56px 0}.sign-in-hero{display:none}}@media (prefers-reduced-motion:reduce){.sign-in-hero-image,.sign-in-spinner{animation:none}.sign-in-page *{transition:none!important}}
