body{font-family:Arial,sans-serif;margin:0;background:#f5f6f8;color:#222}header{background:#243746;color:white;padding:14px 24px;display:flex;justify-content:space-between}header a,header button{color:white;margin-left:16px;background:none;border:0;text-decoration:none}.inline{display:inline}main{padding:24px;max-width:1200px;margin:auto}.cards{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.cards div{background:white;padding:22px;border-radius:8px}.cards b{display:block;font-size:28px}.cards span{color:#666}table{width:100%;border-collapse:collapse;background:white;margin-top:16px}th,td{padding:10px;border-bottom:1px solid #ddd;text-align:left}.filters{display:flex;gap:8px}.filters input{min-width:320px}.filters input,.filters select,.filters button,button{padding:9px}.login{max-width:440px;background:white;margin:80px auto;padding:30px;border-radius:8px}dl{background:white;padding:18px}dt{font-weight:bold;margin-top:10px}@media(max-width:850px){.cards{grid-template-columns:1fr 1fr}header{display:block}nav{margin-top:12px}}