/* Basic layout, non-responsive as requested */
body { font-family: Arial, sans-serif; background:#333333; margin:0; padding: 0;}
header { background:#1f2937; color:#fff; padding:16px 20px; }
main { padding:20px; }
h1{color: #ffffff;}
h3{margin-top: 0;}
a { color:#1f2937; text-decoration:none; }
header a { color:#ffffff; }
a.button, button, input[type=submit] {
  background:#1f2937; color:#fff; border:none; padding:8px 12px; cursor:pointer; border-radius:6px;
}
a.button.light, .button.light { background:#e5e7eb; color:#111827; }
input[type=text], input[type=password], input[type=date], input[type=number], select, textarea, input[type=file] {
  padding:8px; border:1px solid #d1d5db; border-radius:6px; width:100%; box-sizing:border-box; background:#fff;
}
.form-row { display:flex; gap:12px; margin-bottom: 10px;}
.form-col { flex:1; }
.card { background:#fff; border:1px solid #e5e7eb; border-radius:10px; padding:16px; margin-bottom:16px; }
.table { width:100%; border-collapse:collapse; }
.table th, .table td { border:1px solid #e5e7eb; padding:8px; text-align:left; vertical-align:top; background:#fff; }
.table th { background:#f3f4f6; }
.badge { display:inline-block; padding:2px 8px; border-radius:999px; font-size:12px; background:#e5e7eb; }
.flex { display:flex; gap:12px; align-items:center; }
img.thumb { width:60px; height:60px; object-fit:cover; border-radius:6px; border:1px solid #e5e7eb; background:#fff; }
.section-title { margin:24px 0 8px; font-size:18px; }
hr.div { border:none; height:1px; background:#e5e7eb; margin:16px 0; }
.small { font-size:12px; color:#6b7280; }
.hidden { display:none; }
.warning { padding:10px 12px; border-radius:6px; margin-bottom:12px; color: #000; background: #f0ad4e; }
.alert { padding:10px 12px; border-radius:6px; margin-bottom:12px; color: #fff; background: #d9534f; }
.alert.ok { background:#ecfdf5; color:#065f46; border:1px solid #a7f3d0; }
.alert.err { background:#fef2f2; color:#991b1b; border:1px solid #fecaca; }
.logout { float:right; }
table td a.button{display: inline-block;}
td .small:last-child{margin-bottom: 0;}
td span{padding: 10px 12px; display: inline-block;}