.loginPage{background:var(--colorBackgroundSecondary);flex-direction:column;justify-content:center;align-items:center;min-height:100dvh;padding:24px 16px;display:flex}.loginPage .loginCard{background-color:var(--colorBackgroundPrimary);width:100%;max-width:440px;transition:all var(--animDurSlow)var(--cubicBezierPrimary);border-radius:18px;flex-direction:column;align-items:center;padding:36px 32px 28px;display:flex;box-shadow:0 20px 40px #0000001f,0 4px 16px #0000000f}.loginPage .loginCard .brandLogo{font-variation-settings:"wdth" 75,"wght" 700;letter-spacing:-.5px;color:var(--colorPrimary);-webkit-user-select:none;user-select:none;margin-bottom:4px;font-size:28px}.loginPage .loginCard .brandTagline{color:var(--colorContentSecondary);text-align:center;margin:0 0 16px;font-size:13px}.loginPage .loginCard .langPills{gap:6px;margin-bottom:20px;display:flex}.loginPage .loginCard .langPills .langPill{border:1.5px solid var(--colorBorderPrimary,#e5e7eb);cursor:pointer;color:var(--colorContentSecondary);background:0 0;border-radius:20px;align-items:center;gap:5px;padding:5px 12px;font-size:13px;font-weight:500;transition:all .15s;display:flex}.loginPage .loginCard .langPills .langPill:hover{border-color:hsl(var(--colorBrandPrimary));color:hsl(var(--colorBrandPrimary))}.loginPage .loginCard .langPills .langPill.active{border-color:hsl(var(--colorBrandPrimary));background:hsl(var(--colorBrandPrimary)/.08);color:hsl(var(--colorBrandPrimary));font-weight:600}.loginPage .loginCard .langPills .langPill .langPillFlag{font-size:15px;line-height:1}.loginPage .loginCard .langPills .langPill .langPillLabel{line-height:1}.loginPage .loginCard .suspendedBanner{color:#b91c1c;text-align:center;background:#fef2f2;border:1px solid #fca5a5;border-radius:10px;width:100%;margin-bottom:16px;padding:10px 14px;font-size:13px}.loginPage .loginCard .logout{position:absolute;right:0}.loginPage .loginCard .inputContainer{--inputHeight:50px;flex-direction:column;gap:12px;width:100%;margin:20px 0;display:flex;position:relative}.loginPage .loginCard .inputContainer .email,.loginPage .loginCard .inputContainer .password{--iconSize:var(--inputHeight);width:100%;position:relative}.loginPage .loginCard .inputContainer .email .label,.loginPage .loginCard .inputContainer .password .label{margin-left:12px!important}.loginPage .loginCard .loginAction{justify-content:flex-end;align-items:center;gap:8px;width:100%;padding-top:8px;display:flex}.loginPage .loginCard .loginAction.center{justify-content:center}.loginPage .loginCard .restaurantPicker{flex-direction:column;gap:10px;width:100%;margin:20px 0 8px;display:flex}.loginPage .loginCard .restaurantPicker .restaurantCard{border:1px solid var(--colorBorderPrimary,#e5e7eb);background:var(--colorBackgroundSecondary,#f9fafb);cursor:pointer;text-align:left;border-radius:12px;align-items:center;gap:14px;width:100%;padding:12px 16px;transition:background .15s,border-color .15s;display:flex}.loginPage .loginCard .restaurantPicker .restaurantCard:hover{background:var(--colorBackgroundHover,#f0f4ff);border-color:var(--colorPrimary,#6366f1)}.loginPage .loginCard .restaurantPicker .restaurantCard .restaurantAvatar{object-fit:cover;border-radius:50%;flex-shrink:0;width:44px;height:44px}.loginPage .loginCard .restaurantPicker .restaurantCard .restaurantInfo{flex-direction:column;gap:2px;display:flex}.loginPage .loginCard .restaurantPicker .restaurantCard .restaurantInfo .restaurantName{font-variation-settings:"wdth" 75,"wght" 600;margin:0;font-size:15px}.loginPage .loginCard .restaurantPicker .restaurantCard .restaurantInfo .restaurantAddress{color:var(--colorContentSecondary,#6b7280);margin:0;font-size:12px}.loginPage .loginCard .pinHint{color:var(--colorContentSecondary);text-align:center;margin:4px 0 16px;font-size:13px}.loginPage .loginCard .staffGrid{grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:12px;width:100%;margin-bottom:8px;display:grid}.loginPage .loginCard .staffGrid .staffCard{border:1.5px solid var(--colorBorderPrimary,#e5e7eb);background:var(--colorBackgroundSecondary,#f9fafb);cursor:pointer;border-radius:14px;flex-direction:column;align-items:center;gap:8px;padding:16px 8px 12px;transition:background .15s,border-color .15s;display:flex}.loginPage .loginCard .staffGrid .staffCard:hover{background:var(--colorBackgroundHover,#f0f4ff);border-color:hsl(var(--colorBrandPrimary))}.loginPage .loginCard .staffGrid .staffCard .staffAvatar{background:hsl(var(--colorBrandPrimary)/.12);width:48px;height:48px;color:hsl(var(--colorBrandPrimary));font-variation-settings:"wdth" 75,"wght" 700;border-radius:50%;justify-content:center;align-items:center;font-size:20px;display:flex}.loginPage .loginCard .staffGrid .staffCard .staffCardName{text-align:center;text-overflow:ellipsis;white-space:nowrap;width:100%;font-size:13px;font-weight:500;overflow:hidden}.loginPage .loginCard .staffAvatarLarge{background:hsl(var(--colorBrandPrimary)/.12);width:48px;height:48px;color:hsl(var(--colorBrandPrimary));font-variation-settings:"wdth" 75,"wght" 700;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:20px;display:flex}.loginPage .loginCard .switchLoginLink{cursor:pointer;color:hsl(var(--colorBrandPrimary));background:0 0;border:none;padding:0;font-size:13px;font-weight:500;text-decoration:none}.loginPage .loginCard .switchLoginLink:hover{text-decoration:underline}.loginPage .loginCard .forgotPassword{text-align:right;width:100%;margin-top:4px}.loginPage .loginCard .forgotPassword a{color:var(--colorContentSecondary,#888);font-size:12px;text-decoration:none}.loginPage .loginCard .forgotPassword a:hover{text-decoration:underline}.loginPage .loginCard .loggedInAction{gap:16px;margin-top:24px;display:flex}.loginPage .loginCard .header{flex-direction:column;justify-content:center;align-items:center;width:100%;display:flex;position:relative}.loginPage .loginCard .header>h3,.loginPage .loginCard .header>h4{font-variation-settings:"wdth" 75,"wght" 300;text-align:left;-webkit-user-select:none;user-select:none;width:100%;margin:0;font-size:36px}.loginPage .loginCard .header>h4{margin-top:4px;font-size:15px}.loginPage .loginCard .header.center{align-items:center}.loginPage .loginCard .header.center>h3,.loginPage .loginCard .header.center>h4{text-align:center}.loginPage .loginCard .header.center>h4{font-variation-settings:"wdth" 75,"wght" 500;opacity:.6;font-size:14px}.loginPage .loginCard .header.profile{flex-direction:row;gap:16px}.loginPage .loginCard .header.profile .profileAvatar{object-fit:cover;border-radius:50%;width:48px;height:48px}.loginPage .loginCard .header.profile .details{flex-direction:column;justify-content:center;gap:2px;display:flex}.loginPage .loginCard .header.profile .details .name{font-variation-settings:"wdth" 75,"wght" 600;margin:0;font-size:20px}.loginPage .loginCard .header.profile .details .address{font-variation-settings:"wdth" 75,"wght" 400;margin:0;font-size:14px}.loginPage .pageFooter{color:var(--colorContentSecondary);text-align:center;margin-top:24px;font-size:12px}.loginPage .pageFooter a{color:var(--colorPrimary);font-variation-settings:"wdth" 75,"wght" 600;text-decoration:none}.loginPage .pageFooter a:hover{text-decoration:underline}@media (max-width:480px){.loginPage{justify-content:flex-end;padding:0}.loginPage .loginCard{border-radius:24px 24px 0 0;max-width:100%;padding:28px 24px 32px;box-shadow:0 -5px 20px #0000001a}.loginPage .pageFooter{display:none}}