:root { --bg:#f5f6f8; --card:#fff; --ink:#1c2430; --muted:#6b7686; --accent:#2563eb; }
* { box-sizing:border-box; }
body { margin:0; font-family:system-ui,-apple-system,"Segoe UI",sans-serif; background:var(--bg); color:var(--ink); }
header { display:flex; justify-content:space-between; align-items:center; padding:1rem 2rem; background:var(--card); border-bottom:1px solid #e3e7ee; }
header h1 { font-size:1.15rem; margin:0; }
nav { display:flex; gap:1rem; align-items:center; }
nav a { color:var(--accent); text-decoration:none; }
nav .button { background:var(--accent); color:#fff; padding:.45rem .9rem; border-radius:6px; }
nav .who { color:var(--muted); font-size:.9rem; }
main { max-width:900px; margin:2rem auto; padding:0 1rem; }
.cards { display:grid; grid-template-columns:repeat(auto-fill,minmax(240px,1fr)); gap:1rem; }
.card { display:block; background:var(--card); border:1px solid #e3e7ee; border-radius:10px; padding:1rem 1.2rem; text-decoration:none; color:var(--ink); }
.card:hover { border-color:var(--accent); }
.card h2 { font-size:1rem; margin:.1rem 0 .4rem; }
.card p { margin:0; color:var(--muted); font-size:.9rem; }
.empty { color:var(--muted); }
section { background:var(--card); border:1px solid #e3e7ee; border-radius:10px; padding:1rem 1.4rem; margin-bottom:1.5rem; }
table { width:100%; border-collapse:collapse; font-size:.9rem; }
th, td { text-align:left; padding:.45rem .5rem; border-bottom:1px solid #edf0f5; vertical-align:top; }
th { color:var(--muted); font-weight:600; }
code { font-size:.8rem; background:#f0f3f8; padding:.1rem .3rem; border-radius:4px; }
form.inline { display:inline; }
form.stack { display:flex; flex-direction:column; gap:.5rem; max-width:420px; }
input, textarea { font:inherit; padding:.45rem .6rem; border:1px solid #ccd4e0; border-radius:6px; }
button { font:inherit; background:var(--accent); color:#fff; border:0; padding:.45rem .9rem; border-radius:6px; cursor:pointer; }
details { margin-top:.3rem; }
summary { color:var(--accent); cursor:pointer; font-size:.85rem; }