*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;line-height:1.4}
.container{max-width:1100px;margin:0 auto;padding:16px}
.topbar{border-bottom:1px solid #e5e5e5;background:#fff;position:sticky;top:0}
.brand{font-weight:700;text-decoration:none;color:#111;margin-right:16px}
.nav a{margin-right:12px;text-decoration:none;color:#111}
.nav a:hover{text-decoration:underline}
.card{border:1px solid #e5e5e5;border-radius:12px;padding:16px;background:#fff}
.grid{display:grid;gap:12px}
.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.footer{border-top:1px solid #e5e5e5;margin-top:24px}
input,button{padding:10px 12px;border-radius:10px;border:1px solid #ddd;font:inherit}
button{cursor:pointer}
.muted{color:#666}
.auth-container{max-width:420px;margin:48px auto;padding:16px}
.error{background:#fff3f3;border:1px solid #ffd0d0;color:#9a1f1f;padding:10px 12px;border-radius:10px;margin:12px 0}
.success{background:#f3fff6;border:1px solid #c9f2d3;color:#145c2a;padding:10px 12px;border-radius:10px;margin:12px 0}