:root { color-scheme: light; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
body { margin: 0; background: #f6f3ef; color: #211f1d; }
nav { display: flex; gap: 16px; padding: 16px 24px; background: #211f1d; }
nav a { color: #fff; text-decoration: none; }
.card { max-width: 960px; margin: 32px auto; padding: 24px; background: #fff; border-radius: 14px; box-shadow: 0 8px 24px rgba(0,0,0,.08); }
.auth-card { max-width: 420px; }
.stack { display: grid; gap: 16px; }
label { display: grid; gap: 6px; font-weight: 600; }
input { padding: 10px; border: 1px solid #d7d0c8; border-radius: 8px; }
button, .button { display: inline-block; padding: 10px 14px; border: 0; border-radius: 8px; background: #5b4636; color: #fff; text-decoration: none; cursor: pointer; }
table { width: 100%; border-collapse: collapse; }
th, td { padding: 10px; border-bottom: 1px solid #eee7df; text-align: left; }
.status { padding: 3px 8px; border-radius: 999px; background: #eee7df; }
.error { color: #b42318; }
dl { display: grid; grid-template-columns: 120px 1fr; gap: 8px 16px; }
dt { font-weight: 700; }
.gallery { display: grid; grid-template-columns: repeat(auto-fill, minmax(160px, 1fr)); gap: 16px; }
figure { margin: 0; }
img { width: 100%; height: auto; border: 1px solid #eee7df; border-radius: 10px; background: #fafafa; }
figcaption { margin-top: 6px; font-size: 12px; color: #6b625a; word-break: break-all; }