:root{--bg:#000000;--surface:#1c1c1e;--surface-2:#2c2c2e;--surface-3:#3a3a3c;--border:rgba(84,84,88,0.65);--border-subtle:rgba(84,84,88,0.32);--text:#ffffff;--text-2:rgba(235,235,245,0.6);--text-3:rgba(235,235,245,0.3);--accent:#ff2e7a;--accent-dim:rgba(255,46,122,0.15);--cyan:#1fc8db;--cyan-dim:rgba(31,200,219,0.14);--success:#34d399;--warning:#fbbf24;--error:#ff453a;--brand:linear-gradient(135deg,#1fc8db,#9b4dca 55%,#e91e63);--radius:14px;--radius-lg:18px;--ease:cubic-bezier(0.4,0,0.2,1)}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:ui-sans-serif,-apple-system,Segoe UI,Roboto,Helvetica Neue,sans-serif;font-size:15px;line-height:1.5;min-height:100vh;-webkit-font-smoothing:antialiased}a{color:var(--cyan);text-decoration:none}a:hover{text-decoration:underline}.brand{display:flex;align-items:center;gap:12px}.brand-mark{width:34px;height:34px;border-radius:10px;background:var(--brand);display:grid;place-items:center;flex:none}.brand-mark svg{width:15px;height:15px;display:block}.brand-name{font-size:17px;font-weight:700;letter-spacing:-.01em;white-space:nowrap}.brand-name span{background:var(--brand);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.shell{max-width:1240px;margin:0 auto;padding:28px 24px 64px}.topbar{justify-content:space-between;gap:16px;margin-bottom:24px}.toolbar,.topbar{display:flex;align-items:center;flex-wrap:wrap}.toolbar{gap:10px;margin-bottom:18px}.spacer{flex:1 1 auto}button{font:inherit;border:none;border-radius:10px;padding:8px 14px;cursor:pointer;background:var(--surface-2);color:var(--text);transition:background .15s var(--ease),opacity .15s var(--ease),transform .15s var(--ease)}button:hover:not(:disabled){background:var(--surface-3)}button:active:not(:disabled){transform:translateY(1px)}button.primary{background:var(--accent);color:#fff;font-weight:600}button.primary:hover:not(:disabled){background:#ff4d8d}button.danger{background:transparent;color:var(--error);border:1px solid var(--error)}button.danger:hover:not(:disabled){background:rgba(255,69,58,.12)}button.subtle{background:transparent;color:var(--text-2);border:1px solid var(--border)}button.subtle:hover:not(:disabled){background:var(--surface-2);color:var(--text)}button:disabled{opacity:.45;cursor:default}button.sm{padding:6px 10px;font-size:13px}input,select{font:inherit;background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:10px;padding:10px 12px;width:100%;transition:border-color .15s var(--ease),box-shadow .15s var(--ease)}input::placeholder{color:var(--text-3)}button:focus-visible,input:focus,select:focus{outline:none;border-color:var(--cyan);box-shadow:0 0 0 3px var(--cyan-dim)}select{cursor:pointer}.chip{border-radius:999px;padding:7px 14px;font-size:13px;font-weight:600;background:transparent;color:var(--text-2);border:1px solid var(--border);display:inline-flex;align-items:center;gap:7px}.chip:hover{background:var(--surface-2);color:var(--text)}.chip .count{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:var(--text-3);font-weight:500}.chip[aria-pressed=true]{background:var(--accent-dim);border-color:transparent;color:var(--accent)}.chip[aria-pressed=true] .count{color:var(--accent)}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:12px;gap:12px;margin-bottom:20px}@media (max-width:720px){.stats{grid-template-columns:repeat(2,minmax(0,1fr))}}.stat{background:var(--surface);border:1px solid var(--border-subtle);border-radius:var(--radius);padding:14px 16px}.stat .k{font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--text-2)}.stat .v{font-size:26px;font-weight:700;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;margin-top:2px}.stat.pending .v{color:var(--warning)}.stat.active .v{color:var(--success)}.stat.revoked .v{color:var(--error)}table{border-collapse:collapse;width:100%}td,th{text-align:left;padding:12px 14px;border-bottom:1px solid var(--border-subtle);font-size:14px}th{color:var(--text-2);font-weight:600;white-space:nowrap;font-size:12px;text-transform:uppercase;letter-spacing:.05em;position:-webkit-sticky;position:sticky;top:0;background:var(--surface);z-index:1}tbody tr{transition:background .12s var(--ease)}tbody tr:hover{background:rgba(255,255,255,.028)}tbody tr:last-child td{border-bottom:none}.badge{border-radius:999px;padding:3px 10px;font-size:12px;font-weight:600;display:inline-block}.badge.pending{background:rgba(251,191,36,.15);color:var(--warning)}.badge.active{background:rgba(52,211,153,.15);color:var(--success)}.badge.revoked{background:rgba(255,69,58,.15);color:var(--error)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px}.card.flush{padding:0;overflow:hidden}.modal-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.72);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;padding:20px;z-index:10}.modal{width:min(480px,100%);max-height:90vh;overflow-y:auto}.toast{position:fixed;left:50%;bottom:28px;transform:translateX(-50%);background:var(--surface-2);border:1px solid var(--cyan);border-radius:999px;padding:10px 20px;font-size:14px;z-index:20;box-shadow:0 8px 30px rgba(0,0,0,.5)}.layout{display:block}@media (min-width:1000px){.drawer-open .shell{margin-right:412px}}.freshness{font-size:12px;color:var(--text-3);display:inline-flex;align-items:center;gap:6px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;white-space:nowrap}.freshness .pulse{width:6px;height:6px;border-radius:50%;background:var(--success)}@media (prefers-reduced-motion:no-preference){.freshness .pulse{animation:breathe 2.4s var(--ease) infinite}}@keyframes breathe{0%,to{opacity:1}50%{opacity:.25}}.stats.five{grid-template-columns:repeat(5,minmax(0,1fr))}@media (max-width:900px){.stats.five{grid-template-columns:repeat(2,minmax(0,1fr))}}.stat.expiring .v{color:var(--warning)}.search-wrap{position:relative;flex:1 1 240px;min-width:190px}.search-wrap input{padding-left:34px}.search-wrap .icon{position:absolute;left:11px;top:50%;transform:translateY(-50%);color:var(--text-3);font-size:14px;pointer-events:none}select.sort{width:auto;flex:none}.rows{display:flex;flex-direction:column;gap:8px}.drow{position:relative;display:grid;grid-template-columns:118px minmax(0,1.4fr) minmax(0,1fr) 92px auto;align-items:center;grid-gap:14px;gap:14px;min-height:64px;background:var(--surface);border:1px solid var(--border-subtle);border-radius:var(--radius);padding:11px 14px 11px 20px;cursor:pointer;transition:background .14s var(--ease),border-color .14s var(--ease)}.drow>.c-code,.drow>.c-label{display:flex;flex-direction:column;justify-content:center;gap:2px;min-width:0}.drow>.c-meta,.drow>.c-seen{min-width:0}.drow>.c-label>*{min-width:0;max-width:100%}.drow:before{content:"";position:absolute;left:0;top:10px;bottom:10px;width:3px;border-radius:0 3px 3px 0;background:var(--text-3)}.drow[data-state=pending]:before{background:var(--warning)}.drow[data-state=online]:before{background:var(--success)}.drow[data-state=offline]:before{background:var(--text-3)}.drow[data-state=revoked]:before{background:var(--error)}.drow:hover{background:#212123;border-color:var(--border)}.drow:focus-visible{outline:none;border-color:var(--cyan);box-shadow:0 0 0 3px var(--cyan-dim)}.drow[aria-selected=true]{border-color:var(--accent);background:rgba(255,46,122,.05)}@media (prefers-reduced-motion:no-preference){.drow.is-new{animation:slideIn .45s var(--ease)}}@keyframes slideIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}.code{font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:19px;font-weight:600;letter-spacing:.14em;color:var(--cyan);line-height:1.2}.code,.code-sub{white-space:nowrap}.code-sub{font-size:11px;color:var(--text-3);letter-spacing:.03em;line-height:1.35;overflow:hidden;text-overflow:ellipsis}.label-cell{min-width:0}.label-val{font-weight:600;font-size:14.5px;line-height:1.2}.label-val.empty{color:var(--text-3);font-weight:400;font-style:italic}.label-edit{display:inline-flex;align-items:center;gap:6px;cursor:text;max-width:100%}.label-edit .label-val{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.label-edit .pen{opacity:0;font-size:11px;color:var(--text-3);transition:opacity .14s var(--ease);flex:none}.drow:hover .label-edit .pen,.label-edit:focus-visible .pen{opacity:1}.label-edit:focus-visible{outline:none;box-shadow:0 0 0 3px var(--cyan-dim);border-radius:6px}.label-input{padding:5px 8px;font-size:14px;font-weight:600}.meta{color:var(--text-2);font-size:12px;line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.meta.wrap{white-space:normal}.drow>.c-label>.meta{display:block;width:100%}.seen{font-size:12.5px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;white-space:nowrap}.seen.on{color:var(--success)}.seen.off{color:var(--text-3)}.row-actions{display:flex;align-items:center;gap:7px;justify-self:end}.kebab{width:34px;height:34px;padding:0;border-radius:9px;background:transparent;color:var(--text-2);border:1px solid var(--border);font-size:15px;line-height:1;flex:none}.kebab:hover{background:var(--surface-2);color:var(--text)}.badge.online{background:rgba(52,211,153,.15);color:var(--success);margin-left:6px}.drawer{position:fixed;top:0;right:0;bottom:0;width:min(412px,100%);background:var(--surface);border-left:1px solid var(--border);padding:22px 22px 48px;overflow-y:auto;z-index:15}@media (prefers-reduced-motion:no-preference){.drawer{animation:slideLeft .22s var(--ease)}}@keyframes slideLeft{0%{transform:translateX(24px);opacity:0}to{transform:none;opacity:1}}.drawer-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.drawer-code{font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:40px;font-weight:700;letter-spacing:.16em;color:var(--cyan);line-height:1.1}.dsec{margin-top:22px}.drawer-actions h4,.dsec h4{font-size:11px;text-transform:uppercase;letter-spacing:.07em;color:var(--text-3);font-weight:600;margin-bottom:9px}.kv{display:grid;grid-template-columns:96px minmax(0,1fr);grid-gap:5px 12px;gap:5px 12px;font-size:13.5px}.kv dt{color:var(--text-2)}.kv dd{word-break:break-word}.kv dd.mono{font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:12.5px}.kv dd .none,.none{color:var(--text-3);font-style:italic}button.tiny{padding:1px 7px;font-size:11px;margin-left:6px;vertical-align:middle}.timeline{display:flex;flex-direction:column}.tl-item{display:grid;grid-template-columns:14px minmax(0,1fr);grid-gap:11px;gap:11px;padding-bottom:15px;position:relative}.tl-item:last-child{padding-bottom:0}.tl-item:before{content:"";position:absolute;left:6px;top:14px;bottom:0;width:1px;background:var(--border-subtle)}.tl-item:last-child:before{display:none}.tl-dot{width:8px;height:8px;border-radius:50%;background:var(--text-3);margin-top:5px;margin-left:2px}.tl-dot.ok{background:var(--success)}.tl-dot.warn{background:var(--warning)}.tl-t{font-size:13.5px;font-weight:500}.tl-s{font-size:12px;color:var(--text-2);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.tl-item.unavailable .tl-s,.tl-item.unavailable .tl-t{color:var(--text-3)}.drawer-actions{margin-top:26px;padding-top:18px;border-top:1px solid var(--border-subtle)}.stackcol{display:flex;flex-direction:column;gap:8px}.stackcol button{width:100%}.menu{position:fixed;z-index:50;background:var(--surface-2);border:1px solid var(--border);border-radius:12px;padding:6px;min-width:190px;box-shadow:0 14px 40px rgba(0,0,0,.6)}.menu button{display:block;width:100%;text-align:left;background:transparent;border-radius:8px;padding:8px 11px;font-size:13.5px}.menu button:hover{background:var(--surface-3)}.menu button.red{color:var(--error)}.menu hr{border:none;border-top:1px solid var(--border-subtle);margin:5px 4px}.backdrop{position:fixed;inset:0;background:rgba(0,0,0,.74);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;padding:18px;z-index:40}.dialog{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:22px;width:min(470px,100%);max-height:92vh;overflow-y:auto;display:flex;flex-direction:column;gap:12px}.dialog.narrow{width:min(400px,100%)}.dialog h3{font-size:16px;font-weight:700}.dialog-code{font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:30px;font-weight:700;letter-spacing:.16em;color:var(--cyan)}.dialog-actions{display:flex;gap:9px;justify-content:flex-end;margin-top:2px}.field-lab{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--text-3);font-weight:600}.field-lab.mb{margin-bottom:5px}.two-up{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px}@media (max-width:520px){.two-up{grid-template-columns:1fr}}.presets{display:flex;flex-wrap:wrap;gap:7px}.preset{border-radius:999px;padding:6px 12px;font-size:12.5px;font-weight:600;background:var(--surface-2);color:var(--text-2);border:1px solid transparent}.preset:hover{color:var(--text)}.preset[aria-pressed=true]{background:var(--accent-dim);color:var(--accent)}.seg{display:inline-flex;gap:4px;background:var(--surface-2);border-radius:10px;padding:3px;align-self:flex-start}.seg button{background:transparent;color:var(--text-2);padding:6px 16px;font-size:13.5px;border-radius:8px}.seg button.on{background:var(--accent);color:#fff;font-weight:600}button.danger.solid{background:var(--error);color:#fff;border-color:var(--error);font-weight:600}button.danger.solid:hover:not(:disabled){background:#ff6257}@media (max-width:900px){.shell{padding:18px 14px 40px}.drow{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"code actions" "label label" "meta meta";row-gap:9px}.drow>.c-code{grid-area:code}.drow>.c-label{grid-area:label}.drow>.c-meta{grid-area:meta}.drow>.c-seen{display:none}.drow>.row-actions{grid-area:actions}.drawer{top:auto;left:0;right:0;bottom:0;width:100%;max-height:86vh;border-left:none;border-top:2px solid var(--accent);border-radius:18px 18px 0 0;padding-bottom:32px}@media (prefers-reduced-motion:no-preference){.drawer{animation:slideUp .24s var(--ease)}}@keyframes slideUp{0%{transform:translateY(28px);opacity:0}to{transform:none;opacity:1}}.drawer-code{font-size:34px}}.row{align-items:center}.row,.stack{display:flex;gap:10px}.stack{flex-direction:column}.muted{color:var(--text-2);font-size:13px}.dim{color:var(--text-3)}code{color:var(--cyan);font-size:13px}.mono,code{font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace}.nowrap{white-space:nowrap}.empty{padding:48px 24px;text-align:center}.empty h3{font-size:16px;font-weight:600;margin-bottom:6px}