:root{--px-bg: #0B0B1E;--px-bg-raised: #12122B;--px-card: #181834;--px-card-hover: #1E1E40;--px-inset: #0E0E24;--px-border: #262650;--px-border-strong: #34346A;--px-text: #EDEEFB;--px-text-dim: #9A9DC5;--px-text-faint: #62648F;--px-accent: #6D7CFF;--px-accent-hover:#7E8BFF;--px-accent-down: #5A69EC;--px-accent-soft: rgba(109, 124, 255, .12);--px-accent-ring: rgba(109, 124, 255, .45);--px-prism: linear-gradient(135deg, #6D7CFF 0%, #4CC2FF 55%, #43E6C5 100%);--px-ok: #43E6A0;--px-ok-soft: rgba(67, 230, 160, .12);--px-warn: #FFB454;--px-warn-soft: rgba(255, 180, 84, .12);--px-danger: #FF6B6B;--px-danger-soft: rgba(255, 107, 107, .12);--px-r-sm: 8px;--px-r-md: 12px;--px-r-lg: 16px;--px-r-pill: 999px;--px-s1: 4px;--px-s2: 8px;--px-s3: 12px;--px-s4: 16px;--px-s5: 20px;--px-s6: 24px;--px-s8: 32px;--px-s10: 40px;--px-font: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--px-mono: "JetBrains Mono", ui-monospace, "Cascadia Mono", monospace;--px-fs-xs: 11px;--px-fs-sm: 12.5px;--px-fs-md: 14px;--px-fs-lg: 17px;--px-fs-xl: 22px;--px-fs-code: 30px;--px-shadow-card: 0 1px 2px rgba(0,0,0,.4), 0 8px 24px rgba(0,0,0,.28);--px-shadow-pop: 0 12px 48px rgba(0,0,0,.5);--px-glow-accent: 0 0 0 1px var(--px-border-strong), 0 0 24px rgba(109,124,255,.1);--px-ease: cubic-bezier(.2,.8,.2,1);--px-t-fast: .12s;--px-t-med: .2s;color-scheme:dark}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--px-bg);color:var(--px-text);font-family:var(--px-font);font-size:var(--px-fs-md);line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a{color:var(--px-accent);text-decoration:none}a:hover{color:var(--px-accent-hover)}:focus-visible{outline:none;box-shadow:0 0 0 2px var(--px-bg),0 0 0 4px var(--px-accent-ring);border-radius:var(--px-r-sm)}h1,h2,h3,p{margin:0}.brand{display:inline-flex;align-items:center;gap:var(--px-s3);font-weight:700;letter-spacing:-.01em}.brand__glyph{width:28px;height:28px;border-radius:var(--px-r-sm);background:var(--px-prism);box-shadow:var(--px-glow-accent)}.brand__word{font-size:var(--px-fs-lg)}.brand__word b{font-weight:700}.shell{min-height:100%;display:flex;flex-direction:column}.topbar{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:var(--px-s4);padding:var(--px-s4) var(--px-s6);background:color-mix(in srgb,var(--px-bg-raised) 88%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--px-border)}.topbar__user{display:flex;align-items:center;gap:var(--px-s3)}.avatar{width:30px;height:30px;border-radius:var(--px-r-pill);display:grid;place-items:center;background:var(--px-accent-soft);color:var(--px-accent-hover);font-weight:600;font-size:var(--px-fs-sm);border:1px solid var(--px-border-strong)}.topbar__email{color:var(--px-text-dim);font-size:var(--px-fs-sm)}.content{width:100%;max-width:960px;margin:0 auto;padding:var(--px-s10) var(--px-s6) var(--px-s10);flex:1}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--px-s4);margin-bottom:var(--px-s6);flex-wrap:wrap}.page-head h1{font-size:var(--px-fs-xl);letter-spacing:-.02em}.page-head .sub{color:var(--px-text-dim);font-size:var(--px-fs-sm);margin-top:var(--px-s1)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--px-s2);height:38px;padding:0 var(--px-s4);border-radius:var(--px-r-md);border:1px solid transparent;font:inherit;font-weight:600;font-size:var(--px-fs-sm);cursor:pointer;white-space:nowrap;transition:background var(--px-t-fast) var(--px-ease),border-color var(--px-t-fast) var(--px-ease),color var(--px-t-fast) var(--px-ease),opacity var(--px-t-fast) var(--px-ease)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--primary{background:var(--px-accent);color:#0b0b1e}.btn--primary:not(:disabled):hover{background:var(--px-accent-hover)}.btn--primary:not(:disabled):active{background:var(--px-accent-down)}.btn--ghost{background:transparent;color:var(--px-text-dim);border-color:var(--px-border)}.btn--ghost:not(:disabled):hover{background:var(--px-card-hover);color:var(--px-text);border-color:var(--px-border-strong)}.btn--danger{background:transparent;color:var(--px-danger);border-color:color-mix(in srgb,var(--px-danger) 40%,transparent)}.btn--danger:not(:disabled):hover{background:var(--px-danger-soft)}.btn--sm{height:30px;padding:0 var(--px-s3);font-size:var(--px-fs-xs)}.card{background:var(--px-card);border:1px solid var(--px-border);border-radius:var(--px-r-lg);box-shadow:var(--px-shadow-card)}.keylist{display:flex;flex-direction:column;gap:var(--px-s3)}.keyrow{display:grid;grid-template-columns:1fr auto;gap:var(--px-s4);align-items:start;padding:var(--px-s5)}.keyrow__main{min-width:0}.keyrow__title{display:flex;align-items:center;gap:var(--px-s3);flex-wrap:wrap}.keyrow__name{font-weight:600;font-size:var(--px-fs-md)}.keyrow__id{font-family:var(--px-mono);font-size:var(--px-fs-sm);color:var(--px-text-dim);background:var(--px-inset);padding:2px var(--px-s2);border-radius:var(--px-r-sm);border:1px solid var(--px-border)}.keyrow__meta{display:flex;flex-wrap:wrap;gap:var(--px-s2) var(--px-s4);margin-top:var(--px-s3);color:var(--px-text-faint);font-size:var(--px-fs-xs)}.keyrow__meta b{color:var(--px-text-dim);font-weight:500}.keyrow__scopes{display:flex;flex-wrap:wrap;gap:var(--px-s2);margin-top:var(--px-s3)}.badge{display:inline-flex;align-items:center;gap:6px;height:20px;padding:0 var(--px-s2);border-radius:var(--px-r-pill);font-size:var(--px-fs-xs);font-weight:600;letter-spacing:.02em;text-transform:uppercase}.badge:before{content:"";width:6px;height:6px;border-radius:var(--px-r-pill);background:currentColor}.badge--live{color:var(--px-ok);background:var(--px-ok-soft)}.badge--test{color:var(--px-warn);background:var(--px-warn-soft)}.chip{display:inline-flex;align-items:center;height:22px;padding:0 var(--px-s2);border-radius:var(--px-r-sm);font-family:var(--px-mono);font-size:var(--px-fs-xs);color:var(--px-text-dim);background:var(--px-accent-soft);border:1px solid var(--px-border)}.field{display:flex;flex-direction:column;gap:var(--px-s2)}.field__label{font-size:var(--px-fs-sm);font-weight:600;color:var(--px-text)}.field__hint{font-size:var(--px-fs-xs);color:var(--px-text-faint)}.input,.select{height:38px;padding:0 var(--px-s3);border-radius:var(--px-r-md);border:1px solid var(--px-border);background:var(--px-inset);color:var(--px-text);font:inherit;font-size:var(--px-fs-sm);width:100%}.input::placeholder{color:var(--px-text-faint)}.input:focus,.select:focus{outline:none;border-color:var(--px-accent);box-shadow:0 0 0 3px var(--px-accent-ring)}.scopegrid{display:grid;grid-template-columns:1fr 1fr;gap:var(--px-s2)}.scopeopt{display:flex;gap:var(--px-s3);align-items:flex-start;padding:var(--px-s3);border-radius:var(--px-r-md);border:1px solid var(--px-border);background:var(--px-inset);cursor:pointer;transition:border-color var(--px-t-fast) var(--px-ease),background var(--px-t-fast) var(--px-ease)}.scopeopt:hover{border-color:var(--px-border-strong)}.scopeopt--on{border-color:var(--px-accent);background:var(--px-accent-soft)}.scopeopt input{margin-top:2px;accent-color:var(--px-accent)}.scopeopt__name{font-family:var(--px-mono);font-size:var(--px-fs-sm);color:var(--px-text)}.scopeopt__help{font-size:var(--px-fs-xs);color:var(--px-text-faint);margin-top:2px}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:grid;place-items:center;padding:var(--px-s4);background:#060612a8;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:fade var(--px-t-med) var(--px-ease)}.modal{width:100%;max-width:520px;max-height:calc(100vh - 2 * var(--px-s8));overflow-y:auto;background:var(--px-bg-raised);border:1px solid var(--px-border-strong);border-radius:var(--px-r-lg);box-shadow:var(--px-shadow-pop);animation:pop var(--px-t-med) var(--px-ease)}.modal__head{display:flex;align-items:center;justify-content:space-between;padding:var(--px-s5) var(--px-s6);border-bottom:1px solid var(--px-border)}.modal__title{font-size:var(--px-fs-lg);font-weight:700}.modal__body{padding:var(--px-s6);display:flex;flex-direction:column;gap:var(--px-s5)}.modal__foot{display:flex;justify-content:flex-end;gap:var(--px-s3);padding:var(--px-s5) var(--px-s6);border-top:1px solid var(--px-border)}.iconbtn{display:grid;place-items:center;width:30px;height:30px;border-radius:var(--px-r-sm);border:1px solid transparent;background:transparent;color:var(--px-text-dim);cursor:pointer}.iconbtn:hover{background:var(--px-card-hover);color:var(--px-text)}.reveal{border:1px solid var(--px-border-strong);border-radius:var(--px-r-md);background:var(--px-inset);padding:var(--px-s4);display:flex;flex-direction:column;gap:var(--px-s3)}.reveal__key{font-family:var(--px-mono);font-size:var(--px-fs-sm);color:var(--px-text);word-break:break-all;line-height:1.6}.notice{display:flex;gap:var(--px-s3);align-items:flex-start;padding:var(--px-s3) var(--px-s4);border-radius:var(--px-r-md);font-size:var(--px-fs-sm)}.notice--warn{color:var(--px-warn);background:var(--px-warn-soft);border:1px solid color-mix(in srgb,var(--px-warn) 30%,transparent)}.notice--danger{color:var(--px-danger);background:var(--px-danger-soft);border:1px solid color-mix(in srgb,var(--px-danger) 30%,transparent)}.center{min-height:100%;display:grid;place-items:center;padding:var(--px-s6)}.empty{text-align:center;padding:var(--px-s10) var(--px-s6);color:var(--px-text-dim)}.empty h3{color:var(--px-text);font-size:var(--px-fs-lg);margin-bottom:var(--px-s2)}.spinner{width:22px;height:22px;border-radius:50%;border:2px solid var(--px-border-strong);border-top-color:var(--px-accent);animation:spin .7s linear infinite}.login{width:100%;max-width:380px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:var(--px-s5)}.login__glyph{width:56px;height:56px;border-radius:var(--px-r-md);background:var(--px-prism);box-shadow:var(--px-glow-accent)}.login h1{font-size:var(--px-fs-xl);letter-spacing:-.02em}.login p{color:var(--px-text-dim);font-size:var(--px-fs-sm)}.toast{position:fixed;left:50%;bottom:var(--px-s6);transform:translate(-50%);z-index:60;display:flex;align-items:center;gap:var(--px-s3);padding:var(--px-s3) var(--px-s5);border-radius:var(--px-r-pill);background:var(--px-card);border:1px solid var(--px-border-strong);box-shadow:var(--px-shadow-pop);font-size:var(--px-fs-sm);animation:pop var(--px-t-med) var(--px-ease)}.toast--ok{color:var(--px-ok)}.toast--err{color:var(--px-danger)}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fade{0%{opacity:0}}@keyframes pop{0%{opacity:0;transform:translateY(6px) scale(.98)}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}@media(max-width:560px){.content{padding:var(--px-s6) var(--px-s4) var(--px-s8)}.topbar{padding:var(--px-s3) var(--px-s4)}.topbar__email{display:none}.scopegrid,.keyrow{grid-template-columns:1fr}.keyrow__actions{justify-self:start}}