body{margin:0;font-family:Arial,Helvetica,sans-serif;background:#f5f6f8;color:#222}header{background:#222;color:white;padding:14px 24px;display:flex;gap:24px;align-items:center}header .brand{font-weight:700}nav{display:flex;gap:14px;flex-wrap:wrap}nav a,header a{color:#fff;text-decoration:none}main{padding:24px;max-width:1200px;margin:auto}.card{background:white;border-radius:10px;padding:18px;margin:16px 0;box-shadow:0 1px 4px #0001}.narrow{max-width:420px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.grid .card h2{font-size:36px;margin:0}.flash{padding:12px 14px;border-radius:8px;margin:12px 0}.flash.error{background:#ffe4e4;color:#8a1111}.flash.ok{background:#e5ffe8;color:#12651b}input,textarea,button,.button{font:inherit;border:1px solid #ccc;border-radius:8px;padding:9px;box-sizing:border-box}textarea{width:100%;font-family:Consolas,monospace}button,.button{background:#1e73be;color:white;border:0;cursor:pointer;text-decoration:none;display:inline-block}button.danger{background:#b92323}.inline-form{display:grid;grid-template-columns:2fr 1fr 2fr auto auto;gap:8px;align-items:center}.toolbar{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:12px 0}.search{display:flex;gap:8px}table{width:100%;border-collapse:collapse;background:white;border-radius:10px;overflow:hidden}th,td{padding:8px;border-bottom:1px solid #eee;text-align:left;vertical-align:top}th{background:#eef2f7}.actions{display:flex;gap:6px}td form{display:inline}.success td{background:#f3fff3}.failure td{background:#fff6f6}pre{background:#f1f1f1;padding:12px;border-radius:8px;overflow:auto}.buttons{display:flex;gap:8px;margin-top:10px}.check{white-space:nowrap}@media(max-width:800px){.inline-form{grid-template-columns:1fr}.toolbar{display:block}.search{margin-bottom:10px}table{font-size:13px}th,td{padding:5px}}