body.client-redesign main#auth-root{padding:0;min-height:100dvh}
.auth-loading{position:fixed;inset:0;display:grid;place-items:center;background:#fcfcfc;z-index:30}
.auth-loading img{display:block;width:150px;height:150px;object-fit:contain}
.auth-layout{display:grid;grid-template-columns:1fr 1fr;min-height:100dvh;background:#fff}
.auth-art{position:relative;overflow:hidden;background:#f5f5f5;border-right:1px solid var(--line);min-height:100dvh}
.auth-art:before{content:'';position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.18'/%3E%3C/svg%3E");opacity:.12;mix-blend-mode:multiply;pointer-events:none}
.auth-hero-video{position:absolute;left:50%;top:50%;width:min(72%,36vw);height:auto;max-height:88dvh;aspect-ratio:4/5;display:block;object-fit:contain;object-position:center;transform:translate(-50%,-50%)}
.auth-side{display:flex;flex-direction:column;min-width:0;padding:24px 48px}
.auth-brand{display:flex;align-items:center;gap:9px;font-size:16px;font-weight:500}
.auth-brand img{width:22px;height:22px;object-fit:contain}
.auth-content{width:100%;max-width:340px;margin:auto;padding:32px 0}
.auth-content h1{font-size:24px;line-height:32px;font-weight:400;letter-spacing:-.3px;margin:0 0 8px}
.auth-content p{color:var(--muted);font-size:14px;line-height:22px;margin:0 0 24px}
.auth-form{display:grid;gap:16px}
.auth-form label{display:grid;gap:7px;font-size:13px;margin:0}
.client-redesign .auth-form input,.client-redesign .auth-form select{width:100%;height:40px;padding:9px 12px;border:1px solid var(--line);border-radius:8px;background:#fff;font-size:14px}
.client-redesign .auth-content button{min-height:40px;border-radius:8px;font-size:14px}
.auth-full{width:100%;display:flex;align-items:center;justify-content:center;gap:10px}
.auth-switch{display:flex;justify-content:center;align-items:center;gap:4px;margin-top:20px;font-size:13px;color:var(--muted);flex-wrap:wrap}
.client-redesign .auth-link{min-height:0!important;padding:0;border:0;background:transparent;font-size:13px!important;color:var(--ink);border-radius:0;text-decoration:underline;text-underline-offset:3px}
.auth-form .auth-link{justify-self:end}
.auth-error{font-size:13px;color:#b91c1c;line-height:20px}
.auth-error:empty{display:none}
.auth-content .auth-back{margin-bottom:24px}
.demo-account{border:1px solid var(--line);padding:14px;border-radius:8px;margin-bottom:20px}
.demo-account b{display:block;font-weight:500;font-size:14px}
.demo-account span{font-size:13px;color:var(--muted)}
.account-control{position:relative}
.client-redesign button.account-row{display:flex;align-items:center;width:100%;border:0;background:transparent;text-align:left;border-radius:8px}
.client-redesign button.account-row:hover{background:#efefef}
.account-row>#account-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.account-row>.mui-icon{width:16px;height:16px;color:var(--muted)}
#account-menu{position:absolute;bottom:calc(100% + 6px);left:0;width:100%;padding:4px;border:1px solid var(--line);border-radius:8px;background:#fff;box-shadow:0 4px 16px #00000012;z-index:10}
.client-redesign #account-menu button{width:100%;text-align:left;padding:8px 10px;border:0;background:transparent;border-radius:5px;font-size:13px}
.client-redesign #account-menu button:hover,.client-redesign #account-menu button:focus-visible{background:#f3f3f3}
@media(max-width:800px){.auth-layout{grid-template-columns:40% 60%}.auth-side{padding:24px}}
@media(max-width:600px){.auth-layout{grid-template-columns:1fr}.auth-art{display:none}.auth-side{min-height:100dvh;padding:24px}.auth-content{padding:36px 0}}