body{margin:0;font:15px system-ui;color:#17202a;background:#f6f7fb}header{display:flex;gap:2rem;padding:1rem 4vw;background:#19324d;color:white}nav{display:flex;gap:1rem;align-items:center}nav a{color:white}nav form{margin-left:auto}main{max-width:1200px;margin:auto;padding:2rem 4vw}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:1rem}.card,table,form.panel{background:white;padding:1rem;border-radius:10px;box-shadow:0 1px 4px #0002}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:.65rem;border-bottom:1px solid #ddd}label{display:block;margin:.5rem 0}input,select,button{padding:.55rem}button{cursor:pointer}.danger{background:#a32727;color:#fff}@media(max-width:700px){header,nav{align-items:flex-start;flex-direction:column}table{display:block;overflow:auto}}