:root{color:#152238;font-synthesis:none;--brand:#2563eb;--brand-dark:#183b7a;--line:#e5eaf1;--muted:#718096;background:#f3f6fa;font-family:Inter,PingFang SC,Microsoft YaHei,sans-serif}*{box-sizing:border-box}html,body,#app{min-width:320px;min-height:100%;margin:0}body{min-height:100vh}button,input{font:inherit}.eyebrow{color:var(--brand);letter-spacing:.16em;margin:0 0 8px;font-size:12px;font-weight:800}.login-page{background:#fff;grid-template-columns:minmax(440px,1.1fr) minmax(440px,.9fr);min-height:100vh;display:grid}.login-intro{color:#fff;background:linear-gradient(145deg,#0e2245 0%,#173d7b 58%,#2563eb 100%);flex-direction:column;justify-content:center;padding:9vw;display:flex;position:relative;overflow:hidden}.login-intro:before,.login-intro:after{content:"";border:1px solid #ffffff1f;border-radius:50%;position:absolute}.login-intro:before{width:540px;height:540px;top:-190px;right:-240px}.login-intro:after{background:#ffffff0a;width:310px;height:310px;bottom:-130px;right:-70px}.intro-badge{z-index:1;letter-spacing:.16em;border:1px solid #ffffff3d;border-radius:999px;width:fit-content;padding:8px 13px;font-size:11px;font-weight:700;position:relative}.login-intro h1{z-index:1;letter-spacing:-.04em;margin:30px 0 20px;font-size:clamp(38px,4vw,62px);line-height:1.16;position:relative}.login-intro>p{z-index:1;color:#ffffffb8;max-width:520px;margin:0;font-size:17px;line-height:1.8;position:relative}.intro-stats{z-index:1;gap:46px;margin-top:70px;display:flex;position:relative}.intro-stats div{flex-direction:column;gap:5px;display:flex}.intro-stats strong{font-size:27px}.intro-stats span{color:#ffffff94;font-size:12px}.login-panel{place-items:center;padding:50px;display:grid}.login-card{width:min(420px,100%)}.mobile-brand{display:none}.login-card h2{letter-spacing:-.03em;margin:0;font-size:34px}.login-hint{color:var(--muted);margin:10px 0 34px}.login-card .el-input__wrapper{border-radius:10px;min-height:50px;box-shadow:inset 0 0 0 1px #dfe5ee}.login-card .el-form-item{margin-bottom:20px}.login-button{border-radius:10px;width:100%;height:50px;margin-top:3px;font-weight:700}.security-note{color:#9aa5b5;text-align:center;margin:26px 0 0;font-size:12px}.admin-shell{min-height:100vh;display:flex}.sidebar{z-index:10;color:#dce7fb;background:#10213d;flex-direction:column;width:248px;display:flex;position:fixed;inset:0 auto 0 0}.brand{border-bottom:1px solid #ffffff14;align-items:center;gap:12px;height:78px;padding:0 24px;display:flex}.brand-mark{color:#fff;background:#2d6eea;border-radius:11px;place-items:center;width:38px;height:38px;font-weight:800;display:grid}.brand div:last-child{flex-direction:column;gap:3px;display:flex}.brand strong{font-size:15px}.brand span{color:#8295b5;font-size:11px}.sidebar-menu{flex:1;padding:18px 12px;background:0 0!important;border:0!important}.sidebar-menu .el-menu-item{color:#9eb0ca;border-radius:8px;height:48px;margin:4px 0}.sidebar-menu .el-menu-item:hover{color:#fff;background:#ffffff0f}.sidebar-menu .el-menu-item.is-active{color:#fff;background:#2563eb}.sidebar-menu .el-menu-item.is-disabled{opacity:.42}.sidebar-foot{color:#647897;padding:20px 24px;font-size:11px}.main-area{width:calc(100% - 248px);margin-left:248px}.topbar{z-index:5;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#6e7c90;background:#ffffffeb;justify-content:space-between;align-items:center;height:68px;padding:0 30px;font-size:13px;display:flex;position:sticky;top:0}.status-dot{background:#22c55e;border-radius:50%;width:7px;height:7px;margin-right:8px;display:inline-block;box-shadow:0 0 0 4px #22c55e1f}.account-button{border:1px solid var(--line);color:#25334a;cursor:pointer;background:#fff;border-radius:9px;padding:9px 13px}.page-container{padding:30px}.page-heading{justify-content:space-between;align-items:flex-end;margin-bottom:26px;display:flex}.page-heading h1{letter-spacing:-.03em;margin:0;font-size:30px}.page-heading>div>p:last-child{color:var(--muted);margin:8px 0 0;font-size:14px}.date-chip{color:#526175;background:#fff;border:1px solid #d9e2ef;border-radius:999px;padding:8px 12px;font-size:12px}.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;display:grid}.metric-card{border:1px solid var(--line);background:#fff;border-radius:14px;align-items:center;gap:16px;min-height:126px;padding:22px;display:flex;box-shadow:0 5px 18px #142a4d09}.metric-icon{border-radius:12px;flex:none;place-items:center;width:46px;height:46px;font-size:21px;display:grid}.metric-icon.green{color:#169b5b;background:#eaf9f1}.metric-icon.blue{color:#2563eb;background:#edf4ff}.metric-icon.amber{color:#d78b09;background:#fff7e6}.metric-icon.purple{color:#7c4ec7;background:#f5efff}.metric-card div:last-child{flex-direction:column;min-width:0;display:flex}.metric-card span{color:var(--muted);font-size:12px}.metric-card strong{margin:3px 0;font-size:25px}.metric-card small{color:#9aa5b5;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.dashboard-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px;margin-top:18px;display:grid}.panel{border:1px solid var(--line);background:#fff;border-radius:14px;padding:24px}.panel-title{border-bottom:1px solid #edf0f5;justify-content:space-between;align-items:flex-start;padding-bottom:20px;display:flex}.panel-title h3{margin:0 0 5px;font-size:17px}.panel-title p{color:var(--muted);margin:0;font-size:12px;line-height:1.6}.healthy-badge{color:#12864d;background:#eaf9f1;border-radius:999px;padding:6px 9px;font-size:11px;font-weight:700}.service-list>div{border-bottom:1px solid #f0f2f6;justify-content:space-between;align-items:center;padding:16px 2px;font-size:13px;display:flex}.service-list>div:last-child{border:0;padding-bottom:0}.service-list b{color:#68778d;font-size:12px;font-weight:500}.service-dot{border-radius:50%;width:7px;height:7px;margin-right:10px;display:inline-block}.service-dot.online{background:#22c55e}.service-dot.pending{background:#f59e0b}.roadmap{margin:22px 0 0;padding:0;list-style:none}.roadmap li{gap:14px;padding-bottom:21px;display:flex;position:relative}.roadmap li:not(:last-child):after{content:"";background:#e2e8f0;width:1px;position:absolute;top:28px;bottom:3px;left:13px}.roadmap li>span{z-index:1;color:#8b98aa;background:#fff;border:1px solid #dbe2ec;border-radius:50%;flex:none;place-items:center;width:27px;height:27px;font-size:11px;font-weight:700;display:grid;position:relative}.roadmap li.done>span{color:#fff;background:#1aa866;border-color:#1aa866}.roadmap li.active>span{border-color:var(--brand);color:#fff;background:var(--brand);box-shadow:0 0 0 5px #edf4ff}.roadmap li div{flex-direction:column;gap:5px;display:flex}.roadmap b{font-size:13px}.roadmap small{color:var(--muted)}@media (width<=1100px){.metric-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=820px){.login-page{grid-template-columns:1fr}.login-intro{display:none}.login-panel{min-height:100vh;padding:28px}.mobile-brand{align-items:center;gap:9px;margin-bottom:50px;font-weight:700;display:flex}.mobile-brand span{color:#fff;background:var(--brand);border-radius:10px;place-items:center;width:34px;height:34px;display:grid}.sidebar{width:76px}.brand{justify-content:center;padding:0}.brand>div:last-child,.sidebar-menu span,.sidebar-foot{display:none}.sidebar-menu{padding-inline:10px}.sidebar-menu .el-menu-item{justify-content:center;padding:0!important}.sidebar-menu .el-icon{margin:0}.main-area{width:calc(100% - 76px);margin-left:76px}.dashboard-grid{grid-template-columns:1fr}}@media (width<=620px){.topbar{padding:0 18px}.page-container{padding:20px 16px}.page-heading{align-items:flex-start}.date-chip{display:none}.metric-grid{grid-template-columns:1fr}.metric-card{min-height:108px}.panel{padding:19px}}