*{box-sizing:border-box}body{margin:0;background:#f4f6f8;color:#18232d;font:15px/1.65 system-ui,'Microsoft YaHei',sans-serif}main{max-width:1280px;margin:auto;padding:32px 24px}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.eyebrow{color:#007f68;margin:0}h1{margin:4px 0;font-size:32px}h2{font-size:19px;margin:0 0 16px}.panel{background:white;border:1px solid #dfe5e9;border-radius:14px;padding:24px;margin-bottom:20px}#login{max-width:480px}label{display:flex;flex-direction:column;gap:5px;font-weight:600}input,button{font:inherit;border:1px solid #ccd8d3;border-radius:8px;padding:10px 12px}button{background:#007f68;color:white;cursor:pointer}button:disabled{opacity:.45;cursor:default}input{min-width:0;background:white;color:#18232d}#login-form{display:grid;gap:16px}.muted{font-size:13px;color:#687684}.filters{display:flex;align-items:end;gap:12px;flex-wrap:wrap}.filters label{flex:1;min-width:145px}.filters .check{flex-direction:row;min-width:150px;align-items:center;padding-bottom:10px}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.metrics strong{display:block;font-size:32px;color:#007f68}.charts{display:grid;grid-template-columns:1fr 1fr;gap:20px}.bar-row{margin:12px 0}.bar-label{display:flex;justify-content:space-between;gap:12px}.bar-track{height:8px;background:#eef3f1;border-radius:9px;overflow:hidden;margin-top:6px}.bar-fill{height:100%;background:#007f68}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left}th,td{padding:12px 10px;border-bottom:1px solid #e4ebe7;white-space:nowrap}th{background:#f4f8f6}.paging{display:flex;align-items:center;gap:16px;margin-top:20px}#message{color:#a54c18;min-height:20px}@media(max-width:700px){.charts,.metrics{grid-template-columns:1fr}.panel{padding:18px}.filters{display:grid;grid-template-columns:1fr 1fr}.filters label{min-width:0}.filters input{width:100%}main{padding:20px 14px}}