# === style.css ===
body
{
	font-family:Arial,Helvetica,sans-serif;margin:0;background:#f3f4f6;color:#111
}
.topbar
{
	display:flex;justify-content:space-between;align-items:center;padding:12px 20px;background:#0b4a66;color:white
}
.brand h1{margin:0;font-size:20px}
.brand h3{margin:0;font-size:12px;font-weight:400;opacity:0.9}
.userbox a{color:#fff;text-decoration:underline}
.sidemenu{width:200px;position:fixed;top:72px;left:0;bottom:0;background:#fff;border-right:1px solid #eee;padding:10px}
.sidemenu ul{list-style:none;padding:0}
.sidemenu li{margin:8px 0}
.sidemenu a{text-decoration:none;color:#0b4a66}
.content{margin-left:220px;padding:24px}
.centered{display:flex;align-items:center;justify-content:center;height:100vh}
.card{width:360px;background:#fff;padding:20px;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,0.08);}
.card-small{background:#fff;padding:12px;border-radius:6px;box-shadow:0 2px 6px rgba(0,0,0,0.06);margin:8px;display:inline-block;width:30%;vertical-align:top}
label
	{display:block;margin:8px 0}
input[type=text],input[type=password],input[type=email],textarea{width:100%;padding:8px;border:1px solid #ddd;border-radius:4px}
button
	{background:#0b4a66;color:white;padding:10px 14px;border:none;border-radius:6px;cursor:pointer}
.error{background:#ffe6e6;padding:8px;border:1px solid #ffb3b3;border-radius:4px;margin-bottom:8px}
.success{background:#e6ffed;padding:8px;border:1px solid #a3f0c2;border-radius:4px;margin-bottom:8px}
.table{width:100%;border-collapse:collapse}
.table th,.table td{padding:8px;border:1px solid #eee}