body { font-family: system-ui, -apple-system, "Segoe UI", sans-serif; margin: 0; color: #1f2933; background: #f4f5f3; }
.wrap { max-width: 880px; margin: 0 auto; padding: 16px; }
.topbar { background: #1e3a2f; color: #fff; }
.topbar .wrap { display: flex; justify-content: space-between; align-items: center; }
.topbar a { color: #fff; margin-left: 12px; text-decoration: none; }
.brand { font-weight: 700; font-size: 20px; margin: 0; }
main.wrap { background: #fff; margin-top: 16px; margin-bottom: 16px; border: 1px solid #dfe3dc; border-radius: 8px; }
.muted { color: #616e7c; } .small { font-size: 13px; }
.cards { list-style: none; padding: 0; display: grid; gap: 12px; }
.cards li { border: 1px solid #dfe3dc; padding: 12px; border-radius: 8px; }
.btn { display: inline-block; background: #1e3a2f; color: #fff; padding: 8px 14px; border-radius: 6px; text-decoration: none; border: 0; cursor: pointer; }
label { display: block; margin: 10px 0; }
input, textarea, select { width: 100%; max-width: 480px; padding: 8px; border: 1px solid #b8c2b9; border-radius: 6px; font-size: 15px; }
input[type=checkbox] { width: auto; }
table { border-collapse: collapse; width: 100%; margin: 12px 0; font-size: 14px; }
th, td { border: 1px solid #dfe3dc; padding: 6px 8px; text-align: left; }
.alert { background: #fdecea; border: 1px solid #f5c6cb; padding: 8px; border-radius: 6px; }
.ok { background: #e6f4ea; border: 1px solid #a3d9b1; padding: 8px; border-radius: 6px; }