*{box-sizing:border-box}body{margin:0;background:#f4f6f8;color:#172535;font:14px "Microsoft YaHei",sans-serif}header{height:64px;padding:0 5%;background:#142638;color:#fff;display:flex;align-items:center;justify-content:space-between}nav{display:flex;gap:16px}a{color:#dceaf5;text-decoration:none}main{width:min(1150px,92%);margin:30px auto}h1{font-size:25px}h2{font-size:16px}section,form{background:#fff;padding:20px;border:1px solid #dbe3ea;border-radius:7px;overflow:auto}.grid{display:grid;grid-template-columns:330px 1fr;gap:18px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:18px 0}.cards div{background:white;border:1px solid #dbe3ea;border-radius:7px;padding:20px;font-size:28px;color:#0878bf}.cards small{display:block;font-size:13px;color:#6a7988;margin-top:6px}form{display:grid;gap:13px;align-self:start}label{display:grid;gap:6px}input,select,textarea,button{font:inherit;padding:9px;border:1px solid #c7d2dc;border-radius:5px}button{background:#0878bf;color:white;border:0;cursor:pointer}.link{padding:0;background:transparent;color:#0878bf}table{border-collapse:collapse;width:100%}th,td{text-align:left;padding:11px;border-bottom:1px solid #e4ebf0;white-space:nowrap}.b{padding:3px 7px;border-radius:12px}.active{color:#177a3d;background:#e0f5e8}.suspended,.maintenance{color:#915d00;background:#fff0d6}.closed,.expired{color:#a42138;background:#fbe2e5}.notice{background:#e8f5fc;border:1px solid #bfe1f5;color:#075b9e;padding:12px;margin-bottom:15px;border-radius:5px}.login{min-height:100vh;display:grid;place-items:center;background:#142638}.login form{width:min(380px,90vw)}@media(max-width:750px){header{height:auto;padding:14px;align-items:start;flex-direction:column}.grid,.cards{grid-template-columns:1fr}}