.vault-brand{display:flex;gap:18px;align-items:center;min-width:0}.vault-brand>img{flex-shrink:0;border-radius:18px}.vault-brand h1{font-size:clamp(24px,4vw,37px);margin:0 0 6px;letter-spacing:-1px}.vault-brand p{margin:4px 0 10px}.vault-shell{display:grid;grid-template-columns:230px minmax(0,1fr);border:1px solid #2c3d52;border-radius:18px;overflow:hidden;background:#0f1b2b;margin-top:18px;min-height:480px}.vault-nav{background:#0b1624;padding:26px 18px}.vault-nav button{display:block;width:100%;text-align:left;border:1px solid transparent;border-radius:8px;color:#ccd9e5;background:transparent;padding:13px 12px;font:inherit;margin:5px 0;cursor:pointer}.vault-nav button[aria-pressed=true]{background:#103f46;border-color:#17656a;color:#76eee0}.vault-nav button span{display:block;font-size:11px;color:#9ab3c4;margin-top:5px}.vault-nav-rule{height:1px;background:#24364a;margin:20px 0}.vault-nav-note{font-size:12px;line-height:1.6;color:#9eb1c4}.vault-content{padding:28px;min-width:0}.vault-context{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:24px}.vault-context>span{font-size:11px;letter-spacing:1.8px;color:#6de2d4;font-weight:700}.vault-title{display:flex;gap:15px;justify-content:space-between;align-items:start;flex-wrap:wrap;margin-bottom:20px}.vault-title h2{font-size:26px;margin:0 0 8px}.vault-title p{color:#a7bdcf;line-height:1.6;margin:0;max-width:560px}.vault-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:22px}.vault-metrics>div{padding:17px;background:#14273a;border:1px solid #294157;border-radius:10px}.vault-metrics strong{font-size:27px;display:block;color:#f2f7fc;margin-top:8px}.vault-metrics span{font-size:12px;color:#b1c4d5}.vault-search{display:block;margin:16px 0;font-size:12px;color:#c5d7e5}.vault-search input{display:block;background:#0b1726;color:#ecf5fa;border:1px solid #36516a;border-radius:7px;padding:12px;width:100%;margin-top:8px;font:inherit}.credential-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:18px 0;border-bottom:1px solid #2a3c50;flex-wrap:wrap}.credential-row h3{font-size:16px;margin:0 0 6px}.credential-row p{font-size:12px;color:#a7bdcf;margin:0;overflow-wrap:anywhere}.credential-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.credential-secret{font:13px Consolas,monospace;color:#7ceddc;overflow-wrap:anywhere}.vault-notice{background:#102e3b;border:1px solid #24546a;border-radius:9px;padding:15px;color:#bce7e8;line-height:1.6;font-size:13px;margin:18px 0}.vault-health-row{display:flex;justify-content:space-between;gap:14px;padding:18px 0;border-bottom:1px solid #294157;flex-wrap:wrap}.vault-health-row strong{color:#ffcb8c}.vault-locked{min-height:340px;display:grid;place-content:center;text-align:center;justify-items:center}.vault-locked h2{font-size:30px}.vault-locked p{max-width:380px;color:#adc1d2;line-height:1.7}.vault-content button:focus-visible,.vault-nav button:focus-visible{outline:3px solid #6cebd9;outline-offset:3px}.vault-content section{animation:vault-enter .18s ease-out}@keyframes vault-enter{from{opacity:0}to{opacity:1}}@media(prefers-reduced-motion:reduce){.vault-content section{animation:none}}@media(max-width:850px){.vault-shell{grid-template-columns:1fr}.vault-nav{display:flex;gap:8px;flex-wrap:wrap;padding:15px}.vault-nav .eyebrow,.vault-nav-note,.vault-nav-rule{display:none}.vault-nav button{width:auto;flex:1 1 130px;font-size:12px}.vault-nav button span{display:none}.vault-content{padding:20px}}@media(max-width:450px){.vault-brand>img{width:58px;height:58px}.vault-brand{gap:10px}.vault-content{padding:16px}.vault-metrics{gap:7px}.vault-metrics>div{padding:12px 8px}.vault-metrics span{font-size:11px}.vault-context .button{font-size:12px}.credential-actions{width:100%}}