:root{color-scheme:light;--ink:#17233a;--muted:#65738a;--primary:#245bdb;--line:#dde5f1;--surface:#fff}
*{box-sizing:border-box}body{margin:0;background:#f3f6fb;color:var(--ink);font:16px/1.65 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
header{display:flex;align-items:center;gap:24px;padding:18px max(20px,calc((100vw - 1120px)/2));background:var(--surface);border-bottom:1px solid var(--line);flex-wrap:wrap}
a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}.brand{font-size:20px;font-weight:750;color:var(--ink)}small{font-size:12px}.brand small{color:var(--muted);font-weight:400}
nav{display:flex;gap:22px;flex:1}header form{margin:0}main{max-width:1120px;margin:36px auto;padding:0 20px;min-height:65vh}
h1{font-size:28px;line-height:1.3;margin:8px 0 22px}h2{font-size:20px;margin-top:0}.eyebrow{font-size:12px;letter-spacing:.15em;font-weight:700;color:var(--primary)}
.card{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:24px;margin:20px 0;box-shadow:0 4px 16px #17233a05}.narrow{max-width:570px;margin:32px auto}
.heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.muted,p{color:var(--muted)}.notice{padding:14px 18px;background:#eef4ff;border:1px solid #b9cef8;border-radius:10px;margin:16px 0}
label{display:block;font-size:14px;font-weight:600;margin:16px 0}input,select,textarea{width:100%;padding:12px;border:1px solid #b8c6db;border-radius:8px;background:#fff;font:inherit;color:var(--ink);margin-top:6px}
input:focus,select:focus,textarea:focus{outline:2px solid #245bdb55;outline-offset:1px}textarea{font-family:monospace;overflow-wrap:anywhere}
button,.button{display:inline-block;border:1px solid transparent;border-radius:8px;background:var(--primary);color:white;padding:10px 18px;font:inherit;font-weight:600;cursor:pointer}
.button:hover{text-decoration:none;filter:brightness(.95)}.secondary{background:#eef3fb;color:#234577;border-color:#d9e3f3}.danger{background:#b42336;color:#fff}.actions{display:flex;flex-wrap:wrap;gap:12px}
.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:left;font-size:14px}th{color:var(--muted);font-weight:600;white-space:nowrap}td,th{padding:14px 12px;border-bottom:1px solid var(--line)}td small{display:block}
.mono{font-family:ui-monospace,monospace;overflow-wrap:anywhere}.badge{background:#edf2f9;border-radius:6px;padding:4px 8px;white-space:nowrap}
.pagination{display:flex;gap:20px;align-items:center;justify-content:center;font-size:14px;color:var(--muted)}.grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}footer{text-align:center;color:var(--muted);padding:24px;font-size:12px}
@media(max-width:640px){header{gap:12px;padding:14px 16px}nav{order:3;flex-basis:100%;gap:18px}header>form{margin-left:auto}main{margin:22px auto;padding:0 14px}.card{padding:18px}.heading{align-items:flex-start}h1{font-size:24px}.grid{grid-template-columns:1fr;gap:0}.pagination{gap:12px;font-size:12px}}