/* Quinnbella: white canvas, washed denim, human neutrals, restrained pink. */
:root{--ink:#242424;--muted:#686e78;--paper:#f7f8fa;--line:#e3e7ee;--green:#465c80;--accent:#cfdcf0;--lavender:#ece3f4;--font:"Segoe UI","Microsoft YaHei","PingFang SC",Arial,sans-serif}
body{color:var(--ink);background:var(--paper)}
.brand-lockup{display:inline-flex;flex-direction:column;align-items:flex-start;gap:12px;letter-spacing:normal;line-height:1}
.brand-lockup img{display:block;width:188px;height:auto;aspect-ratio:3134/523;object-fit:contain}
.brand-lockup span{margin:0!important;font:600 9px/1.4 var(--font)!important;letter-spacing:2.4px!important;color:#525b6c}
.sidebar{width:248px;padding:32px 24px 0;background:#fff}
.sidebar .brand-lockup{margin:0}
.sidebar .brand-lockup img{width:180px}
.workspace-label{margin:28px 0 22px;padding:20px 0;gap:12px}
.mini-logo{background:#eef2f8;width:40px;height:40px;border-radius:10px;flex-shrink:0}
.mini-logo img{display:block;width:32px;height:32px}
.nav-label{font-size:9px;letter-spacing:1.5px;color:#747b87}
.nav-item{font-size:13px;min-height:44px;padding:11px 12px;color:#626976;gap:12px}
.nav-item.active{background:#e9eff8;color:#344c73;box-shadow:inset 3px 0 #7b9ac4}
.nav-item:hover{background:#f0f3f8}
.main-column{margin-left:248px;width:calc(100% - 248px)}
.topbar{height:auto;min-height:72px;gap:16px;flex-wrap:wrap;background:#fff;padding:14px 36px}
.topbar>div:first-child{min-width:0;overflow-wrap:anywhere}
.top-label{margin-left:auto;color:#627493;font-size:9px;letter-spacing:1.3px}
.language-switch{border-color:#d8dfeb;border-radius:8px;background:#fff;gap:8px}
.language-switch:hover{background:#eef2f8}
.content{padding:32px 36px 24px;max-width:1600px;width:100%;margin:0 auto}
.page-heading h1{font-weight:650;font-size:30px;letter-spacing:-.8px}
.page-heading>div>p:last-child{color:#6b7380;line-height:1.65}
.eyebrow{color:#5f7495}
.panel,.metric{border-color:var(--line);border-radius:12px;box-shadow:0 2px 8px #31436404}
.notice{background:#f0f3f8;border-color:#dfe6f0;color:#394861;border-radius:10px}
.notice p{color:#626e7e}
.primary-button{background:#465c80;border-radius:8px;min-height:40px}
.primary-button:hover{background:#354b6e}
.outline-button{border-color:#d8dfeb;border-radius:8px;min-height:38px}
.outline-button:hover{background:#eef2f8}
.badge{background:#eef2f8;color:#52647e}
.profile .avatar{background:#dce6f4;color:#40597c;font:600 15px var(--font)}
.profile .avatar.vince{background:#f8e0ea;color:#905670}
.local-note p{color:#737d8d}.local-note strong{color:#53647e}
.workspace-footer{border-color:var(--line);color:#737d8d}
.operations-workspace .metrics{grid-template-columns:repeat(3,minmax(0,1fr))}
.operations-workspace .metric>strong{font-weight:600;color:#354b6e}
.operations-workspace .team-grid{gap:18px;margin-top:24px}
.operations-workspace .team-grid>article{padding:24px}
.login-story{background:#7b9ac4;padding:48px 11%;min-height:100svh;color:#202b3c}
.login-story>div:not(.orbit){margin:60px 0;position:relative;z-index:1}
.login-story h1{font:700 clamp(42px,4.4vw,68px)/1.08 var(--font);letter-spacing:-2px}
.login-story h1 em{font-style:normal;font-weight:700;color:#fff6f3}
.login-story .intro{color:#263b59;font-size:16px;line-height:1.7;max-width:320px}
.login-story .brand-lockup span{color:#253a58}
.login-story .story-foot{font-size:10px;letter-spacing:2px;position:relative;z-index:1}
.login-spark{position:absolute;width:230px;height:230px;right:-60px;bottom:35px;opacity:.12;pointer-events:none}
.login-panel{min-height:100svh;justify-content:center;background:#fff;padding:88px 10% 64px}
.login-card{margin:0;max-width:390px}
.login-card h2{font-size:34px;font-weight:650;line-height:1.2;margin-bottom:14px}
.login-card>.eyebrow{margin:24px 0 14px;color:#637b9e}
.login-app-mark{display:block;background:#f0f3f8;border-radius:14px;padding:8px;box-sizing:content-box;width:44px;height:44px}
.login-card .identity{margin-top:30px;background:#465c80;color:#fff;border:0;min-height:54px;border-radius:9px;padding:16px 20px;justify-content:center;font-weight:600}
.login-card .identity:hover{background:#354b6e;transform:none}
.login-card .identity:disabled{opacity:.6}
.login-panel>.language-switch{top:28px;right:32px}
.mobile-brand{display:none}
.login-story .orbit{display:none}
@media(max-width:1150px){.sidebar{width:216px;padding:28px 18px 0}.sidebar .brand-lockup img{width:170px}.main-column{margin-left:216px;width:calc(100% - 216px)}.content{padding:28px 24px}.topbar{padding:14px 24px}.login-story{padding:40px 9%}.login-panel{padding-left:8%;padding-right:8%}}
@media(max-width:850px){.login-story{display:none}.login-panel{padding:120px 8% 52px}.mobile-brand{display:block;position:absolute;top:32px;left:8%}.mobile-brand .brand-lockup img{width:150px}.mobile-brand .brand-lockup span{font-size:8px!important}.login-panel>.language-switch{right:8%;top:32px}.login-card{margin:48px 0 0}.login-app-mark{display:none}.operations-workspace .metrics{gap:10px}.operations-workspace .metric{padding:16px}.top-label{display:none}}
@media(max-width:600px){.sidebar{width:100%;position:relative;padding:22px 18px 0}.sidebar .brand-lockup img{width:144px}.sidebar .brand-lockup span{font-size:7px!important;letter-spacing:1.8px!important}.sidebar-bottom{top:20px;right:18px}.sidebar nav{margin-top:22px;padding-bottom:6px}.nav-item{font-size:11px;min-height:40px;padding:9px 11px}.main-column{margin:0;width:100%}.topbar{min-height:62px;padding:10px 18px;font-size:11px;gap:10px}.topbar .language-switch{min-height:36px;padding:8px 10px;font-size:11px}.content{padding:24px 18px}.page-heading h1{font-size:26px}.operations-workspace .metrics{grid-template-columns:1fr}.operations-workspace .metric{display:flex;align-items:center;justify-content:space-between;padding:14px 18px}.operations-workspace .metric>strong{margin:0;font-size:28px}.operations-workspace .metric>p{margin:0}.workspace-footer{padding:16px 18px}.login-card h2{font-size:30px}.mobile-brand .brand-lockup img{width:138px}.login-panel>.language-switch{font-size:11px;padding:9px 10px}.login-spark{display:none}}
html[lang="zh-CN"] .login-story h1{line-height:1.2;letter-spacing:0;font-size:clamp(38px,4vw,58px)}
html[lang="zh-CN"] .page-heading h1{letter-spacing:0}