body { font-family: Arial, Helvetica, sans-serif; margin: 0; background: #f4f1ea; color: #222; }
header { background: #1f4d3a; color: #fff; padding: 12px 20px; display: flex; align-items: center; gap: 16px; }
header h1 { margin: 0; font-size: 22px; }
header p { margin: 0; font-size: 13px; opacity: .85; }
.logo { height: 64px; width: 64px; object-fit: contain; background: #fff; border-radius: 50%; padding: 4px; }
.userbox { margin-left: auto; font-size: 14px; }
.userbox a, nav a { color: #fff; }
nav { background: #2e6b52; padding: 8px 20px; display: flex; gap: 16px; flex-wrap: wrap; }
nav a { text-decoration: none; font-weight: bold; }
main { max-width: 1100px; margin: 0 auto; padding: 20px; }
footer { text-align: center; color: #777; font-size: 12px; padding: 20px; }
table { width: 100%; border-collapse: collapse; background: #fff; margin: 12px 0; }
th, td { border: 1px solid #ddd; padding: 8px; text-align: left; vertical-align: top; }
th { background: #e8e2d4; }
tr.low td { background: #fff3cd; }
.badge { background: #d97706; color: #fff; padding: 2px 6px; border-radius: 4px; font-size: 12px; }
.flash { background: #d1fae5; border: 1px solid #10b981; padding: 10px; margin: 10px 0; }
.error { background: #fee2e2; border: 1px solid #ef4444; padding: 10px; }
.warn { background: #fef3c7; border: 1px solid #f59e0b; padding: 10px; }
.ok { background: #d1fae5; border: 1px solid #10b981; padding: 10px; }
form { margin: 12px 0; }
label { display: inline-block; margin: 6px 12px 6px 0; }
input, select, textarea, button { padding: 8px; font-size: 15px; }
button, .btn { background: #1f4d3a; color: #fff; border: none; cursor: pointer; text-decoration: none; padding: 8px 14px; display: inline-block; }
button:hover { background: #2e6b52; }
.inline { display: inline; }
.inline form { display: inline; }
@media (max-width: 700px) { header { flex-wrap: wrap; } table { font-size: 13px; } }