@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/nunito-latin-700-normal-Dort48En.woff2) format("woff2"),url(/assets/nunito-latin-700-normal-OcDqTBcA.woff) format("woff")}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/nunito-latin-800-normal-Dz8SOQK_.woff2) format("woff2"),url(/assets/nunito-latin-800-normal-D-J0wlBY.woff) format("woff")}@font-face{font-family:Atkinson Hyperlegible;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/atkinson-hyperlegible-latin-400-normal-BrHNak5F.woff2) format("woff2"),url(/assets/atkinson-hyperlegible-latin-400-normal-BbWidj28.woff) format("woff")}@font-face{font-family:Atkinson Hyperlegible;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/atkinson-hyperlegible-latin-700-normal-GZI4o3u0.woff2) format("woff2"),url(/assets/atkinson-hyperlegible-latin-700-normal-BK6Glc0m.woff) format("woff")}.auth-experience{min-height:100dvh;display:grid;grid-template-columns:minmax(320px,40%) 1fr;background:var(--kb-surface)}.auth-story{position:relative;inset:auto;width:auto;min-height:100dvh;padding:36px 10%;display:flex;flex-direction:column;background:var(--kb-primary-wash);border-right:1px solid var(--kb-primary-soft);color:var(--kb-ink);overflow:hidden}.auth-story:after{content:"";position:absolute;width:360px;height:360px;border:48px solid var(--kb-primary-soft);border-radius:50%;right:-270px;top:18%;opacity:.6;pointer-events:none}.auth-logo{display:flex;align-items:center;gap:10px;color:var(--kb-ink);text-decoration:none;font-family:var(--kb-font-heading);font-size:30px;font-weight:800;letter-spacing:-1px;width:max-content}.auth-logo>span:first-child{display:grid;place-items:center;width:44px;height:44px;background:var(--kb-primary);border-radius:16px;color:var(--kb-surface);box-shadow:0 4px 0 var(--kb-primary-soft)}.auth-logo .logo-period{margin-left:-9px;color:var(--kb-sky)}.auth-story-main{margin:auto 0;padding:40px 0;position:relative;z-index:1}.auth-kicker{font-size:var(--kb-text-xs);letter-spacing:1.5px;color:var(--kb-primary);font-weight:700}.auth-story h1{font-size:clamp(36px,3.8vw,54px);line-height:1.12;font-weight:800;letter-spacing:-1.8px;margin:20px 0}.auth-story h1 em{font-style:normal;color:var(--kb-primary)}.auth-story-main>p{font-size:var(--kb-text-base);line-height:1.65;color:var(--kb-muted)}.auth-steps{list-style:none;padding:0;margin:28px 0 0;display:flex;flex-direction:column}.auth-steps li{position:relative;display:flex;align-items:center;gap:14px;min-height:56px;color:var(--kb-muted);font-size:var(--kb-text-sm)}.auth-steps li:not(:last-child):before{content:"";position:absolute;top:42px;left:17px;height:28px;width:2px;background:var(--kb-primary-soft)}.auth-steps li>span{width:36px;height:36px;display:grid;place-items:center;border:1px solid var(--kb-primary-soft);border-radius:14px;font-size:var(--kb-text-xs);font-weight:700;color:var(--kb-subtle);background:var(--kb-surface);z-index:1;flex-shrink:0}.auth-steps li.current{color:var(--kb-primary);font-weight:700}.auth-steps li.current>span{background:var(--kb-primary);color:var(--kb-surface);border-color:var(--kb-primary);box-shadow:0 0 0 4px var(--kb-primary-soft)}.auth-steps li.complete>span{color:var(--kb-success);background:var(--kb-success-soft);border-color:var(--kb-success-soft)}.auth-steps small{display:block;font-size:10px;letter-spacing:1px;color:var(--kb-primary);margin-top:2px}.auth-story-footer{border-top:1px solid var(--kb-primary-soft);padding-top:20px;display:flex;align-items:center;gap:12px;color:var(--kb-muted);font-size:var(--kb-text-xs);line-height:1.6}.auth-story-footer>svg{color:var(--kb-primary);flex-shrink:0}.auth-story-footer small{display:block;color:var(--kb-subtle);font-size:var(--kb-text-xs)}.auth-stage{margin:0;width:100%;min-width:0;min-height:100dvh;display:flex;flex-direction:column;padding:0 9%;background:var(--kb-surface)}.auth-topline{height:76px;flex-shrink:0;background:transparent;padding:0;border:0;display:flex;align-items:center;justify-content:space-between;gap:16px;color:var(--kb-subtle);font-size:var(--kb-text-xs);letter-spacing:1px}.auth-topline>span:last-child{display:flex;align-items:center;gap:8px;font-size:10px;white-space:nowrap}.auth-topline .dot{height:6px;width:6px}.auth-page{width:100%;max-width:448px;margin:auto;padding:24px 0 32px}.auth-mobile-progress{display:none}.auth-page-icon{display:grid;place-items:center;width:56px;height:56px;background:var(--kb-primary-soft);color:var(--kb-primary);border-radius:18px;margin-bottom:24px}.auth-page-kicker{font-size:var(--kb-text-xs);letter-spacing:1.3px;color:var(--kb-primary);font-weight:700}.auth-page h2{font-size:34px;letter-spacing:-1px;margin:8px 0 12px;font-weight:800;outline:none}.auth-description{font-size:var(--kb-text-base);line-height:1.65;color:var(--kb-muted);margin-bottom:24px}.auth-field{margin:24px 0}.auth-field>label{display:block;font-size:var(--kb-text-sm);font-weight:700;color:var(--kb-ink);margin-bottom:8px}.auth-field>small{display:block;font-size:var(--kb-text-xs);color:var(--kb-subtle);line-height:1.6;margin-top:8px}.auth-field input{height:52px;border:1px solid var(--kb-outline-strong);border-radius:var(--kb-radius-control);background:var(--kb-surface);padding:12px 16px;font-size:var(--kb-text-base)}.auth-field input:focus{outline:2px solid var(--kb-focus);outline-offset:2px;border-color:var(--kb-primary)}.auth-help{font-size:var(--kb-text-sm);margin:0 0 24px;color:var(--kb-primary)}.auth-help summary{cursor:pointer;padding:8px 0;min-height:44px}.auth-help p{background:var(--kb-primary-wash);padding:16px;border-radius:var(--kb-radius-control);color:var(--kb-muted);font-size:var(--kb-text-sm)}.auth-help code{color:var(--kb-primary)}.auth-continue{width:100%;height:52px;font-size:var(--kb-text-base);justify-content:center;gap:12px;margin-top:8px;border-radius:var(--kb-radius-control)}.auth-back{display:flex;margin:12px auto 0;border:0;background:none;padding:10px 16px;color:var(--kb-muted);font-size:var(--kb-text-sm)}.auth-assurance{border-top:1px solid var(--kb-outline);display:flex;justify-content:center;align-items:center;gap:8px;font-size:var(--kb-text-xs);line-height:1.6;color:var(--kb-subtle);margin-top:24px;padding-top:20px}.auth-assurance>svg{flex-shrink:0;color:var(--kb-primary)}.auth-bottomline{border:0;display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:var(--kb-text-xs);color:var(--kb-subtle);margin:0;padding:24px 0}.auth-switch{margin-top:20px;text-align:center;font-size:var(--kb-text-sm);color:var(--kb-muted)}.auth-switch button{padding:6px 8px;background:none;border:0;color:var(--kb-primary);font-size:var(--kb-text-sm);font-weight:700}.auth-qr-panel{padding:20px;border:1px solid var(--kb-outline);border-radius:var(--kb-radius-card);background:var(--kb-background);text-align:center;margin:24px 0 12px}.auth-qr{width:232px;height:232px;display:grid;place-items:center;margin:0 auto 16px;background:var(--kb-surface);border-radius:12px}.auth-qr img{width:232px;height:232px;max-width:100%;object-fit:contain}.auth-qr-panel strong{font-family:var(--kb-font-heading);font-size:18px;font-weight:800}.auth-qr-panel p{font-size:var(--kb-text-sm);line-height:1.6;max-width:330px;margin:8px auto 0;color:var(--kb-muted)}.auth-manual-toggle{border:0;background:none;padding:8px 0;display:block;margin:0 auto;color:var(--kb-primary);font-size:var(--kb-text-sm);text-align:center}.auth-manual{margin:16px 0;background:var(--kb-primary-wash);border:1px solid var(--kb-primary-soft);padding:16px;border-radius:var(--kb-radius-control)}.auth-manual p{font-size:var(--kb-text-sm);margin:0 0 12px}.auth-manual code{display:block;word-break:break-all;line-height:1.8;font-size:var(--kb-text-sm);color:var(--kb-ink);letter-spacing:1px}.auth-manual button{font-size:var(--kb-text-sm);padding:8px 12px;margin-top:12px}.auth-field input.auth-otp{font:700 28px var(--kb-font-mono);letter-spacing:10px;text-align:center;height:60px;padding-left:24px}.auth-otp::placeholder{color:var(--kb-subtle)}.auth-account{display:flex;align-items:center;gap:12px;padding:12px 16px;border:1px solid var(--kb-primary-soft);border-radius:var(--kb-radius-control);background:var(--kb-primary-wash);margin:24px 0}.auth-account>span{width:36px;height:36px;background:var(--kb-primary-soft);display:grid;place-items:center;border-radius:12px;color:var(--kb-primary);font-size:var(--kb-text-sm);flex-shrink:0}.auth-account strong{font-size:var(--kb-text-sm);font-weight:400;color:var(--kb-ink);overflow-wrap:anywhere}.auth-account button{margin-left:auto;background:none;border:0;padding:8px;font-size:var(--kb-text-sm);color:var(--kb-primary)}.auth-callout{display:flex;align-items:flex-start;gap:12px;background:var(--kb-primary-wash);border:1px solid var(--kb-primary-soft);padding:16px;border-radius:var(--kb-radius-control);margin:24px 0;color:var(--kb-primary)}.auth-callout svg{flex-shrink:0;margin-top:3px}.auth-callout p{font-size:var(--kb-text-sm);margin:0;color:var(--kb-muted)}.auth-backup-card{border:1px solid var(--kb-primary-soft);border-radius:var(--kb-radius-card);text-align:center;background:var(--kb-primary-wash);padding:28px 24px;margin:24px 0}.auth-backup-card>span{display:grid;place-items:center;width:56px;height:56px;background:var(--kb-primary-soft);color:var(--kb-primary);border-radius:18px;margin:0 auto 20px}.auth-backup-card>strong{font-family:var(--kb-font-heading);font-size:20px;font-weight:800}.auth-backup-card p{font-size:var(--kb-text-sm);max-width:320px;margin:12px auto 20px}.auth-download{font-size:var(--kb-text-sm);background:var(--kb-surface)}.auth-backup-card>small{display:block;font-size:var(--kb-text-xs);margin-top:12px;color:var(--kb-subtle)}.auth-confirm{display:flex;align-items:flex-start;gap:12px;font-size:var(--kb-text-sm);line-height:1.6;color:var(--kb-muted);min-height:44px}.auth-confirm input{width:20px;height:20px;min-height:20px;flex-shrink:0;margin:2px 0 0;accent-color:var(--kb-primary)}.auth-backup-note{font-size:var(--kb-text-xs);line-height:1.6;color:var(--kb-subtle);margin:16px 0}.auth-error{background:var(--kb-danger-soft);border:1px solid var(--kb-danger);border-radius:var(--kb-radius-control);color:var(--kb-danger);padding:12px 16px;line-height:1.6;font-size:var(--kb-text-sm);margin:20px 0}.auth-error button{display:block;font-size:var(--kb-text-sm);margin-top:12px;background:var(--kb-surface);color:var(--kb-danger)}.auth-unlock{max-width:none}.auth-unlock>.icon-tile{width:56px;height:56px;border-radius:18px;margin-bottom:8px}.auth-unlock h2{margin-top:20px}.auth-unlock>p{font-size:var(--kb-text-base);line-height:1.65}.auth-unlock input,.auth-unlock .primary{height:52px}.auth-unlock .field-heading{font-size:var(--kb-text-sm)}.auth-page form{animation:auth-page-in var(--kb-duration) var(--kb-ease)}@keyframes auth-page-in{0%{opacity:.5;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1100px){.auth-story{padding:32px 9%}.auth-stage{padding:0 7%}.auth-story h1{font-size:42px}.auth-topline>span:last-child{display:none}.auth-kicker{font-size:11px}}@media(max-width:760px){.auth-experience{display:block}.auth-story{display:none}.auth-stage{min-height:100dvh;margin:0;width:100%;padding:0 24px}.auth-topline{height:64px;font-size:var(--kb-text-xs)}.auth-topline>span:last-child{display:flex;font-size:10px}.auth-page{max-width:448px;padding:20px 0 32px}.auth-mobile-progress{display:inline-flex;font-size:var(--kb-text-xs);font-weight:700;color:var(--kb-primary);background:var(--kb-primary-soft);border-radius:var(--kb-radius-pill);padding:6px 12px;margin-bottom:24px}.auth-page h2{font-size:30px}.auth-page-icon{margin-bottom:20px}.auth-qr-panel{padding:16px}.auth-bottomline{font-size:11px}.auth-assurance{font-size:var(--kb-text-xs)}}@media(prefers-reduced-motion:reduce){.auth-page form{animation:none}}:root{--kb-sky: #3b82f6;--kb-sky-bright: #60a5fa;--kb-primary: #1d4ed8;--kb-primary-hover: #1e40af;--kb-primary-soft: #dbeafe;--kb-primary-wash: #eff6ff;--kb-sun: #fbbf24;--kb-warning: #92400e;--kb-warning-soft: #fef3c7;--kb-success: #166534;--kb-success-soft: #dcfce7;--kb-danger: #991b1b;--kb-danger-soft: #fee2e2;--kb-berry: #7e22ce;--kb-berry-soft: #f3e8ff;--kb-background: #f8fafc;--kb-surface: #ffffff;--kb-sunken: #f1f5f9;--kb-ink: #0f172a;--kb-muted: #475569;--kb-subtle: #5b6b80;--kb-outline: #e2e8f0;--kb-outline-strong: #64748b;--kb-focus: #1d4ed8;--kb-font-body: "Atkinson Hyperlegible", system-ui, sans-serif;--kb-font-heading: "Nunito", system-ui, sans-serif;--kb-font-mono: ui-monospace, SFMono-Regular, Consolas, monospace;--kb-text-xs: .75rem;--kb-text-sm: .875rem;--kb-text-base: 1rem;--kb-text-lg: 1.125rem;--kb-space-1: 4px;--kb-space-2: 8px;--kb-space-3: 12px;--kb-space-4: 16px;--kb-space-6: 24px;--kb-space-8: 32px;--kb-space-12: 48px;--kb-radius-sm: 8px;--kb-radius-control: 12px;--kb-radius-card: 20px;--kb-radius-modal: 24px;--kb-radius-pill: 999px;--kb-shadow-card: 0 3px 12px rgb(15 23 42 / 3%);--kb-shadow-hover: 0 8px 24px rgb(59 130 246 / 9%);--kb-shadow-modal: 0 24px 80px rgb(15 23 42 / 18%);--kb-duration: .18s;--kb-ease: cubic-bezier(.2, .8, .2, 1);--kb-sidebar: 240px;color-scheme:light}@media(prefers-reduced-motion:reduce){:root{--kb-duration: 0ms}}*{box-sizing:border-box}:root{font-family:var(--kb-font-body);font-size:16px;color:var(--kb-ink);background:var(--kb-background);font-synthesis:none;line-height:1.5}body{margin:0}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{display:inline-flex;align-items:center;justify-content:center;gap:var(--kb-space-2);min-height:44px;border:1px solid var(--kb-outline);border-radius:var(--kb-radius-control);padding:10px 16px;background:var(--kb-surface);color:var(--kb-muted);cursor:pointer;font-size:var(--kb-text-sm);font-weight:700;transition:background var(--kb-duration),border-color var(--kb-duration),box-shadow var(--kb-duration)}button:hover{background:var(--kb-sunken);border-color:var(--kb-outline-strong)}button:disabled{opacity:.55;cursor:not-allowed}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--kb-focus);outline-offset:3px}input:focus,textarea:focus,select:focus{outline:2px solid var(--kb-focus);outline-offset:2px}.primary{background:var(--kb-primary);border-color:var(--kb-primary);color:var(--kb-surface);box-shadow:0 3px 0 var(--kb-primary-hover)}.primary:hover{background:var(--kb-primary-hover);border-color:var(--kb-primary-hover)}.primary:active{box-shadow:none;transform:translateY(1px)}.wide{width:100%;margin-top:var(--kb-space-4)}.text-button{border:0;background:transparent;color:var(--kb-primary);padding:8px 0}.text-button:hover{background:transparent;text-decoration:underline}.shell{display:flex;min-height:100vh}.shell>aside{position:fixed;inset:0 auto 0 0;width:var(--kb-sidebar);background:var(--kb-surface);border-right:1px solid var(--kb-outline);padding:28px 16px 0;display:flex;flex-direction:column;z-index:5}.brand{display:flex;align-items:center;gap:10px;font-family:var(--kb-font-heading);color:var(--kb-ink);font-size:29px;font-weight:800;letter-spacing:-1px;padding:0 12px}.brand>span:first-child{background:var(--kb-primary-soft);color:var(--kb-primary);width:42px;height:42px;display:grid;place-items:center;border-radius:14px}.brand .brand-dot{color:var(--kb-sky);margin-left:-8px}.workspace-label{font-size:var(--kb-text-xs);letter-spacing:1.5px;color:var(--kb-subtle);font-weight:700;margin:40px 14px 16px}.shell nav{display:flex;flex-direction:column;gap:8px}.shell nav button{justify-content:flex-start;border:0;background:transparent;color:var(--kb-muted);padding:12px 14px;gap:12px;min-height:48px}.shell nav button:hover{background:var(--kb-background)}.shell nav button.active{background:var(--kb-primary-soft);color:var(--kb-primary)}.shell nav button span{margin-left:auto;background:var(--kb-surface);border-radius:var(--kb-radius-pill);min-width:24px;padding:1px 7px;font-size:var(--kb-text-xs)}.sidebar-bottom{margin-top:auto}.encrypted{display:flex;align-items:center;gap:8px;font-size:var(--kb-text-xs);padding:20px 0;color:var(--kb-muted);border-bottom:1px solid var(--kb-outline)}.encrypted>svg{color:var(--kb-success);flex-shrink:0}.encrypted small{display:block;font-size:11px;color:var(--kb-subtle);margin-top:4px}.dot{width:7px;height:7px;background:var(--kb-success);border-radius:50%;display:inline-block;flex-shrink:0}.encrypted .dot{margin-left:auto}.profile{display:flex;gap:10px;background:transparent;border:0;color:var(--kb-ink);text-align:left;padding:20px 0;width:100%;justify-content:flex-start}.profile small{display:block;color:var(--kb-subtle);font-size:var(--kb-text-xs);margin-top:2px}.profile>svg{margin-left:auto}.avatar{width:38px;height:38px;border-radius:14px;background:var(--kb-primary-soft);color:var(--kb-primary);display:grid;place-items:center;font-size:var(--kb-text-sm);font-weight:700;flex-shrink:0}.shell>main{margin-left:var(--kb-sidebar);width:calc(100% - var(--kb-sidebar));min-width:0}.shell>main>header{height:80px;border-bottom:1px solid var(--kb-outline);display:flex;justify-content:space-between;align-items:center;padding:0 40px;background:var(--kb-surface);gap:16px}.breadcrumb{display:flex;align-items:center;gap:12px;font-size:var(--kb-text-sm);color:var(--kb-subtle);min-width:0}.breadcrumb strong{font-weight:400;color:var(--kb-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header-actions{display:flex;align-items:center;gap:20px;flex-shrink:0}.header-actions button{font-size:var(--kb-text-sm)}.local-badge{display:flex;gap:8px;align-items:center;font-size:var(--kb-text-xs);color:var(--kb-subtle)}.content{padding:36px 40px 0;max-width:1600px;margin:auto}.eyebrow{font-size:var(--kb-text-xs);letter-spacing:1.4px;color:var(--kb-primary);font-weight:700}h1,h2,h3{font-family:var(--kb-font-heading);color:var(--kb-ink)}h1{font-size:36px;letter-spacing:-1.1px;font-weight:800;line-height:1.2;margin:8px 0 12px}h2{font-size:22px;font-weight:800;letter-spacing:-.4px;margin:0 0 16px}h3{font-size:20px;font-weight:800;letter-spacing:-.3px}p{color:var(--kb-muted);font-size:var(--kb-text-base);line-height:1.65;margin:8px 0 0}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:32px}.page-heading>.primary{flex-shrink:0}.overview-heading{background:var(--kb-primary-wash);border:1px solid var(--kb-primary-soft);border-radius:var(--kb-radius-card);padding:28px 32px;position:relative;overflow:hidden}.overview-heading:after{content:"";position:absolute;pointer-events:none;width:180px;height:180px;border:28px solid var(--kb-primary-soft);border-radius:50%;right:100px;top:-110px;opacity:.5}.overview-heading>*{z-index:1}.overview-heading p{font-size:var(--kb-text-sm)}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:32px}.stat{background:var(--kb-surface);border:1px solid var(--kb-outline);border-radius:var(--kb-radius-card);padding:20px;box-shadow:var(--kb-shadow-card)}.stat>div{display:flex;align-items:center;justify-content:space-between;gap:8px;color:var(--kb-muted);font-size:var(--kb-text-sm)}.stat svg{color:var(--kb-primary);flex-shrink:0}.stat:nth-child(2) svg{color:var(--kb-berry)}.stat:nth-child(3) svg{color:var(--kb-warning)}.stat:nth-child(4) svg{color:var(--kb-success)}.stat>strong{display:block;font-family:var(--kb-font-heading);font-size:36px;font-weight:800;letter-spacing:-1px;margin:12px 0 4px}.stat:last-child>strong{font-size:28px;color:var(--kb-success);margin-top:18px}.stat small{font-size:var(--kb-text-xs);color:var(--kb-subtle)}.section-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;gap:12px}.section-title h2{margin:0;display:flex;align-items:center;gap:10px}.section-title h2>span{font-family:var(--kb-font-body);font-size:var(--kb-text-xs);border-radius:var(--kb-radius-pill);padding:3px 9px;background:var(--kb-sunken);color:var(--kb-muted)}.section-title .text-button{font-size:var(--kb-text-sm)}.vault-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:20px 0 32px}.vault-card{display:block;text-align:left;background:var(--kb-surface);border:1px solid var(--kb-outline);border-radius:var(--kb-radius-card);padding:24px 24px 0;min-height:232px;overflow:hidden;box-shadow:var(--kb-shadow-card);font-weight:400}.vault-card:hover{background:var(--kb-surface);border-color:var(--kb-sky-bright);box-shadow:var(--kb-shadow-hover)}.card-top{display:flex;align-items:center;gap:10px}.card-top>.pill{margin-left:auto}.card-top>svg{color:var(--kb-subtle)}.icon-tile{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;background:var(--kb-primary-soft);color:var(--kb-primary);border-radius:16px;flex-shrink:0}.icon-tile.production{background:var(--kb-berry-soft);color:var(--kb-berry)}.icon-tile.testing{background:var(--kb-success-soft);color:var(--kb-success)}.vault-card h3{font-size:20px;margin:20px 0 6px}.vault-card p{font-size:var(--kb-text-sm);white-space:nowrap;text-overflow:ellipsis;overflow:hidden;min-height:24px}.card-foot{display:flex;align-items:center;gap:16px;border-top:1px solid var(--kb-outline);margin-top:20px;padding:16px 0;color:var(--kb-subtle);font-size:var(--kb-text-xs)}.card-foot span{display:flex;align-items:center;gap:6px}.card-foot>svg{margin-left:auto;color:var(--kb-primary)}.pill{display:inline-flex;align-items:center;white-space:nowrap;border-radius:var(--kb-radius-pill);font-size:var(--kb-text-xs);font-weight:700;padding:4px 10px;background:var(--kb-primary-soft);color:var(--kb-primary)}.pill.production{background:var(--kb-berry-soft);color:var(--kb-berry)}.pill.testing,.pill.green{background:var(--kb-success-soft);color:var(--kb-success)}.pill.neutral{background:var(--kb-sunken);color:var(--kb-muted)}.pill.danger{background:var(--kb-danger-soft);color:var(--kb-danger)}.new-vault-card{background:var(--kb-primary-wash);border:2px dashed var(--kb-primary-soft);display:flex;flex-direction:column;gap:12px;min-height:232px;border-radius:var(--kb-radius-card);padding:24px}.new-vault-card:hover{background:var(--kb-primary-soft);border-color:var(--kb-sky-bright)}.new-vault-card>span{border-radius:16px;width:48px;height:48px;display:grid;place-items:center;background:var(--kb-surface);color:var(--kb-primary)}.new-vault-card strong{font-family:var(--kb-font-heading);font-size:18px;color:var(--kb-primary)}.new-vault-card small{font-size:var(--kb-text-xs);color:var(--kb-muted)}.bottom-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:24px}.panel{background:var(--kb-surface);border:1px solid var(--kb-outline);border-radius:var(--kb-radius-card);padding:24px;margin-bottom:24px;overflow:auto;box-shadow:var(--kb-shadow-card)}.empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;text-align:center;color:var(--kb-primary)}.empty>svg{width:32px;height:32px}.empty h3{font-size:20px;margin:16px 0 4px}.empty p{max-width:440px;font-size:var(--kb-text-sm)}.empty.compact{padding:24px 12px 32px}.empty.compact>svg{color:var(--kb-success)}.panel-foot{display:flex;align-items:center;gap:8px;border-top:1px solid var(--kb-outline);padding-top:16px;font-size:var(--kb-text-xs);color:var(--kb-subtle)}.amber{background:var(--kb-warning)}.guide-card{background:var(--kb-primary-wash);border:1px solid var(--kb-primary-soft);border-radius:var(--kb-radius-card);padding:24px;margin-bottom:24px}.guide-card>.icon-tile{background:var(--kb-surface)}.guide-card h2{margin:20px 0 8px}.guide-card p{font-size:var(--kb-text-sm);max-width:420px}.code-example{font:13px/1.9 var(--kb-font-mono);background:var(--kb-surface);border:1px solid var(--kb-primary-soft);border-radius:var(--kb-radius-control);color:var(--kb-primary);padding:16px;margin:20px 0}.code-example span{color:var(--kb-subtle)}.guide-card>.text-button{font-size:var(--kb-text-sm)}.content>footer{display:flex;align-items:center;justify-content:space-between;gap:16px;border-top:1px solid var(--kb-outline);padding:24px 0;margin-top:24px;font-size:var(--kb-text-xs);color:var(--kb-subtle)}.content>footer>span{display:flex;align-items:center;gap:8px}.search{display:flex;align-items:center;gap:10px;border:1px solid var(--kb-outline-strong);background:var(--kb-surface);border-radius:var(--kb-radius-control);padding:12px 14px;max-width:460px;min-height:48px;color:var(--kb-subtle)}.search:focus-within{outline:2px solid var(--kb-focus);outline-offset:2px}.search input{border:0;padding:0;outline:0;background:transparent;width:100%;font-size:var(--kb-text-sm);min-height:0}.back{font-size:var(--kb-text-sm);margin-bottom:12px}.title-with-badge{display:flex;align-items:center;gap:16px}.tabs{display:flex;gap:24px;border-bottom:1px solid var(--kb-outline);margin-bottom:24px;overflow-x:auto}.tabs button{border:0;border-bottom:3px solid transparent;border-radius:0;background:none;padding:12px 4px;color:var(--kb-muted)}.tabs button.selected{border-bottom-color:var(--kb-primary);color:var(--kb-primary)}.table-toolbar{display:flex;align-items:center;gap:16px;padding-bottom:24px}.table-toolbar .search{flex:1;max-width:none}.checkbox{display:flex;align-items:center;gap:8px;color:var(--kb-muted);font-size:var(--kb-text-sm);min-height:44px}.checkbox input{width:18px;height:18px;accent-color:var(--kb-primary)}table{width:100%;border-collapse:collapse;text-align:left}th{font-size:var(--kb-text-xs);font-weight:700;letter-spacing:.6px;color:var(--kb-muted);border-bottom:1px solid var(--kb-outline);padding:16px 12px;background:var(--kb-background)}td{padding:16px 12px;border-bottom:1px solid var(--kb-outline);font-size:var(--kb-text-sm);color:var(--kb-muted)}td strong{font-weight:700;color:var(--kb-ink)}tbody tr:hover{background:var(--kb-background)}td>button{padding:10px;border:0}.secret-name{display:flex;align-items:center;gap:12px;text-align:left;background:none;border:0;padding:0;font-weight:400}.secret-name>svg{color:var(--kb-primary);flex-shrink:0}.secret-name small{display:block;font-size:var(--kb-text-xs);margin-top:4px;color:var(--kb-subtle);max-width:340px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mono,code{font-family:var(--kb-font-mono);font-size:.875em;overflow-wrap:anywhere}.secret-panel .panel-foot{border:0;padding-top:20px}.access-row,.attention-row{display:flex;align-items:center;gap:16px;border-bottom:1px solid var(--kb-outline);padding:16px 0;width:100%}.access-row>div,.attention-row>div{flex:1;min-width:0}.access-row small,.attention-row small{display:block;font-size:var(--kb-text-xs);color:var(--kb-subtle);margin-top:4px;overflow-wrap:anywhere}.access-row strong,.attention-row strong{font-size:var(--kb-text-sm);font-weight:700}.attention-row{border:0;border-radius:var(--kb-radius-sm);justify-content:flex-start;text-align:left}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.settings-grid .panel{margin:0}dl{display:grid;grid-template-columns:1fr 1fr;gap:16px;font-size:var(--kb-text-sm);margin:24px 0}dt{color:var(--kb-subtle)}dd{margin:0;color:var(--kb-ink)}.button-row{display:flex;gap:12px;flex-wrap:wrap}.info-box{display:flex;align-items:flex-start;gap:12px;background:var(--kb-primary-wash);border:1px solid var(--kb-primary-soft);border-radius:var(--kb-radius-control);padding:16px;font-size:var(--kb-text-sm);line-height:1.65;color:var(--kb-muted);margin:20px 0;overflow-wrap:anywhere}.info-box>svg{color:var(--kb-primary);flex-shrink:0}.info-box.column{flex-direction:column}.info-box p{font-size:var(--kb-text-sm)}.muted{margin:8px 0 20px}.alert,.notice{display:flex;align-items:center;gap:12px;border:1px solid var(--kb-danger);border-radius:var(--kb-radius-control);background:var(--kb-danger-soft);color:var(--kb-danger);padding:12px 16px;margin-bottom:20px;font-size:var(--kb-text-sm);line-height:1.6}.notice{border-color:var(--kb-success);background:var(--kb-success-soft);color:var(--kb-success)}.alert button,.notice button{margin-left:auto;padding:10px;background:none;border:0;color:inherit}.modal-backdrop{position:fixed;inset:0;background:#0f172a7a;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:24px;z-index:20}.modal{width:580px;max-height:92dvh;overflow:auto;background:var(--kb-surface);border-radius:var(--kb-radius-modal);padding:32px;box-shadow:var(--kb-shadow-modal)}.modal-head{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px}.modal-head h2{margin:0;font-size:26px}.modal-head button{border:0;padding:10px}.field{display:block;margin:24px 0}.field-heading{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap;font-size:var(--kb-text-sm);color:var(--kb-ink);margin-bottom:8px;font-weight:700}input,textarea,select{border:1px solid var(--kb-outline-strong);border-radius:var(--kb-radius-control);padding:12px 14px;width:100%;color:var(--kb-ink);background:var(--kb-surface);min-height:48px}textarea{resize:vertical;min-height:96px}input::placeholder,textarea::placeholder{color:var(--kb-subtle);opacity:1}.inline-actions{display:flex;gap:8px}.inline-actions button{font-size:var(--kb-text-xs);padding:6px 8px;min-height:36px;border:0;background:var(--kb-primary-wash);color:var(--kb-primary)}.secret-value{font-family:var(--kb-font-mono);font-size:var(--kb-text-sm)}.masked{-webkit-text-security:disc}.security-note{display:flex;align-items:center;justify-content:center;gap:8px;font-size:var(--kb-text-xs);color:var(--kb-subtle);line-height:1.6;margin:24px 0 12px}.security-note>svg{flex-shrink:0}.auth-card{width:100%}.auth-card .text-button{display:flex;margin:16px auto}.boot{height:100vh;display:flex;align-items:center;justify-content:center;flex-direction:column}.boot>svg{width:48px;height:48px;color:var(--kb-primary)}.spaced-heading{margin-top:32px}@media(max-width:1200px){:root{--kb-sidebar: 216px}.content{padding:28px 24px 0}.shell>main>header{padding:0 24px}.stats{gap:12px}.stat{padding:16px}.stat>div{font-size:13px}.vault-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.header-actions .local-badge{display:none}.overview-heading{padding:24px}h1{font-size:32px}}@media(max-width:800px){:root{--kb-sidebar: 72px}.shell>aside{padding:20px 8px 0}.brand{font-size:0;padding:0;justify-content:center}.brand .brand-dot,.workspace-label,.sidebar-bottom{display:none}.shell nav{margin-top:32px}.shell nav button{font-size:0;justify-content:center;padding:12px 0;min-height:48px}.shell nav button span{display:none}.shell>main>header{height:72px;padding:0 16px}.header-actions button{font-size:0;padding:12px}.content{padding:24px 16px 0}.page-heading{align-items:flex-start;gap:16px;flex-wrap:wrap}h1{font-size:28px}.overview-heading{padding:24px}.stats{grid-template-columns:1fr 1fr}.vault-grid,.bottom-grid,.settings-grid{grid-template-columns:1fr}.panel{padding:20px}.tabs{gap:16px}.table-toolbar{flex-wrap:wrap}.table-toolbar .search{min-width:100%}.title-with-badge{flex-wrap:wrap}.modal{padding:24px}.access-row{flex-wrap:wrap}.content>footer{flex-wrap:wrap}.secret-name small{max-width:170px}th,td{padding:12px 8px}.breadcrumb{gap:8px;font-size:var(--kb-text-xs)}}@media(max-width:420px){.stat{padding:12px}.stat>div{font-size:var(--kb-text-xs)}.stat svg{width:16px}.stat:last-child>strong{font-size:22px}.overview-heading{padding:20px}.overview-heading p{font-size:var(--kb-text-sm)}.modal-backdrop{padding:12px}.modal{padding:20px}.card-foot{gap:12px}.vault-card{padding:20px 20px 0}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}.enrol-token{display:block;overflow-wrap:anywhere;padding:var(--kb-space-4);background:var(--kb-sunken);border-radius:var(--kb-radius-control);margin:var(--kb-space-4) 0}.enrol-command{overflow-x:auto;white-space:pre-wrap;overflow-wrap:anywhere;padding:var(--kb-space-4);background:var(--kb-sunken);border-radius:var(--kb-radius-control)}.instance-row{padding:var(--kb-space-6) 0;border-top:1px solid var(--kb-outline)}.instance-row small{overflow-wrap:anywhere}.instance-row p{margin:var(--kb-space-2) 0}.recovery-panel{grid-column:1 / -1}.recovery-panel form{max-width:720px}.recovery-panel label,.login-reset label{display:grid;gap:7px;margin:18px 0;font-weight:700}.recovery-panel label:has(input[type=checkbox]){display:flex;align-items:flex-start;gap:12px;font-weight:400;line-height:1.5}.recovery-panel input[type=checkbox]{width:18px;min-width:18px;height:18px;margin-top:3px}.login-reset{margin-top:20px}.login-reset summary,details>summary{cursor:pointer;font-weight:700;padding:12px 0}