:root{--primary:#6a4d3b;--bg:#f6f6f6;--text:#222}
*{box-sizing:border-box;font-family:Inter,system-ui,Segoe UI,Roboto,Arial}
body{margin:0;color:var(--text);background:var(--bg)}
.topbar{display:flex;justify-content:space-between;align-items:center;padding:10px 16px;background:#fff;border-bottom:1px solid #ddd;position:sticky;top:0}
.topbar .brand{font-weight:700}
.topbar a{margin-left:12px;text-decoration:none;color:#333}
.topbar a.active{color:var(--primary);font-weight:600}
.container{max-width:980px;margin:24px auto;padding:0 16px}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin:12px 0}
.card{background:#fff;border:1px solid #e5e5e5;border-radius:8px;padding:16px}
.card .k{color:#666;font-size:12px;text-transform:uppercase}
.card .v{font-weight:700;font-size:22px;margin-top:8px}
.btn{display:inline-block;background:#fff;border:1px solid #ccc;border-radius:6px;padding:8px 12px;text-decoration:none;color:#222;margin:6px 8px 6px 0}
.btn.primary{background:var(--primary);border-color:var(--primary);color:#fff}
.alert,.notice{padding:10px 12px;border-radius:6px;margin:8px 0}
.alert,.notice.error{background:#fdecea;color:#7a271a;border:1px solid #f9c2c0}
.notice.success{background:#edfdf3;color:#065f46;border:1px solid #c8f1dc}
.auth-body{display:grid;place-items:center;height:100vh}
.auth-card{background:#fff;border:1px solid #ddd;border-radius:10px;padding:24px;min-width:320px}
form label{display:block;margin:10px 0}
input,textarea,select{width:100%;padding:8px 10px;border:1px solid #cfd3d8;border-radius:6px;background:#fff}
fieldset{border:1px solid #ddd;border-radius:8px;margin:16px 0;padding:16px;background:#fff}
legend{padding:0 8px;color:#555}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}
.table{width:100%;border-collapse:collapse;background:#fff}
.table th,.table td{border:1px solid #ddd;padding:8px}