:root{font-family:Inter,"Microsoft YaHei",sans-serif;color:#17324d;background:#f4f7fb}*{box-sizing:border-box}body{margin:0}aside{position:fixed;width:236px;inset:0 auto 0 0;background:#102f4d;padding:24px 14px;color:#d7e5f2}.brand{font-size:22px;font-weight:800;letter-spacing:.4px;padding:6px 12px 32px}.brand span{color:#5eead4}aside button{display:block;width:100%;border:0;background:transparent;color:inherit;text-align:left;padding:12px;border-radius:8px;font-size:15px;margin:4px 0;cursor:pointer}aside button:hover,aside button.active{background:#1b4a73;color:#fff}aside #logout{position:absolute;bottom:20px;width:calc(100% - 28px);color:#9fb8ce}.content{margin-left:236px;padding:34px;min-height:100vh}header{display:flex;justify-content:space-between;align-items:start;margin-bottom:26px}h1{font-size:27px;margin:0 0 7px}h2{font-size:17px;margin:0 0 16px}p{margin:0;color:#6b7f91}.live{color:#12876f;font-size:14px}.cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:22px}.cards article,.panel{background:#fff;border:1px solid #e3eaf1;border-radius:12px;box-shadow:0 2px 8px #163a5f0a}.cards article{padding:21px}.cards span{display:block;color:#6b7f91;font-size:14px}.cards strong{display:block;font-size:32px;margin-top:10px}.cards .warn strong{color:#d9730d}.panel{padding:20px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:13px}th{text-align:left;color:#587188;background:#f8fafc;white-space:nowrap}th,td{padding:11px;border-bottom:1px solid #e9eef3;vertical-align:top}td{white-space:nowrap}td:nth-child(4),td:nth-child(5){white-space:normal}em{font-style:normal;color:#c2410c}.status{border-radius:20px;padding:4px 8px;font-size:12px}.status.good{color:#08735d;background:#ddf7ef}.status.bad{color:#b54508;background:#fff0d9}.toolbar{display:flex;gap:10px;margin-bottom:16px}.toolbar input,input{border:1px solid #ccd9e5;border-radius:7px;padding:10px;font:inherit}.toolbar input{width:min(500px,100%)}button{background:#0f766e;border:0;border-radius:7px;color:#fff;padding:10px 14px;font:inherit;cursor:pointer}.notice{padding:12px;background:#fff8e6;color:#8b5b06;border-radius:7px;margin-bottom:16px}.empty{text-align:center;color:#789;padding:28px}.login{min-height:100vh;display:grid;place-items:center;background:linear-gradient(135deg,#102f4d,#0f766e)}.login form{width:min(400px,92vw);background:#fff;padding:34px;border-radius:14px;box-shadow:0 20px 60px #0004}.login h1{margin-bottom:8px}.login label{display:block;margin-top:18px;font-size:14px;color:#51687b}.login input{display:block;width:100%;margin-top:6px}.login button{width:100%;margin-top:22px}.login small{display:block;color:#789;margin-top:16px}.error{color:#b42318;margin-top:12px;font-size:14px}@media(max-width:800px){aside{position:static;width:auto;display:flex;overflow:auto;padding:12px;align-items:center}.brand{padding:0 14px 0 0;white-space:nowrap}aside button{width:auto;white-space:nowrap}aside #logout{position:static;width:auto}.content{margin:0;padding:20px}.cards{grid-template-columns:repeat(2,1fr)}header{display:block}.live{margin-top:8px}}