:root{--nav:#101d32;--nav-dim:#92a0b8;--ink:#19273c;--muted:#7a879b;--line:#e7ecf3;--bg:#f4f6fa;--blue:#3867ed;--green:#13836a;--red:#d65362;--orange:#b67a18;--radius:12px}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg);color:var(--ink);font-synthesis:none;-webkit-font-smoothing:antialiased;margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,sans-serif;font-size:13px}h1,h2,h3,p{margin:0}.mono{font-variant-numeric:tabular-nums}.mono .unit{color:var(--muted);font-size:11px}.time,.nowrap{white-space:nowrap}.card{border:1px solid var(--line);border-radius:var(--radius);background:#fff}.danger-link{color:var(--red)}.app{grid-template-columns:224px minmax(0,1fr);height:100vh;display:grid}.sidebar{background:var(--nav);color:#fff;flex-direction:column;min-height:0;display:flex}.sidebar button{color:inherit;font:inherit;cursor:pointer;background:0 0;border:0}.sidebar nav{scrollbar-width:thin;scrollbar-color:#2a3d5c transparent;flex:1;min-height:0;padding:0 12px 18px;overflow-y:auto}.brand{align-items:center;gap:12px;padding:30px 24px;display:flex}.mark{color:#fff;background:var(--blue);letter-spacing:-3px;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;padding-right:3px;font-size:25px;font-weight:750;display:flex}.wordmark{letter-spacing:-.9px;font-size:23px;font-weight:700;line-height:1.1}.wordmark small{letter-spacing:2.3px;color:#94a4bc;margin-top:5px;font-size:9px;font-weight:400;display:block}.side-label{color:#778aa8;letter-spacing:2px;padding:12px 26px 14px;font-size:10px}.nav-main{color:#aebad0;text-align:left;border-radius:8px;align-items:center;gap:12px;width:100%;margin:3px 0;padding:13px 14px;display:flex}.nav-main .anticon{font-size:16px}.nav-main strong{flex:1;font-size:13px;font-weight:500}.nav-main .chevron{color:#627796;font-size:10px;transition:transform .15s}.nav-main .chevron.up{transform:rotate(180deg)}.nav-main:hover{background:#1a2b46}.nav-main.active{color:#fff;background:#1b3152}.nav-sub{padding:4px 0 7px}.nav-sub button{color:#9daec9;text-align:left;border-radius:7px;width:100%;margin:2px 0;padding:10px 14px 10px 44px;display:block;position:relative}.nav-sub button:hover{color:#fff}.nav-sub button.active{color:#a9c4ff;background:#2b4d852e}.nav-sub button.active:before{content:"";background:#a9c4ff;border-radius:50%;width:5px;height:5px;position:absolute;top:15px;left:26px}.side-foot{color:#8394af;border-top:1px solid #ffffff0d;align-items:center;gap:8px;margin:0 18px 16px;padding:16px 7px;font-size:11px;display:flex}.side-foot .dot{background:var(--green);border-radius:50%;width:6px;height:6px}.main{flex-direction:column;min-width:0;height:100vh;display:flex}.topbar{border-bottom:1px solid var(--line);background:#fff;flex-shrink:0;justify-content:space-between;align-items:center;height:68px;padding:0 30px;display:flex}.crumb{color:var(--muted);align-items:center;gap:10px;display:flex}.crumb .anticon{color:#9aa8bd;font-size:16px}.crumb .sep{color:#c3ccd9}.crumb b{color:var(--ink);font-weight:600}.top-right{align-items:center;gap:18px;display:flex}.top-search{background:#f6f8fc;border-radius:8px;width:230px}.top-search kbd{font:inherit;color:#9aa8bd;background:#fff;border:1px solid #dfe5ee;border-radius:4px;padding:0 5px;font-size:10px}.icon-btn{cursor:pointer;color:#61728b;background:0 0;border:0;border-radius:7px;padding:6px;font-size:17px}.icon-btn:hover{background:#f3f6fb}.top-user{border-left:1px solid var(--line);align-items:center;gap:10px;padding-left:18px;display:flex}.top-user .avatar{width:32px;height:32px;color:var(--blue);background:#e3ebfd;border-radius:50%;justify-content:center;align-items:center;font-weight:600;display:flex}.top-user>div{flex-direction:column;line-height:1.3;display:flex}.top-user>div>span{font-weight:500}.top-user small{color:var(--muted);font-size:11px}.text-btn{cursor:pointer;color:var(--muted);font:inherit;background:0 0;border:0;padding:4px 6px}.text-btn:hover{color:var(--blue)}.content{flex:1;min-height:0;padding:24px 30px 30px;overflow:auto}.login-screen{background:#fff;grid-template-columns:47% 53%;height:100vh;display:grid}.login-art{color:#fff;background:#12223a;flex-direction:column;justify-content:space-between;padding:40px;display:flex;position:relative;overflow:hidden}.login-art .brand{align-items:center;gap:12px;padding:0;display:flex}.login-art .mark{color:#fff;background:var(--blue);letter-spacing:-3px;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;padding-right:3px;font-size:25px;font-weight:750;display:flex}.login-art .wordmark{letter-spacing:-.9px;font-size:23px;font-weight:700;line-height:1.1}.login-art .wordmark small{letter-spacing:2.3px;color:#94a4bc;margin-top:5px;font-size:9px;font-weight:400;display:block}.login-art .abstract{border:1px solid #40609155;border-radius:80px;width:430px;height:430px;position:absolute;top:calc(50% - 160px);left:calc(50% - 160px);transform:rotate(-25deg);box-shadow:0 0 0 40px #243c612f,0 0 0 90px #1f36502b,0 0 0 140px #2339571c}.login-art .big-d{color:#476ca277;font-size:210px;font-weight:750;position:absolute;top:30%;left:40%;transform:rotate(-12deg)}.login-intro{z-index:1;margin:0 15px 50px;position:relative}.login-intro small{color:#8199bc;letter-spacing:2px;margin-bottom:20px;font-size:10px;display:block}.login-intro h1{letter-spacing:-1px;font-size:38px;font-weight:500;line-height:1.5}.login-footer{z-index:1;color:#768cae;letter-spacing:2px;font-size:10px;position:relative}.login-right{justify-content:center;align-items:center;display:flex}.login-card{width:350px}.login-card h1{letter-spacing:-.6px;margin-bottom:10px;font-size:27px;font-weight:650}.login-card .login-label{color:#9aa5b7;letter-spacing:2px;margin-bottom:38px;font-size:11px}.login-card .ant-form-item{margin-bottom:22px}.login-card .ant-form-item-label>label{color:#61728b;font-size:12px}.login-card .ant-input,.login-card .ant-input-affix-wrapper{height:43px}.login-card .ant-input-affix-wrapper .ant-input{height:auto}.login-card .ant-btn{height:43px;margin-top:5px}.form-error{color:var(--red);margin:-8px 0 14px;font-size:12px}.login-secure{color:#99a5b6;justify-content:center;align-items:center;gap:7px;margin-top:22px;font-size:11px;display:flex}@media (width<=900px){.login-screen{grid-template-columns:1fr}.login-art{display:none}.login-card{width:min(350px,100% - 48px)}}.mfa-qr{flex-direction:column;align-items:center;gap:8px;margin:-18px 0 18px;display:flex}.mfa-qr p{color:var(--muted);margin:0;font-size:12px}.mfa-secret{word-break:break-all;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px}.login-back{color:var(--muted);cursor:pointer;background:0 0;border:0;margin:14px auto 0;padding:0;font-size:12px;display:block}.login-back:hover{color:var(--blue)}.page-head{justify-content:space-between;align-items:center;gap:15px;margin-bottom:16px;display:flex}.page-head .eyebrow{letter-spacing:2px;color:#9aa8bd;margin-bottom:4px;font-size:10px;line-height:1.1;display:block}.page-head h1{letter-spacing:-.6px;font-size:24px;font-weight:650;line-height:1.3}.page-head-extra{gap:10px;display:flex}