/* Myside native UI layer. Presentation only; no API or form behavior overrides. */
html:root,html:root [data-theme-preset]{
 --background:var(--ms-paper);--foreground:var(--ms-ink);--card:var(--ms-surface);--card-foreground:var(--ms-ink);--popover:var(--ms-surface);--popover-foreground:var(--ms-ink);--primary:var(--ms-ink);--primary-foreground:var(--ms-inverse);--secondary:var(--ms-soft);--secondary-foreground:var(--ms-ink);--muted:var(--ms-soft);--muted-foreground:var(--ms-muted);--accent:var(--ms-soft);--accent-foreground:var(--ms-ink);--border:var(--ms-line);--input:var(--ms-line);--ring:var(--ms-red);--sidebar:var(--ms-paper);--sidebar-foreground:var(--ms-ink);--sidebar-primary:var(--ms-ink);--sidebar-primary-foreground:var(--ms-inverse);--sidebar-accent:var(--ms-soft);--sidebar-accent-foreground:var(--ms-ink);--sidebar-border:var(--ms-line);--sidebar-ring:var(--ms-red);--font-ui-sans:var(--ms-body);--font-sans:var(--ms-body);--skeleton-base:var(--ms-soft);--skeleton-highlight:var(--ms-surface);
}
body{font-family:var(--ms-body);background:var(--ms-paper);color:var(--ms-ink)}
html,body{overflow-x:clip}
::selection{background:var(--ms-red-soft);color:var(--ms-ink)}
:focus-visible{outline:2px solid var(--ms-red);outline-offset:4px}
header:has(span[title="myside"]){background:var(--ms-paper);border-bottom:1px solid var(--ms-line)}
header:has(span[title="myside"])>div{max-width:1280px!important;padding:0 40px!important}
header:has(span[title="myside"]) nav{height:80px!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;backdrop-filter:none!important}
span[title="myside"]{font-size:23px!important;letter-spacing:-1px!important;font-weight:650!important}
[class*="@container/system-brand"]>button{display:none!important}
[data-ms-version]{display:none!important}
[data-ms-home] header a[href="/"][title], [data-ms-home] header a[href="/dashboard"][title]{display:none}
[data-ms-home] header button[aria-label*="language" i], [data-ms-home] header button[aria-label*="语言"]{display:none}
[data-ms-home] header a[href="/sign-in"]{padding-inline:21px;min-height:38px;border-radius:6px}
header:has(span[title="myside"]) button:has(.lucide-languages),header:has(span[title="myside"]) button:has(.lucide-bell){display:none}
header:has(span[title="myside"]) img{border-radius:8px!important}
header:has(span[title="myside"]) button,header:has(span[title="myside"]) a[href="/sign-in"]{min-height:44px;min-width:44px}
[data-ms-home] main{background:var(--ms-paper)}
.ms-native-footer{color:var(--ms-muted);font-family:var(--ms-body);font-size:12px;letter-spacing:.02em}
.ms-native-footer strong{color:var(--ms-ink);font-weight:600}
.ms-auth{min-height:100svh;height:auto!important;grid-template-columns:1fr 1fr!important;max-width:1440px!important;margin:auto}
.ms-auth>.container{grid-column:2;width:100%;padding:100px 24px 60px!important}
.ms-auth>.container>div{max-width:440px;width:100%!important}
.ms-auth>a{top:34px!important;left:48px!important}
.ms-auth>a h1{font-family:var(--ms-body);font-size:25px;font-weight:650;letter-spacing:-1px}
.ms-auth>a img{border-radius:9px!important}
.ms-auth h2{font-family:var(--ms-display);font-weight:400;font-size:36px;letter-spacing:.025em;text-align:left!important;margin-bottom:24px}
.ms-auth input{height:46px;background:var(--ms-surface);border-radius:6px}
.ms-auth form button[type=submit]{min-height:46px;border-radius:6px}
.ms-auth p.text-xs:has(a[href="/user-agreement"]){display:none}
.ms-auth-note{position:absolute;left:48px;top:28%;width:43%;padding:0 50px 0 0;color:var(--ms-ink)}
.ms-auth-note svg{width:92px;height:92px;margin-bottom:44px}
.ms-auth-note h2{font-size:clamp(36px,4vw,54px);line-height:1.5;margin:0 0 25px}
.ms-auth-note h2{font-family:var(--ms-body);font-size:clamp(50px,6vw,80px);letter-spacing:-.075em}
.ms-auth-note p{font-size:14px;line-height:2;color:var(--ms-muted)}
.ms-auth-note .ms-auth-sign{margin-top:80px;font-size:13px;border-top:1px solid var(--ms-line);padding-top:20px}
@media(max-width:767px){header:has(span[title="myside"])>div{padding:0 20px!important}header:has(span[title="myside"]) nav{height:68px!important}span[title="myside"]{font-size:21px!important}.ms-auth{display:block!important}.ms-auth-note{display:none}.ms-auth>.container{min-height:100svh;padding-top:110px!important}.ms-auth>a{top:25px!important;left:25px!important}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}