body{font-family:Arial,sans-serif;margin:20px}
.container{max-width:520px;margin:40px auto}
label{display:block;margin-top:10px}
input,textarea,select{width:100%;padding:8px}
button{margin-top:12px;padding:8px 12px;cursor:pointer}
.alert{background:#eef;border:1px solid #99c;padding:8px;margin:10px 0}
.alert.error{background:#ffe6e6;border-color:#ff8a8a}
.topnav{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.topnav .spacer{flex:1}
.topnav a{text-decoration:none;padding:6px 10px;background:#f1f1f1;border-radius:4px}
.topnav .logout{background:#ffd1d1}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}
.card{display:block;padding:18px;border:1px solid #ddd;border-radius:6px;background:#fff;text-decoration:none;color:#333}
table{width:100%;border-collapse:collapse;margin-top:12px}
th,td{padding:8px;border:1px solid #ddd}
th{background:#fafafa}
.muted{color:#666;font-size:12px}