:root{--bg:#f6f7f9;--card:#fff;--text:#1f2328;--muted:#6b7280;--line:#e5e7eb;--accent:#2563eb;--danger:#b91c1c;--ok:#047857;--radius:8px}*{box-sizing:border-box}body{color:var(--text);background:var(--bg);margin:0;font:14px/1.45 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}a{color:var(--accent)}code{background:#eef0f3;border-radius:4px;padding:1px 4px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px}header.top{background:var(--card);border-bottom:1px solid var(--line)}header.top .in{flex-wrap:wrap;align-items:center;gap:20px;max-width:1100px;margin:0 auto;padding:10px 16px;display:flex}header.top .brand{font-weight:600}header.top nav a{color:var(--text);margin-right:14px;text-decoration:none}header.top nav a.active{color:var(--accent)}header.top .user{color:var(--muted);align-items:center;gap:12px;margin-left:auto;display:flex}main{max-width:1100px;margin:0 auto;padding:20px 16px}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);margin-bottom:16px;padding:16px}h1{margin:0 0 14px;font-size:20px}h2{margin:0 0 10px;font-size:16px}label{color:var(--muted);margin:10px 0 4px;font-size:13px;display:block}input,select,textarea{border:1px solid var(--line);width:100%;max-width:420px;font:inherit;background:#fff;border-radius:6px;padding:8px 10px}input[type=checkbox]{width:auto}button,.btn{border:1px solid var(--accent);background:var(--accent);color:#fff;font:inherit;cursor:pointer;border-radius:6px;padding:8px 14px;text-decoration:none;display:inline-block}button.secondary,.btn.secondary{color:var(--text);border-color:var(--line);background:#fff}button.danger{background:var(--danger);border-color:var(--danger)}.error{color:var(--danger);margin-top:6px;font-size:13px}.status{color:var(--ok);margin-bottom:12px}.muted{color:var(--muted)}.inline{display:inline}.row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-bottom:1px solid var(--line);vertical-align:middle;padding:8px 10px}th{color:var(--muted);font-size:13px;font-weight:500}.table-wrap{overflow-x:auto}.pagination{gap:8px;margin:14px 0 0;padding:0;list-style:none;display:flex}.pagination li a,.pagination li span{border:1px solid var(--line);border-radius:6px;padding:6px 12px;text-decoration:none;display:inline-block}.pagination li.disabled span{color:var(--muted)}.island-demo{flex-wrap:wrap;align-items:center;gap:12px;display:flex}@media (width<=640px){header.top .user{margin-left:0}input,select,textarea{max-width:100%}}