*{box-sizing:border-box}body{font-family:system-ui;margin:0;background:#f4f6f8;color:#17202a}header{background:#16283b;color:white;padding:16px 4%;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}nav a{color:white;margin-right:15px;text-decoration:none}main{max-width:1250px;margin:auto;padding:25px}.cards{display:flex;gap:12px;flex-wrap:wrap}.cards div{background:white;padding:18px;border-radius:10px;min-width:170px;box-shadow:0 1px 5px #ccc}.cards b{font-size:25px;display:block}.cards span{font-size:13px}form.grid{background:white;padding:18px;border-radius:10px;display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px;margin-bottom:22px}input,select,textarea,button{padding:10px;border:1px solid #bbb;border-radius:6px;font:inherit}button{cursor:pointer;background:#16283b;color:white}table{width:100%;border-collapse:collapse;background:white;margin-bottom:25px}th,td{padding:10px;border-bottom:1px solid #ddd;text-align:left}.inline{display:flex;gap:5px}.inline input{width:90px}.flash{padding:10px;background:#fff3cd;margin-bottom:10px}.login{max-width:430px;margin:10vh auto;background:white;border-radius:12px}.login form{display:grid;gap:10px}@media(max-width:700px){table{display:block;overflow-x:auto}header{display:block}nav{margin-top:10px}}