:root{color-scheme:light dark;--bg:#f6f6f4;--card:#fff;--fg:#1b1b1a;--mut:#6b6b68;--line:#e3e3df;--acc:#2f5d8a;--bad:#a63232}
@media(prefers-color-scheme:dark){:root{--bg:#161615;--card:#20201f;--fg:#ecece8;--mut:#9a9a95;--line:#33332f;--acc:#8ab4e0;--bad:#ef8a8a}}
*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;background:var(--bg);color:var(--fg);font:15px/1.5 -apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo",sans-serif}
a{color:inherit}header{display:flex;gap:14px;align-items:center;padding:12px 16px;border-bottom:1px solid var(--line);background:var(--card)}
header .brand{font-weight:700;text-decoration:none}header nav a{color:var(--mut);text-decoration:none}header form{margin-left:auto}
main{max-width:1100px;margin:0 auto;padding:16px}h1{font-size:20px}h2{font-size:15px;color:var(--mut);margin:22px 0 8px}
.mut{color:var(--mut)}.small{font-size:13px}.err{color:var(--bad)}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px}
.card{display:block;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:14px;text-decoration:none}.card:hover{border-color:var(--acc)}
table{width:100%;border-collapse:collapse;background:var(--card);border:1px solid var(--line);border-radius:10px;overflow:hidden}
th,td{text-align:left;padding:8px 10px;border-bottom:1px solid var(--line);font-size:14px;vertical-align:top}th{color:var(--mut);font-size:12px}
input,select,button{font:inherit;color:var(--fg);background:var(--bg);border:1px solid var(--line);border-radius:8px;padding:8px 10px}
button{background:var(--acc);color:var(--bg);border-color:var(--acc);font-weight:600;cursor:pointer}button.ghost{background:transparent;color:var(--mut);border-color:var(--line);font-weight:400}
form.row{display:flex;gap:8px;flex-wrap:wrap}.chip{display:inline-block;padding:1px 8px;border-radius:999px;background:var(--line);font-size:12px}
.secret{font-family:ui-monospace,monospace;background:var(--card);border:1px dashed var(--acc);padding:10px;border-radius:8px;word-break:break-all}
.login{max-width:360px;margin:12vh auto;padding:0 16px}.login input{width:100%;margin:8px 0;font-size:17px}.login input.code{letter-spacing:5px;text-align:center;font-size:22px}.login button{width:100%}