body{font-family:Arial,Helvetica,sans-serif;background:#f4f7fb;color:#222}
.container{max-width:1000px;margin:20px auto;background:#fff;padding:18px;border-radius:8px;box-shadow:0 2px 6px rgba(0,0,0,.08)}
.topnav{display:flex;justify-content:space-between;padding:12px;background:#e8f0ff;color:#0b4da3;border-radius:6px}
.topnav a{color:#0b4da3;margin-left:10px;text-decoration:none}
.login-box{max-width:380px;margin:80px auto;padding:22px;background:#fff;border-radius:8px;box-shadow:0 2px 8px rgba(11,77,163,.08)}
.login-box input{display:block;width:100%;margin:8px 0;padding:10px;border:1px solid #e2e8f0;border-radius:6px}
button{padding:9px 14px;border:none;background:#0b4da3;color:#fff;border-radius:6px;cursor:pointer}
.inline-form input, .inline-form select{margin-right:8px;padding:8px;border:1px solid #e2e8f0;border-radius:6px}
.striped{width:100%;border-collapse:collapse;margin-top:12px}
.striped th, .striped td{border-bottom:1px solid #f0f4fb;padding:10px;text-align:left}
.cards{display:flex;gap:12px}
.card{flex:1;padding:14px;background:#fbfdff;border-radius:8px;border:1px solid #eef6ff}
.error{color:#b00020}
a.button-like{display:inline-block;padding:8px 12px;background:#e8f0ff;color:#0b4da3;border-radius:6px;text-decoration:none}