body{font-family:Arial,sans-serif;margin:0;background:#f5f7fb;color:#172033}header{background:#102a43;color:white;padding:14px 24px;display:flex;justify-content:space-between}header a{color:white;margin-right:16px}main{padding:24px}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px}.cards div{background:white;padding:18px;border-radius:10px;box-shadow:0 1px 4px #ccd}table{width:100%;border-collapse:collapse;background:white}th,td{padding:10px;border-bottom:1px solid #ddd;text-align:left}input,select,button{padding:9px;margin:4px}.login{max-width:420px;margin:80px auto;background:white;padding:28px;border-radius:10px}pre{white-space:pre-wrap;background:white;padding:16px;border-radius:8px}.error{color:#b00020}