:root{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,sans-serif;color:#202938;background:#f4f6f8;font-size:14px;letter-spacing:0}*{box-sizing:border-box}body{margin:0;background:#f4f6f8}.login-shell{min-height:100vh;display:grid;place-items:center;background:#edf1f5}.login-card{width:min(390px,calc(100vw - 32px));padding:36px;background:#fff;border:1px solid #dfe5eb;border-radius:8px;box-shadow:0 16px 42px #1f2a371f}.brand-mark,.side-brand span{width:42px;height:42px;display:grid;place-items:center;border-radius:8px;background:#3559b7;color:#fff;font-weight:800;font-size:20px}.login-card h1{margin:18px 0 5px;font-size:24px}.login-card p{margin:0 0 26px;color:#7a8493}.login-button{width:100%}.admin-shell{display:flex;min-height:100vh}.sidebar{position:sticky;top:0;width:226px;height:100vh;background:#202936;color:#c9d0da;padding:20px 12px;display:flex;flex-direction:column}.side-brand{display:flex;align-items:center;gap:10px;color:#fff;font-size:17px;padding:0 8px 24px}.side-brand span{width:34px;height:34px;font-size:16px}.sidebar nav{display:grid;gap:4px}.sidebar nav button{height:43px;border:0;text-align:left;padding:0 14px;background:transparent;color:#b8c0cc;border-radius:6px;font:inherit;cursor:pointer}.sidebar nav button.active,.sidebar nav button:hover{background:#3559b7;color:#fff}.side-foot{margin-top:auto;font-size:12px;color:#8994a3;line-height:2}.side-foot button{display:block;border:0;background:none;color:#d2d8e0;padding:0;cursor:pointer}.main{flex:1;min-width:0}header{height:78px;background:#fff;border-bottom:1px solid #e2e7ec;padding:0 30px;display:flex;align-items:center;justify-content:space-between}.eyebrow{font-size:12px;color:#8791a0}header h2{margin:4px 0 0;font-size:22px}.profile{color:#596476}.profile span{margin-left:8px;padding:4px 8px;border-radius:4px;background:#e9eefb;color:#3559b7;font-size:12px}.page{padding:24px 30px;min-height:calc(100vh - 78px)}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.metrics article,.panel{background:#fff;border:1px solid #e0e6ec;border-radius:8px}.metrics article{padding:19px}.metrics span{display:block;color:#7d8795;font-size:12px}.metrics strong{display:block;font-size:29px;margin-top:11px;color:#1f2937}.grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(300px,1fr);gap:14px;margin-top:14px}.panel{padding:20px}.panel-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.panel-head span{font-size:12px;color:#9099a6}.echart{height:280px;width:100%}.rank p{display:grid;grid-template-columns:72px 1fr 42px;align-items:center;gap:10px;margin:18px 0;color:#566173}.rank .el-progress{width:100%}.rank em{font-style:normal;text-align:right}.api-health{margin-top:14px}.toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.toolbar small{color:#838e9c}.pagination{justify-content:flex-end;margin-top:16px}.form-panel{max-width:760px}.unit{margin-left:8px;color:#6c7785}.el-table{border:1px solid #e0e6ec;border-radius:8px}.el-dialog{max-width:calc(100vw - 28px)}@media (max-width:900px){.admin-shell{display:block}.sidebar{position:relative;width:100%;height:auto;padding:12px}.side-brand{padding-bottom:12px}.sidebar nav{display:flex;overflow-x:auto;gap:6px;padding-bottom:4px}.sidebar nav button{flex:0 0 auto;padding:0 12px}.side-foot{display:none}header{height:68px;padding:0 18px}.page{padding:16px;min-height:auto}.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.grid{grid-template-columns:1fr}.toolbar{align-items:flex-start;gap:12px}.el-table{font-size:12px}}@media (max-width:520px){.metrics{grid-template-columns:1fr}.metrics article{padding:16px}.profile span{display:none}header h2{font-size:19px}.page{padding:12px}.panel{padding:14px}.echart{height:230px}}