*{box-sizing:border-box}body{margin:0;background:#f3f6fa;color:#192b42;font:15px "Instrument Sans","Microsoft YaHei",sans-serif}header{display:flex;justify-content:space-between;align-items:center;background:#142942;color:white;padding:15px 26px}header b{font-size:23px}header span{display:inline-grid;place-items:center;background:#3178df;width:34px;height:34px;border-radius:8px;margin-right:6px}header form{margin:0}.layout{display:flex;min-height:calc(100vh - 64px)}aside{width:200px;flex:none;background:white;border-right:1px solid #dde5f0;padding:20px 12px}aside a,aside small{display:block;padding:12px 14px}aside small{color:#64768e;padding-bottom:3px}a{color:#25558f;text-decoration:none}aside a:hover,.cards a:hover{background:#eaf2ff}main{flex:1;min-width:0;padding:24px 32px}h1{font-size:24px;margin:0 0 22px}section,.cards a{background:white;border:1px solid #dce5f0;border-radius:10px;padding:20px}section{overflow:auto}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px}.cards strong{display:block;font-size:32px;margin-top:12px}button,summary{cursor:pointer}button{background:#2467bf;border:0;border-radius:5px;color:white;padding:8px 14px}input,select{padding:8px;border:1px solid #a9b9cc;border-radius:5px;font:inherit}label{display:grid;gap:6px}.fields,.search{display:flex;flex-wrap:wrap;gap:12px;align-items:end}details{margin:16px 0}summary{color:#225ea7;margin-bottom:10px}table{width:100%;border-collapse:collapse;margin-top:18px;text-align:left}td,th{padding:12px;border-bottom:1px solid #e0e8f2}th{background:#f1f6fd}td form{margin:0}.login{max-width:420px}.login form{display:grid;gap:16px}[role=alert]{color:#a12924}@media(max-width:650px){.layout{display:block}aside{width:100%;display:flex;flex-wrap:wrap;border:0}aside small{display:none}main{padding:18px}}