:root{color-scheme:light dark;--bg: #f4f6f6;--surface: #ffffff;--surface-2: #eceff0;--ink: #1b2427;--ink-2: #5a6a70;--ink-3: #93a3a8;--line: #dde3e5;--line-strong: #c6cfd2;--accent: #0c7a72;--accent-strong: #085f59;--accent-ink: #ffffff;--accent-soft: rgba(12, 122, 114, .09);--ok: #22803c;--ok-soft: rgba(34, 128, 60, .12);--warn: #9c6812;--warn-soft: rgba(156, 104, 18, .13);--err: #b33a31;--err-soft: rgba(179, 58, 49, .11);--info: #2b5fb0;--info-soft: rgba(43, 95, 176, .11);--muted-tone: #6b7a80;--muted-soft: rgba(107, 122, 128, .13);--danger: #b33a31;--danger-ink: #ffffff;--radius: 6px;--radius-lg: 10px;--shadow: 0 1px 2px rgba(20, 30, 34, .06), 0 8px 24px rgba(20, 30, 34, .07);--s1: 4px;--s2: 8px;--s3: 12px;--s4: 16px;--s5: 24px;--s6: 32px;--s7: 48px;--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono: ui-monospace, "SF Mono", "Cascadia Code", Menlo, Consolas, monospace;--sidebar-w: 224px}@media (prefers-color-scheme: dark){:root{--bg: #0e1517;--surface: #151d20;--surface-2: #1b2529;--ink: #e3ebec;--ink-2: #96a7ac;--ink-3: #64777d;--line: #223035;--line-strong: #31434a;--accent: #38b2a6;--accent-strong: #4cc9bc;--accent-ink: #06211f;--accent-soft: rgba(56, 178, 166, .13);--ok: #4fbc6b;--ok-soft: rgba(79, 188, 107, .14);--warn: #d9a13f;--warn-soft: rgba(217, 161, 63, .15);--err: #e2695f;--err-soft: rgba(226, 105, 95, .14);--info: #6d9fe8;--info-soft: rgba(109, 159, 232, .14);--muted-tone: #86979d;--muted-soft: rgba(134, 151, 157, .16);--danger: #d05248;--shadow: 0 1px 2px rgba(0, 0, 0, .4), 0 10px 30px rgba(0, 0, 0, .45)}}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--font-sans);font-size:14px;line-height:1.5;color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased}h1,h2,h3,p,dl,dd,dt{margin:0}a{color:var(--accent)}code{font-family:var(--font-mono)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation:none!important;transition:none!important}}.eyebrow{display:block;font-family:var(--font-mono);font-size:11px;font-weight:500;letter-spacing:.09em;text-transform:uppercase;color:var(--ink-2)}.mono{font-family:var(--font-mono);font-size:.93em}.muted{color:var(--ink-2)}.nowrap{white-space:nowrap}.app-shell{display:flex;min-height:100vh}.sidebar{position:sticky;top:0;align-self:flex-start;display:flex;flex-direction:column;width:var(--sidebar-w);min-width:var(--sidebar-w);height:100vh;padding:var(--s5) var(--s4);background:var(--surface);border-right:1px solid var(--line)}.sidebar-brand{display:flex;align-items:center;gap:var(--s3);padding:0 var(--s2) var(--s5);color:var(--accent)}.sidebar-brand-text{display:flex;flex-direction:column;line-height:1.25}.brand-name{font-weight:650;letter-spacing:-.01em;color:var(--ink)}.brand-sub{font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3)}.chirp-mark{flex-shrink:0}.sidebar-nav{display:flex;flex-direction:column;gap:2px;flex:1}.nav-link{position:relative;display:block;padding:var(--s2) var(--s3);border-radius:var(--radius);font-family:var(--font-mono);font-size:12px;letter-spacing:.07em;text-transform:uppercase;text-decoration:none;color:var(--ink-2)}.nav-link:hover{background:var(--surface-2);color:var(--ink)}.nav-link.is-active{background:var(--accent-soft);color:var(--accent);font-weight:600}.nav-link.is-active:before{content:"";position:absolute;left:0;top:6px;bottom:6px;width:3px;border-radius:2px;background:var(--accent)}.sidebar-footer{display:flex;flex-direction:column;gap:var(--s2);padding-top:var(--s4);border-top:1px solid var(--line)}.sidebar-user{font-family:var(--font-mono);font-size:12px;color:var(--ink-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.main-content{flex:1;min-width:0;padding:var(--s6) var(--s7) var(--s7);max-width:1280px}@media (max-width: 900px){.app-shell{flex-direction:column}.sidebar{position:static;width:100%;min-width:0;height:auto;flex-direction:row;align-items:center;gap:var(--s4);padding:var(--s3) var(--s4)}.sidebar-brand{padding:0}.sidebar-nav{flex-direction:row;flex-wrap:wrap}.sidebar-footer{margin-left:auto;border-top:0;padding-top:0}.sidebar-user{max-width:160px}.main-content{padding:var(--s5) var(--s4) var(--s6)}}.page-header{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--s4);flex-wrap:wrap;margin-bottom:var(--s5)}.page-header h1{font-size:24px;font-weight:650;letter-spacing:-.02em;margin-top:2px}.page-actions{display:flex;gap:var(--s2);flex-wrap:wrap}.section{margin-bottom:var(--s6)}.section>.eyebrow,.section-head{margin-bottom:var(--s3)}.full-center{display:flex;align-items:center;justify-content:center;min-height:100vh}.empty-state{padding:var(--s6);text-align:center;border:1px dashed var(--line-strong);border-radius:var(--radius-lg)}.banner{padding:var(--s3) var(--s4);border-radius:var(--radius);border:1px solid;margin-bottom:var(--s5)}.banner-info{background:var(--info-soft);border-color:color-mix(in srgb,var(--info) 35%,transparent);color:var(--ink)}.banner-ok{background:var(--ok-soft);border-color:color-mix(in srgb,var(--ok) 35%,transparent)}.banner-error{background:var(--err-soft);border-color:color-mix(in srgb,var(--err) 40%,transparent)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--s1);padding:7px 14px;border-radius:var(--radius);border:1px solid var(--line-strong);background:var(--surface);color:var(--ink);font:inherit;font-size:13px;font-weight:500;cursor:pointer;transition:background .12s ease,border-color .12s ease}.btn:hover:not(:disabled){background:var(--surface-2)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.btn-primary:hover:not(:disabled){background:var(--accent-strong);border-color:var(--accent-strong)}.btn-danger{background:var(--danger);border-color:var(--danger);color:var(--danger-ink)}.btn-danger:hover:not(:disabled){filter:brightness(.92);background:var(--danger)}.btn-danger-ghost{color:var(--err);border-color:color-mix(in srgb,var(--err) 40%,transparent)}.btn-danger-ghost:hover:not(:disabled){background:var(--err-soft)}.btn-small{padding:4px 10px;font-size:12px}.btn-block{width:100%}.btn-icon{border:0;background:transparent;color:var(--ink-2);font-size:14px;padding:var(--s1) var(--s2);border-radius:var(--radius);cursor:pointer}.btn-icon:hover{background:var(--surface-2);color:var(--ink)}.btn-link{border:0;background:none;padding:0;font:inherit;font-size:13px;color:var(--accent);cursor:pointer;text-decoration:underline;text-underline-offset:2px}.badge{display:inline-flex;align-items:center;gap:6px;padding:2px 9px 2px 7px;border-radius:999px;font-family:var(--font-mono);font-size:11px;letter-spacing:.03em;white-space:nowrap}.badge-dot{width:6px;height:6px;border-radius:50%;background:currentColor}.badge-ok{color:var(--ok);background:var(--ok-soft)}.badge-warn{color:var(--warn);background:var(--warn-soft)}.badge-err{color:var(--err);background:var(--err-soft)}.badge-info{color:var(--info);background:var(--info-soft)}.badge-muted{color:var(--muted-tone);background:var(--muted-soft)}.tile-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--s3)}.tile{display:flex;flex-direction:column;gap:var(--s2);padding:var(--s4);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg)}.tile-title{font-family:var(--font-mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-2)}.tile-value{font-size:16px}.stat-list{display:flex;flex-direction:column;gap:var(--s1)}.stat{display:flex;justify-content:space-between;gap:var(--s3)}.stat dt{color:var(--ink-2);font-size:13px}.stat dd{font-weight:600}.chip-row{display:flex;flex-wrap:wrap;gap:var(--s3)}.count-chip{display:flex;align-items:center;gap:var(--s3);padding:var(--s2) var(--s3);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg)}.count-chip-value{font-size:16px;font-weight:600}.table-wrap{overflow-x:auto;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg)}table{width:100%;border-collapse:collapse;font-size:13px}thead th{text-align:left;font-family:var(--font-mono);font-size:11px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-2);padding:var(--s3) var(--s4);border-bottom:1px solid var(--line);white-space:nowrap}tbody td{padding:var(--s3) var(--s4);border-bottom:1px solid var(--line);vertical-align:top}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:color-mix(in srgb,var(--surface-2) 55%,transparent)}.row-inactive{opacity:.6}.table-sub{display:block;font-size:11px;font-family:var(--font-mono)}.cell-truncate{max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.th-actions{text-align:right}.td-actions{text-align:right;white-space:nowrap}.td-actions .btn+.btn{margin-left:var(--s2)}.filter-bar{display:flex;flex-wrap:wrap;gap:var(--s2);margin-bottom:var(--s4)}.filter-search{flex:1;min-width:220px}.pagination{display:flex;align-items:center;justify-content:space-between;gap:var(--s3);margin-top:var(--s3)}.pagination-info{font-family:var(--font-mono);font-size:12px;color:var(--ink-2)}.pagination-buttons{display:flex;gap:var(--s2)}input,select,textarea{font:inherit;color:var(--ink);background:var(--surface);border:1px solid var(--line-strong);border-radius:var(--radius);padding:7px 10px}input.mono,textarea.mono{font-family:var(--font-mono);font-size:13px}input:focus,select:focus,textarea:focus{outline:2px solid var(--accent);outline-offset:0;border-color:var(--accent)}input:disabled,select:disabled{opacity:.6}textarea{resize:vertical}.form-field{display:flex;flex-direction:column;gap:var(--s1);margin-bottom:var(--s4)}.form-field label{font-size:13px;font-weight:600}.form-field input,.form-field select,.form-field textarea{width:100%}.form-field.has-error input,.form-field.has-error select,.form-field.has-error textarea{border-color:var(--err)}.form-hint{font-size:12px;color:var(--ink-2)}.form-error{font-size:12.5px;color:var(--err)}.input-with-toggle{display:flex;gap:var(--s2);align-items:center}.input-with-toggle input{flex:1}.dialog-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a101273;display:flex;align-items:flex-start;justify-content:center;padding:8vh var(--s4) var(--s4);z-index:50;overflow-y:auto}.dialog-panel{width:100%;max-width:480px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow);animation:dialog-in .14s ease-out}.dialog-wide{max-width:620px}@keyframes dialog-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.dialog-header{display:flex;align-items:center;justify-content:space-between;gap:var(--s3);padding:var(--s4) var(--s5) 0}.dialog-header h2{font-size:17px;font-weight:650;letter-spacing:-.01em}.dialog-body{padding:var(--s4) var(--s5) var(--s5)}.dialog-message{margin-bottom:var(--s4)}.dialog-actions{display:flex;justify-content:flex-end;gap:var(--s2);margin-top:var(--s4)}.drawer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a101259;z-index:40}.drawer{position:absolute;top:0;right:0;bottom:0;width:min(440px,100%);background:var(--surface);border-left:1px solid var(--line);box-shadow:var(--shadow);padding:var(--s5);overflow-y:auto;animation:drawer-in .16s ease-out}@keyframes drawer-in{0%{transform:translate(24px);opacity:0}to{transform:none;opacity:1}}.drawer-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--s3);margin-bottom:var(--s4)}.drawer-header h2{font-size:16px;margin-top:2px;word-break:break-all}.drawer-section{padding:var(--s4) 0;border-top:1px solid var(--line)}.drawer-section .eyebrow{margin-bottom:var(--s3)}.drawer-section .btn{margin-top:var(--s3)}.detail-list{display:flex;flex-direction:column;gap:var(--s2)}.detail{display:grid;grid-template-columns:110px 1fr;gap:var(--s3);align-items:baseline}.detail dt{font-family:var(--font-mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-2)}.detail dd{word-break:break-word}.detail-error{color:var(--err)}.secret-warning{padding:var(--s3) var(--s4);border-radius:var(--radius);background:var(--warn-soft);border:1px solid color-mix(in srgb,var(--warn) 40%,transparent);margin-bottom:var(--s4);font-size:13px}.secret-row{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:var(--s3);padding:var(--s3);border:1px solid var(--line);border-radius:var(--radius);margin-bottom:var(--s2);background:var(--surface-2)}.secret-label{font-family:var(--font-mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-2);white-space:nowrap}.secret-value{font-size:12.5px;word-break:break-all;-webkit-user-select:all;user-select:all}.login-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--s4);background:radial-gradient(ellipse 70% 45% at 50% -5%,var(--accent-soft),transparent),var(--bg)}.login-card{width:100%;max-width:380px;padding:var(--s6) var(--s6) var(--s5);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow)}.login-brand{display:flex;flex-direction:column;align-items:flex-start;gap:var(--s3);color:var(--accent);margin-bottom:var(--s4)}.login-eyebrow{font-family:var(--font-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-2)}.login-card h1{font-size:20px;font-weight:650;letter-spacing:-.01em;margin-bottom:var(--s4)}.login-error{margin-bottom:var(--s3)}.login-card .btn-link{display:block;margin:var(--s3) auto 0}.totp-input{font-family:var(--font-mono);font-size:18px;letter-spacing:.35em;text-align:center}