.status{justify-content:center;align-items:center;gap:var(--space-3);min-height:100vh;padding:var(--space-7) var(--gutter);text-align:center;flex-direction:column;display:flex}.status__logo{width:auto;height:56px;margin-bottom:var(--space-3);display:block}.status__text{align-items:center;gap:var(--space-3);flex-direction:column;display:flex}.status__title{font-size:1.5rem;font-weight:var(--weight-medium);letter-spacing:var(--tracking-tight);line-height:var(--leading-tight)}.status__message{max-width:420px;color:var(--muted);font-size:var(--text-md);line-height:var(--leading-body)}.status__spinner{border:2px solid var(--line);border-top-color:var(--fg);border-radius:50%;width:24px;height:24px;animation:.8s linear infinite status-spin}@keyframes status-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.status__spinner{animation:none}}.shell{flex-direction:column;min-height:100vh;display:flex}.shell[data-mode=test]{box-shadow:inset 0 3px 0 var(--test-accent)}.test-banner{padding:var(--space-1) var(--gutter);background:var(--test-bg);color:var(--test-fg);font-size:var(--text-sm);text-align:center}.topbar{align-items:center;gap:var(--space-4);padding:var(--space-3) var(--gutter);border-bottom:1px solid var(--line-soft);grid-template-columns:auto 1fr auto auto;grid-template-areas:"brand nav account actions";display:grid}.topbar__brand{grid-area:brand;display:flex}.topbar__brand img{width:auto;height:32px;display:block}.nav{gap:var(--space-1);grid-area:nav;display:flex}.nav__link{padding:var(--space-1) var(--space-2);border-radius:var(--radius-pill);color:var(--muted);font-size:var(--text-sm);font-weight:var(--weight-medium);white-space:nowrap;transition:background .15s,color .15s}.nav__link:hover{background:var(--hover);color:var(--fg)}.nav__link--active{background:var(--surface);color:var(--fg)}.topbar__actions{align-items:center;gap:var(--space-3);grid-area:actions;display:flex}.account{text-align:right;flex-direction:column;grid-area:account;min-width:0;line-height:1.3;display:flex}.account__company{font-size:var(--text-sm);font-weight:var(--weight-semibold)}.account__email{color:var(--muted);font-size:var(--text-xs);text-overflow:ellipsis;white-space:nowrap;max-width:220px;overflow:hidden}.mode-switch{border:1px solid var(--line);border-radius:var(--radius-pill);background:var(--bg);padding:3px;display:inline-flex}.mode-switch[data-mode=test]{border-color:var(--test-accent);background:var(--test-bg)}.mode-switch__option{cursor:pointer;position:relative}.mode-switch__option input{opacity:0;cursor:pointer;position:absolute;inset:0}.mode-switch__option span{border-radius:var(--radius-pill);color:var(--muted);font-size:var(--text-xs);font-weight:var(--weight-medium);padding:.3rem .8rem;display:block}.mode-switch__option input:checked+span{background:var(--fg);color:var(--bg)}.mode-switch[data-mode=test] .mode-switch__option input:checked+span{background:var(--test-accent);color:var(--test-fg)}.mode-switch__option input:focus-visible+span{outline:2px solid var(--fg);outline-offset:2px}.content{width:100%;max-width:var(--content-width);padding:var(--space-6) var(--gutter);flex:1;margin:0 auto}.page__title{font-size:var(--text-title);font-weight:var(--weight-medium);letter-spacing:var(--tracking-tight);line-height:var(--leading-tight)}.page__lead{max-width:560px;margin-top:var(--space-3);color:var(--muted);font-size:var(--text-md);line-height:var(--leading-body)}.page__lead a{color:var(--fg);text-decoration:underline}@media (width<=860px){.topbar{gap:var(--space-2) var(--space-3);grid-template-columns:auto 1fr;grid-template-areas:"brand actions""account account""nav nav"}.topbar__actions{justify-self:end}.account{gap:0 var(--space-1);text-align:left;flex-flow:wrap;align-items:baseline}.account__email{max-width:100%}.nav{overflow-x:auto}}@media (width<=420px){.topbar__actions{gap:var(--space-1)}.content{padding-top:var(--space-5)}}.alert{margin:var(--space-3) var(--gutter) 0;padding:var(--space-2) var(--space-3);border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);font-size:var(--text-sm)}.dialog-overlay{z-index:100;padding:var(--gutter);background:#11111173;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.dialog{gap:var(--space-3);width:100%;max-width:520px;max-height:calc(100vh - 2 * var(--gutter));padding:var(--space-5);border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--bg);box-shadow:var(--shadow-lg);flex-direction:column;display:flex;overflow-y:auto}.dialog--danger{border-color:var(--danger);box-shadow:inset 0 4px 0 var(--danger), var(--shadow-lg)}.dialog:focus{outline:none}.dialog__title{font-size:1.5rem;font-weight:var(--weight-medium);letter-spacing:var(--tracking-tight);line-height:var(--leading-tight)}.dialog__text{color:var(--muted);font-size:var(--text-sm);line-height:var(--leading-body)}.dialog__actions{justify-content:flex-end;gap:var(--space-2);margin-top:var(--space-2);flex-wrap:wrap;display:flex}.keys__header{justify-content:space-between;align-items:flex-end;gap:var(--space-4);margin-bottom:var(--space-5);flex-wrap:wrap;display:flex}.alert--inline{margin:0 0 var(--space-4)}.keys__loading{align-items:center;gap:var(--space-2);color:var(--muted);font-size:var(--text-sm);display:flex}.keys__spinner{border:2px solid var(--line);border-top-color:var(--fg);border-radius:50%;width:16px;height:16px;animation:.8s linear infinite keys-spin}@keyframes keys-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.keys__spinner{animation:none}}.keys__error{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface);font-size:var(--text-sm);flex-wrap:wrap;display:flex}.keys__empty{align-items:flex-start;gap:var(--space-3);padding:var(--space-5);border:1px dashed var(--line-strong);border-radius:var(--radius-lg);background:var(--surface);flex-direction:column;display:flex}.keys__empty-title{font-size:1.25rem;font-weight:var(--weight-medium);letter-spacing:var(--tracking-tight)}.keys__empty-text{max-width:560px;color:var(--muted);font-size:var(--text-sm);line-height:var(--leading-body)}.keys__table{border-collapse:collapse;width:100%;font-size:var(--text-sm)}.keys__table th{padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--line);color:var(--muted);font-size:var(--text-xs);font-weight:var(--weight-medium);text-align:left;text-transform:uppercase;letter-spacing:.04em}.keys__table td{padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--line-soft);vertical-align:middle}.keys__actions{text-align:right}.key-prefix,.key-secret__value,.field__label code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.85em}.key-callout{padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);font-size:var(--text-sm);line-height:var(--leading-body)}.key-callout--test{background:var(--test-bg);color:var(--test-fg)}.key-callout--live{border:1px solid var(--danger);background:var(--danger-bg);color:var(--danger)}.key-secret{align-items:center;gap:var(--space-2);padding:var(--space-2);border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface);display:flex}.key-secret__value{min-width:0;padding:0 var(--space-1);overflow-wrap:anywhere;-webkit-user-select:all;user-select:all;flex:1}.key-delete-form{gap:var(--space-3);flex-direction:column;display:flex}.field{gap:var(--space-1);flex-direction:column;display:flex}.field__label{font-size:var(--text-sm);font-weight:var(--weight-medium)}.field__input{border:1px solid var(--line-strong);border-radius:var(--radius-sm);font:inherit;font-size:var(--text-sm);padding:.55rem .8rem}.field__input:focus-visible{outline:2px solid var(--fg);outline-offset:1px}@media (width<=560px){.keys__table th:nth-child(2),.keys__table td:nth-child(2){white-space:nowrap}.key-secret{flex-direction:column;align-items:stretch}}@font-face{font-family:Inter;font-style:normal;font-weight:300 600;font-display:swap;src:url(/assets/inter-latin-ext-DO1Apj_S.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:300 600;font-display:swap;src:url(/assets/inter-latin-Dx4kXJAl.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--bg:#fff;--fg:#111;--muted:#1119;--subtle:#1116;--line:#0000001f;--line-soft:#00000014;--line-strong:#00000059;--surface:#f4f4f2;--hover:#0000000a;--font-sans:"Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--text-xs:.75rem;--text-sm:.875rem;--text-md:1rem;--text-title:clamp(2rem, 4vw, 2.75rem);--weight-regular:400;--weight-medium:500;--weight-semibold:600;--tracking-tight:-.03em;--leading-tight:1.1;--leading-body:1.6;--space-1:.5rem;--space-2:.75rem;--space-3:1rem;--space-4:1.5rem;--space-5:2rem;--space-6:3rem;--space-7:6rem;--gutter:clamp(1rem, 4vw, 2.5rem);--content-width:1200px;--radius-sm:8px;--radius-md:12px;--radius-lg:20px;--radius-pill:999px;--shadow-lg:0 20px 50px #0000002e;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:var(--font-sans);color:var(--fg);background:var(--bg);-webkit-font-smoothing:antialiased}*,:before,:after{box-sizing:border-box;margin:0}body{background:var(--bg);min-height:100vh;overflow-x:hidden}a{color:inherit;text-decoration:none}:root{--test-bg:#fff6dc;--test-fg:#5c3d00;--test-accent:#f2b632;--danger:#b42318;--danger-bg:#fef3f2}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.button{border:1px solid var(--fg);border-radius:var(--radius-pill);background:var(--fg);color:var(--bg);font:inherit;font-size:var(--text-sm);font-weight:var(--weight-medium);cursor:pointer;justify-content:center;align-items:center;padding:.55rem 1.1rem;transition:opacity .15s,background .15s;display:inline-flex}.button:hover{opacity:.85}.button--ghost{border-color:var(--line);color:var(--fg);background:0 0}.button--ghost:hover{opacity:1;background:var(--hover)}.button--danger{border-color:var(--danger);background:var(--danger);color:#fff}.button:disabled{opacity:.5;cursor:not-allowed}.button:focus-visible{outline:2px solid var(--fg);outline-offset:2px}fieldset{border:0;min-width:0;padding:0}