*{box-sizing:border-box}body{font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;margin:0;background:#fafafa;color:#222}
.topbar{display:flex;gap:16px;align-items:center;padding:12px 16px;background:#fff;border-bottom:1px solid #eee;position:sticky;top:0}
.topbar .spacer{flex:1}
.container{max-width:1000px;margin:24px auto;padding:0 16px}
.hero{padding:48px 16px;background:#fff;border:1px solid #eee;border-radius:12px;text-align:center}
.btn{display:inline-block;background:#222;color:#fff;padding:10px 14px;border-radius:8px;text-decoration:none;border:0;cursor:pointer}
.btn.small{padding:6px 10px;font-size:0.9em}
.btn.secondary{background:#555}
.card{background:#fff;border:1px solid #eee;border-radius:12px;padding:16px;margin:12px 0}
label{display:block;margin:8px 0}
input{width:100%;padding:8px;border:1px solid #ccc;border-radius:6px}
table{width:100%;border-collapse:collapse}
th,td{border-bottom:1px solid #eee;padding:8px;text-align:left}
.error{background:#ffe3e3;border:1px solid #ffb3b3;color:#a40000;padding:8px;border-radius:8px;margin:8px 0}
.footer{padding:24px;text-align:center;color:#666}