*{box-sizing:border-box}html{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:#f5f5f4}body{color:#1c1917;background:#f5f5f4;min-height:100vh;margin:0;font-family:Arial,Helvetica,sans-serif}button,input,textarea,select{font:inherit}.shell,.setup-shell{place-items:center;min-height:100vh;padding:24px;display:grid}.vault-shell{align-items:start}.vault-layout{gap:18px;width:min(100%,980px);display:grid}.vault-card,.setup-card,.credential-panel{background:#fff;border:1px solid #dedbd7;border-radius:20px;width:min(100%,480px);padding:36px;box-shadow:0 16px 48px #1c191714}.vault-layout>.vault-card,.credential-panel{width:100%}.wide-card{width:min(100%,560px)}.lock-mark{background:#fafaf9;border:1px solid #e7e5e4;border-radius:14px;place-items:center;width:48px;height:48px;margin-bottom:28px;font-size:22px;display:grid}.eyebrow{color:#78716c;letter-spacing:.12em;margin:0 0 8px;font-size:12px;font-weight:700}h1,h2{letter-spacing:-.035em;margin:0;line-height:1.08}h1{font-size:clamp(30px,8vw,42px)}h2{font-size:clamp(24px,5vw,32px)}.lead,.setup-card>p:not(.eyebrow){color:#57534e;margin:18px 0 28px;font-size:15px;line-height:1.7}.status{color:#44403c;align-items:center;gap:9px;font-size:13px;display:flex}.status-dot{background:#57534e;border-radius:999px;width:8px;height:8px}.setup-form,.credential-form{gap:10px;display:grid}.setup-form label,.credential-form label{gap:7px;font-size:13px;font-weight:700;display:grid}.setup-form input,.setup-form textarea,.credential-form input,.credential-form textarea{color:#1c1917;background:#fff;border:1px solid #d6d3d1;border-radius:10px;width:100%;min-height:44px;padding:10px 12px}.setup-form input:focus-visible,.setup-form textarea:focus-visible,.setup-form button:focus-visible,.credential-form input:focus-visible,.credential-form textarea:focus-visible,.credential-form button:focus-visible,.secondary-button:focus-visible,.text-button:focus-visible,.primary-button:focus-visible,.vault-toolbar input:focus-visible,.vault-toolbar select:focus-visible{outline-offset:2px;outline:3px solid #57534e38}.setup-form button,.secondary-button,.primary-button{color:#fff;cursor:pointer;background:#292524;border:0;border-radius:10px;min-height:44px;margin-top:6px;font-weight:700}.primary-button{padding:10px 16px}.compact-button{white-space:nowrap;min-height:40px;margin:0}.setup-form button:disabled,.setup-form input:disabled,.setup-form textarea:disabled,.credential-form button:disabled,.credential-form input:disabled,.credential-form textarea:disabled,.primary-button:disabled,.text-button:disabled{cursor:not-allowed;opacity:.6}.setup-hint,.setup-error{margin:0;font-size:12px;line-height:1.5}.setup-hint{color:#78716c}.setup-error{color:#991b1b}.recovery-key{resize:none;overflow-wrap:anywhere;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:13px;line-height:1.55}.setup-form .ack-row{color:#44403c;align-items:flex-start;gap:10px;margin-top:6px;font-weight:400;line-height:1.5;display:flex}.setup-form .ack-row input{width:auto;min-height:0;margin:3px 0 0;padding:0}.logout-form{margin-top:24px}.secondary-button{color:#292524;background:#f5f5f4;border:1px solid #d6d3d1;width:100%;padding:10px 14px}.link-button{justify-content:center;align-items:center;text-decoration:none;display:flex}.credential-panel-header,.credential-form-heading,.credential-card-heading,.credential-actions,.password-detail,.copy-detail,.inline-actions{align-items:center;display:flex}.credential-panel-header,.credential-form-heading,.credential-card-heading{justify-content:space-between;gap:16px}.credential-subtitle{color:#78716c;margin:10px 0 0;font-size:13px;line-height:1.5}.credential-message{margin:16px 0 0}.credential-form{background:#fafaf9;border:1px solid #e7e5e4;border-radius:14px;margin-top:20px;padding:20px}.credential-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.credential-notes-field{grid-column:1/-1}.text-button{color:#57534e;cursor:pointer;background:0 0;border:0;padding:4px 2px;font-size:12px;font-weight:700}.danger-text{color:#991b1b}.vault-toolbar{background:#fafaf9;border:1px solid #e7e5e4;border-radius:14px;grid-template-columns:minmax(0,1.7fr) minmax(150px,.8fr) minmax(170px,.9fr);gap:12px;margin-top:20px;padding:16px;display:grid}.vault-toolbar label{color:#57534e;gap:6px;font-size:12px;font-weight:700;display:grid}.vault-toolbar input,.vault-toolbar select{color:#1c1917;background:#fff;border:1px solid #d6d3d1;border-radius:10px;width:100%;min-height:42px;padding:9px 11px}.vault-result-count{color:#78716c;grid-column:1/-1;margin:0;font-size:12px}.empty-vault{color:#78716c;text-align:center;border:1px dashed #d6d3d1;border-radius:12px;margin-top:20px;padding:24px;font-size:13px;line-height:1.6}.credential-list{gap:12px;margin-top:20px;display:grid}.credential-card{background:#fff;border:1px solid #e7e5e4;border-radius:14px;padding:18px}.credential-card-heading>div:first-child{gap:4px;display:grid}.credential-card-heading strong{font-size:16px}.credential-card-heading span{color:#78716c;overflow-wrap:anywhere;font-size:13px}.credential-actions,.password-detail,.copy-detail,.inline-actions{gap:12px}.credential-details{grid-template-columns:90px minmax(0,1fr);gap:10px 14px;margin:18px 0 0;font-size:13px;line-height:1.5;display:grid}.credential-details dt{color:#78716c}.credential-details dd{overflow-wrap:anywhere;margin:0}.password-detail,.copy-detail{justify-content:space-between}.password-detail code,.copy-detail code{white-space:pre-wrap;overflow-wrap:anywhere;min-width:0}.inline-actions{flex-shrink:0}.copy-feedback{color:#57534e;min-height:18px;margin:12px 0 0;font-size:12px;line-height:1.5}.copy-feedback-error{color:#991b1b}.credential-notes{white-space:pre-wrap}@media (max-width:760px){.vault-toolbar{grid-template-columns:1fr 1fr}.vault-search-field{grid-column:1/-1}}@media (max-width:680px){.credential-grid{grid-template-columns:1fr}.credential-notes-field{grid-column:auto}.credential-panel-header,.credential-card-heading{align-items:flex-start}}@media (max-width:520px){.shell,.setup-shell{padding:16px}.vault-card,.setup-card,.credential-panel{border-radius:16px;padding:28px 24px}.credential-panel-header,.credential-card-heading{flex-direction:column}.credential-actions{justify-content:flex-end;width:100%}.vault-toolbar{grid-template-columns:1fr}.vault-search-field,.vault-result-count{grid-column:auto}.credential-details{grid-template-columns:1fr;gap:4px}.credential-details dd+dt{margin-top:8px}.password-detail,.copy-detail{flex-direction:column;align-items:flex-start}}