:root{--text:#6b6375;--text-h:#08060d;--bg:#f6f5f8;--surface:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#6d28d9;--accent-bg:#6d28d91a;--danger:#b42318;--danger-bg:#b4231814;--shadow:#00000014 0 10px 15px -3px, #0000000a 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:16px/145% var(--sans);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg)}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--text:#9ca3af;--text-h:#f3f4f6;--bg:#12131a;--surface:#1b1c24;--border:#2e303a;--code-bg:#1f2028;--accent:#c4b5fd;--accent-bg:#c4b5fd1f;--danger:#f97066;--danger-bg:#f970661f;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}}*{box-sizing:border-box}body{margin:0}#root{min-height:100svh}h1,h2{color:var(--text-h);margin:0 0 .4rem;font-weight:600}h1{letter-spacing:-.03em;font-size:1.75rem}h2{font-size:1.15rem}p{margin:0 0 1rem}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}code,.secret,input,textarea{font-family:var(--mono)}code{background:var(--code-bg);color:var(--text-h);border-radius:4px;padding:.15rem .4rem;font-size:.9em}.muted{color:var(--text)}.center{text-align:center;padding:3rem 1rem}.error{color:var(--danger);background:var(--danger-bg);border-radius:8px;padding:.6rem .8rem}.topbar{border-bottom:1px solid var(--border);background:var(--surface);justify-content:space-between;align-items:center;gap:1rem;padding:.9rem 1.25rem;display:flex}.brand{color:var(--text-h);letter-spacing:-.02em;font-weight:700}.topbar-actions{align-items:center;gap:.75rem;display:flex}.page{width:min(960px,100%);margin:0 auto;padding:1.5rem 1.25rem 3rem}.page-head{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.25rem;display:flex}.filter-bar{color:var(--text-h);gap:.35rem;margin:0 0 1.25rem;font-size:.9rem;display:grid}.card{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:12px;padding:1.25rem}.login-wrap{place-items:center;min-height:100svh;padding:1.5rem;display:grid}.login-card,.form{gap:.85rem;width:min(420px,100%);display:grid}.form{width:min(560px,100%)}label{color:var(--text-h);gap:.35rem;font-size:.9rem;display:grid}input,textarea{border:1px solid var(--border);background:var(--bg);width:100%;color:var(--text-h);border-radius:8px;padding:.55rem .7rem;font-size:1rem}textarea{resize:vertical}.btn{border:1px solid var(--border);background:var(--surface);color:var(--text-h);font:inherit;cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:.35rem;padding:.45rem .8rem;text-decoration:none;display:inline-flex}.btn:hover{border-color:var(--accent);text-decoration:none}.btn:disabled{opacity:.55;cursor:not-allowed}.btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}@media (prefers-color-scheme:dark){.btn.primary{color:#1a1024}}.btn.ghost{background:0 0}.btn.danger{color:var(--danger);background:var(--danger-bg);border-color:#0000}.actions{flex-wrap:wrap;justify-content:flex-end;gap:.5rem;display:flex}.table-wrap{border:1px solid var(--border);background:var(--surface);border-radius:12px;overflow-x:auto}.keys-table{border-collapse:collapse;text-align:left;width:100%}.keys-table th,.keys-table td{border-bottom:1px solid var(--border);vertical-align:top;padding:.75rem .9rem}.keys-table th{text-transform:uppercase;letter-spacing:.04em;color:var(--text);font-size:.8rem}.keys-table tr:last-child td{border-bottom:0}.keys-table .name{color:var(--text-h);font-weight:600}.modal-backdrop{z-index:10;background:#08060d73;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.modal{width:min(520px,100%)}.secret{white-space:pre-wrap;word-break:break-all;background:var(--code-bg);color:var(--text-h);border-radius:8px;margin:.75rem 0 1rem;padding:.85rem}@media (width<=720px){.keys-table thead{display:none}.keys-table tr{border-bottom:1px solid var(--border);gap:.35rem;padding:.9rem;display:grid}.keys-table td{border:0;justify-content:space-between;gap:1rem;padding:.15rem 0;display:flex}.keys-table td:before{content:attr(data-label);color:var(--text);font-size:.8rem}.keys-table td.actions{flex-wrap:wrap;justify-content:flex-start;display:flex}.keys-table td.actions:before{content:none}.page-head{flex-direction:column}}