:root{font-family:Inter,"Microsoft YaHei",sans-serif;color:#172033;background:#f4f7fb}*{box-sizing:border-box}body{margin:0}.app{display:grid;grid-template-columns:238px 1fr;min-height:100vh}aside{background:#10233f;color:#fff;padding:24px 16px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.brand{padding:0 10px 24px;border-bottom:1px solid #ffffff1f}.brand b{font-size:25px;display:block}.brand span{font-size:13px;color:#b9c8dc}nav{padding:20px 0;display:grid;gap:5px}.nav{background:transparent;color:#cbd6e5;text-align:left;height:42px;padding:0 14px;border-radius:7px;border:0}.nav:hover,.nav.active{background:#1d63d5;color:#fff}.sidefoot{margin-top:auto;color:#d7e0ed;padding:10px}.sidefoot small{color:#8295ad}.main{min-width:0}.main>header{height:68px;background:#fff;border-bottom:1px solid #e4e9f0;display:flex;justify-content:space-between;align-items:center;padding:0 32px}.main>header b{display:block}.main>header span{font-size:12px;color:#7b8797}.main>header i,.tag{font-style:normal;background:#fff2d8;color:#875600;padding:6px 11px;border-radius:99px;font-size:12px}main{padding:30px;max-width:1380px}.view{display:none}.view.active{display:block}.hello{background:linear-gradient(115deg,#155bd7,#123b78);padding:34px;color:#fff;border-radius:14px}.hello p{font-weight:700;margin:0}.hello h1{font-size:30px;margin:10px 0}.hello span{color:#dce8fb}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:18px 0}.metrics article,.card{background:#fff;border:1px solid #e3e9f0;border-radius:11px;padding:20px}.metrics label,.metrics small{display:block;color:#738094}.metrics strong{font-size:30px;display:block;margin:10px 0}.grid{display:grid;grid-template-columns:1.2fr 1fr;gap:14px}.card{margin-bottom:14px}.card h2{font-size:17px;margin:0 0 16px}.title{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.title h1{margin:0 0 5px}.title p{margin:0;color:#738094}.notice{background:#e9f2ff;border-left:4px solid #155bd7;padding:13px 16px;border-radius:5px;margin-bottom:15px}.row{display:flex;gap:10px;flex-wrap:wrap}input,button{height:40px;border:1px solid #ccd5e2;border-radius:7px;padding:0 12px;font:inherit}input[type=password]{min-width:330px;flex:1}button{background:#155bd7;color:#fff;border:0;font-weight:650;cursor:pointer}button:disabled{background:#a9b5c7;cursor:not-allowed}.muted,.empty{color:#788596;font-size:14px}.empty{text-align:center;padding:38px}.ok{color:#087443}.error{color:#b42318;background:#fff0ef;padding:10px;border-radius:6px}.tablewrap{overflow:auto}table{border-collapse:collapse;width:100%;min-width:900px}th,td{text-align:left;border-bottom:1px solid #e8edf3;padding:11px 9px;font-size:14px}th{background:#f7f9fc;color:#596579}.warn{color:#a15c00}.batch{padding:9px 0;border-bottom:1px solid #edf0f5}@media(max-width:850px){.app{grid-template-columns:1fr}aside{position:static;height:auto}.brand,.sidefoot{display:none}nav{display:flex;overflow:auto;padding:0}.nav{white-space:nowrap}.main>header{padding:0 18px}main{padding:18px}.metrics{grid-template-columns:repeat(2,1fr)}.grid{grid-template-columns:1fr}}