:root { color-scheme: light; font-family: system-ui, -apple-system, "Segoe UI", sans-serif; color: #17231d; background: #fff; }
* { box-sizing: border-box; }
body { margin: 0; }
.header { min-height: 104px; max-width: 1280px; margin: auto; padding: 24px 40px; display: flex; align-items: center; justify-content: space-between; gap: 24px; border-bottom: 1px solid #e7eee9; }
.brand { display: inline-flex; align-items: center; gap: 12px; text-decoration: none; color: #17231d; font-size: 29px; font-weight: 650; letter-spacing: -.7px; }
.brand img { display: block; }
.admin { display: inline-flex; align-items: center; gap: 16px; min-height: 46px; padding: 12px 18px; border: 1px solid #d5e2d9; border-radius: 12px; color: #146c37; text-decoration: none; font-size: 15px; font-weight: 600; }
.admin:hover { background: #f0faf3; border-color: #00b24b; }
a:focus-visible { outline: 3px solid #008c3b; outline-offset: 5px; }
main { min-height: 60vh; }
@media (max-width: 560px) { .header { padding: 20px; flex-wrap: wrap; gap: 18px; } .brand { font-size: 26px; } .admin { font-size: 14px; } }