:root{--bg-primary:#f4f6fb;--bg-secondary:#fff;--bg-tertiary:#eef1f8;--text-primary:#1b1f35;--text-secondary:#565b78;--text-muted:#868ca8;--accent-blue:#5567d5;--accent-blue-hover:#3347cc;--accent-blue-text:#3546b8;--accent-blue-light:#eef0fc;--accent-blue-soft:#5567d524;--accent-blue-border:#5567d547;--accent-blue-ink:#fff;--accent-red:#cc2500;--accent-red-hover:#991c00;--accent-red-light:#fdeeea;--accent-green:#23764d;--accent-green-light:#e8f7ef;--accent-amber:#960;--accent-amber-light:#fff6e0;--accent-orange:#ff7300;--skeleton-base:#e2e6f2;--skeleton-sheen:#ffffff8c;--border-color:#e2e6f2;--border-strong:#cbcedb;--border-focus:#5567d5;--focus-ring:0 0 0 3px #5567d538;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-pill:999px;--shadow-sm:0 1px 2px #1b1f350a;--shadow-md:0 2px 4px #1b1f350a, 0 4px 12px #1b1f350d;--shadow-lg:0 4px 8px #1b1f350d, 0 12px 32px #1b1f3514;--font-sans:"Geist", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:"IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;--transition-fast:.12s ease;--transition-normal:.2s cubic-bezier(.4, 0, .2, 1)}[data-theme=dark]{--bg-primary:#0d0f1a;--bg-secondary:#151827;--bg-tertiary:#1e2235;--text-primary:#f0f1f7;--text-secondary:#a4a9c4;--text-muted:#6f7595;--accent-blue:#7c8ae5;--accent-blue-hover:#9aa5ed;--accent-blue-text:#9aa5ed;--accent-blue-light:#7c8ae524;--accent-blue-soft:#7c8ae529;--accent-blue-border:#7c8ae55c;--accent-blue-ink:#151827;--accent-red:#ff5833;--accent-red-hover:#ff8266;--accent-red-light:#ff583324;--accent-green:#3bc480;--accent-green-light:#3bc48024;--accent-amber:#fb3;--accent-amber-light:#ffaa0024;--skeleton-base:#232840;--skeleton-sheen:#ffffff14;--border-color:#262b42;--border-strong:#363c58;--border-focus:#7c8ae5;--focus-ring:0 0 0 3px #7c8ae54d;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 2px 4px #0000004d, 0 4px 12px #00000059;--shadow-lg:0 4px 8px #00000059, 0 12px 32px #00000073}

*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-sans);background:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;overflow-x:hidden}a{color:var(--accent-blue);text-decoration:none}a:hover{text-decoration:underline}input,button,select,textarea{font-family:inherit}.hidden{display:none!important}.screen{display:none}.screen.active{display:block}
.glass-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}
.skeleton{background:var(--skeleton-base);border-radius:var(--radius-sm);position:relative;overflow:hidden}.skeleton:after{content:"";background:linear-gradient(90deg, transparent, var(--skeleton-sheen), transparent);animation:1.4s ease-in-out infinite skeleton-sweep;position:absolute;inset:0;transform:translate(-100%)}@keyframes skeleton-sweep{to{transform:translate(100%)}}.skeleton-line{border-radius:var(--radius-pill);height:10px}.skeleton-line.lg{height:14px}.skeleton-line.sm{height:8px}.skeleton-avatar{border-radius:var(--radius-md);flex-shrink:0;width:40px;height:40px}.skeleton-avatar.sm{width:30px;height:30px}.skeleton-pill{border-radius:var(--radius-pill);flex-shrink:0;width:56px;height:22px}.skeleton-btn{border-radius:var(--radius-md);flex-shrink:0;width:88px;height:30px}.vault-card.is-skeleton,.credential-card.is-skeleton,.org-item.is-skeleton{cursor:default;pointer-events:none}.vault-card.is-skeleton{--vault-accent:var(--border-color)}.skeleton-stack{flex-direction:column;flex:1;gap:8px;min-width:0;display:flex}.skeleton-row{align-items:center;gap:8px;display:flex}.credential-card.is-skeleton .cred-header{align-items:center}.credential-card.is-skeleton .cred-field{margin-bottom:16px}.credential-card.is-skeleton .cred-actions{margin-top:20px}.org-header.is-skeleton .org-header-info{flex-direction:column;gap:10px;display:flex}@media (prefers-reduced-motion:reduce){.skeleton:after{background:var(--skeleton-sheen);animation:2s ease-in-out infinite skeleton-pulse;transform:none}@keyframes skeleton-pulse{0%,to{opacity:.15}50%{opacity:.6}}}
.btn{font-family:var(--font-sans);letter-spacing:-.005em;border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast), box-shadow var(--transition-fast);white-space:nowrap;background:var(--bg-secondary);color:var(--text-primary);border:1px solid #0000;border-color:var(--border-color);box-shadow:var(--shadow-sm);justify-content:center;align-items:center;gap:7px;padding:9px 18px;font-size:.875rem;font-weight:600;display:inline-flex;position:relative}.btn:hover{background:var(--bg-tertiary);border-color:var(--border-strong)}.btn:active{box-shadow:none;transform:translateY(1px)}.btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.btn:focus-visible{box-shadow:var(--focus-ring);outline:none}.btn-primary{background:var(--accent-blue);color:var(--accent-blue-ink);border-color:var(--accent-blue)}.btn-primary:hover{background:var(--accent-blue-hover);border-color:var(--accent-blue-hover);color:var(--accent-blue-ink)}.btn-ghost{box-shadow:none;color:var(--text-secondary);background:0 0;border-color:#0000}.btn-ghost:hover{background:var(--bg-tertiary);color:var(--text-primary);border-color:#0000}.btn-danger{background:var(--bg-secondary);color:var(--accent-red);border-color:var(--border-color)}.btn-danger:hover{background:var(--accent-red-light);border-color:var(--accent-red)}.btn-danger-solid{background:var(--accent-red);color:#fff;border-color:var(--accent-red)}.btn-danger-solid:hover:not(:disabled){background:var(--accent-red-hover);border-color:var(--accent-red-hover);color:#fff}.btn-danger-solid:disabled{background:var(--bg-tertiary);color:var(--text-muted);border-color:var(--border-color);box-shadow:none}.btn-icon{border-radius:var(--radius-md);width:34px;height:34px;padding:6px}.btn-accent{background:var(--accent-blue-light);color:var(--accent-blue-text);border-color:var(--accent-blue-border);box-shadow:none}.btn-accent:hover{background:var(--accent-blue-soft);border-color:var(--accent-blue);color:var(--accent-blue-text)}.btn-sm{border-radius:var(--radius-sm);padding:6px 13px;font-size:.8125rem}.btn-full{width:100%}.btn-loader{border:2px solid #ffffff4d;border-top-color:currentColor;border-radius:50%;width:16px;height:16px;animation:.6s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}
.form-group{margin-bottom:18px}.form-group label{color:var(--text-primary);margin-bottom:7px;font-size:.8125rem;font-weight:600;display:block}.form-group input,.form-group select,.form-group textarea{background:var(--bg-secondary);width:100%;color:var(--text-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);font-family:var(--font-sans);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);outline:none;padding:11px 13px;font-size:.875rem}.form-group input:hover,.form-group select:hover,.form-group textarea:hover{border-color:var(--border-strong)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--border-focus);box-shadow:var(--focus-ring)}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--text-muted)}.form-group textarea{resize:vertical;min-height:80px}.form-hint{color:var(--text-secondary);margin-top:4px;font-size:.75rem;display:block}.password-input-wrapper{position:relative}.password-input-wrapper input{font-family:var(--font-mono);letter-spacing:1px;padding-right:40px}.password-input-wrapper input::placeholder{font-family:var(--font-sans);letter-spacing:normal}.toggle-password{color:var(--text-muted);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:28px;height:28px;padding:4px;display:flex;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.toggle-password:hover{color:var(--text-primary);background:var(--bg-tertiary);border-radius:var(--radius-sm)}.toggle-password svg{width:16px;height:16px}
.pwgen{margin-top:10px}.pwgen-trigger{cursor:pointer;color:var(--accent-blue);background:0 0;border:none;align-items:center;gap:6px;padding:2px 0;font-size:.8125rem;font-weight:600;display:inline-flex}.pwgen-trigger:hover{color:var(--accent-blue-hover)}.pwgen-trigger svg{flex-shrink:0}.pwgen-panel{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);flex-direction:column;gap:12px;margin-top:10px;padding:14px;display:flex}.pwgen-preview{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-sm);align-items:center;gap:8px;min-height:44px;padding:6px 6px 6px 12px;display:flex}.pwgen-value{word-break:break-all;min-width:0;font-family:var(--font-mono);color:var(--text-primary);flex:1;font-size:.875rem;line-height:1.4}.pwgen-value:empty:before{content:"Generating…";color:var(--text-muted)}.pwgen-preview-actions{flex-shrink:0;gap:2px;display:flex}.pwgen-iconbtn{border-radius:var(--radius-sm);width:30px;height:30px;color:var(--text-muted);cursor:pointer;transition:color var(--transition-fast), background var(--transition-fast);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.pwgen-iconbtn:hover{color:var(--accent-blue);background:var(--bg-tertiary)}.pwgen-iconbtn:active{transform:translateY(1px)}.pwgen-strength{gap:4px;display:flex}.pwgen-seg{background:var(--bg-secondary);height:4px;transition:background var(--transition-fast);border-radius:999px;flex:1}.pwgen-panel[data-level="1"] .pwgen-seg:nth-child(-n+1){background:var(--accent-red)}.pwgen-panel[data-level="2"] .pwgen-seg:nth-child(-n+2){background:var(--accent-amber)}.pwgen-panel[data-level="3"] .pwgen-seg:nth-child(-n+3){background:var(--accent-blue)}.pwgen-panel[data-level="4"] .pwgen-seg{background:var(--accent-green)}.pwgen-strength-row{margin-top:-6px}.pwgen-strength-text{color:var(--text-muted);font-size:.75rem;font-weight:600}.pwgen-panel[data-level="1"] .pwgen-strength-text{color:var(--accent-red)}.pwgen-panel[data-level="2"] .pwgen-strength-text{color:var(--accent-amber)}.pwgen-panel[data-level="3"] .pwgen-strength-text{color:var(--accent-blue)}.pwgen-panel[data-level="4"] .pwgen-strength-text{color:var(--accent-green)}.pwgen-length{align-items:center;gap:10px;display:flex}.pwgen-length-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin:0;font-size:.75rem;font-weight:600}.pwgen-panel .pwgen-range{width:auto;box-shadow:none;accent-color:var(--accent-blue);cursor:pointer;background:0 0;border:none;flex:1;padding:0}.pwgen-length-val{text-align:center;min-width:26px;font-family:var(--font-mono);color:var(--text-primary);font-size:.8125rem;font-weight:600}.pwgen-chips{flex-wrap:wrap;gap:6px;display:flex}.pwgen-chip{cursor:pointer;-webkit-user-select:none;user-select:none;border:1px solid var(--border-color);background:var(--bg-secondary);font-family:var(--font-mono);color:var(--text-muted);transition:color var(--transition-fast), background var(--transition-fast), border-color var(--transition-fast);border-radius:999px;align-items:center;margin:0;padding:5px 10px;font-size:.75rem;font-weight:600;display:inline-flex;position:relative}.pwgen-chip--text{font-family:var(--font-sans)}.pwgen-chip:hover{border-color:var(--accent-blue);color:var(--text-secondary)}.pwgen-chip:has(input:checked){background:var(--accent-blue-light);border-color:var(--accent-blue);color:var(--accent-blue)}.pwgen-panel .pwgen-chip input{clip:rect(0 0 0 0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.pwgen-chip:has(input:focus-visible){outline:2px solid var(--border-focus);outline-offset:2px}.pwgen-use{margin-top:2px}.pwgen-trigger:focus-visible,.pwgen-iconbtn:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px;border-radius:var(--radius-sm)}@media (prefers-reduced-motion:reduce){.pwgen-seg,.pwgen-iconbtn,.pwgen-chip{transition:none}}
.auth-wrapper{justify-content:center;align-items:center;min-height:100vh;padding:32px 24px;display:flex}.auth-card{background:var(--bg-secondary);border:1px solid var(--border-color);width:100%;max-width:440px;box-shadow:var(--shadow-lg);border-radius:24px;flex-direction:column;gap:30px;padding:26px 30px 20px;display:flex}.auth-card-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.auth-brand{align-items:center;gap:9px;display:inline-flex}.brand-icon{background:var(--accent-blue);flex-shrink:0;width:28px;height:28px;-webkit-mask:url(/logo.svg) 50%/contain no-repeat;mask:url(/logo.svg) 50%/contain no-repeat}.brand-title{letter-spacing:-.03em;font-size:1.25rem;font-weight:700}.auth-heading{letter-spacing:-.03em;font-size:1.75rem;font-weight:700;line-height:1.15}.auth-sub{color:var(--text-secondary);margin:8px 0 28px;font-size:.875rem;line-height:1.5}.auth-form .btn-full{padding:12px 18px;font-size:.9375rem}.auth-legal{color:var(--text-muted);text-align:center;margin:0;font-size:.75rem}.auth-alt{justify-content:center;margin-top:16px;display:flex}.link-btn{cursor:pointer;color:var(--accent-blue);background:0 0;border:none;padding:4px;font-size:.8125rem;font-weight:500}.link-btn:hover{color:var(--accent-blue-hover);text-decoration:underline}
.auth-loading{justify-content:center;align-items:center;min-height:100vh;padding:32px 24px;display:flex}.auth-loading-inner{text-align:center;flex-direction:column;align-items:center;animation:.28s .18s both auth-loading-in;display:flex}@keyframes auth-loading-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.auth-loading-inner .auth-brand{margin-bottom:26px}.auth-loading-track{background:var(--accent-blue-soft);border-radius:999px;width:168px;max-width:60vw;height:3px;position:relative;overflow:hidden}.auth-loading-track:after{content:"";border-radius:inherit;background:var(--accent-blue);width:42%;animation:1.15s cubic-bezier(.65,0,.35,1) infinite auth-loading-slide;position:absolute;top:0;bottom:0;left:0}@keyframes auth-loading-slide{0%{transform:translate(-100%)}to{transform:translate(238%)}}.auth-loading-title{letter-spacing:-.01em;color:var(--text-primary);font-size:1.125rem;font-weight:600}.auth-loading-status{max-width:40ch;min-height:1.4em;color:var(--text-secondary);margin-top:18px;font-size:.8125rem;line-height:1.5}.auth-loading-action{margin-top:26px}.auth-loading-action .btn{padding:10px 24px;font-size:.875rem}@media (prefers-reduced-motion:reduce){.auth-loading-inner{animation:none}.auth-loading-track:after{width:100%;animation:2s ease-in-out infinite auth-loading-pulse}@keyframes auth-loading-pulse{0%,to{opacity:.3}50%{opacity:1}}}
.top-nav{z-index:100;background:var(--bg-secondary);border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;height:60px;padding:12px 24px;display:flex;position:sticky;top:0}.nav-brand{cursor:pointer;align-items:center;gap:9px;display:flex}.nav-icon{background:var(--accent-blue);flex-shrink:0;width:26px;height:26px;-webkit-mask:url(/logo.svg) 50%/contain no-repeat;mask:url(/logo.svg) 50%/contain no-repeat}.nav-title{letter-spacing:-.02em;font-size:1.0625rem;font-weight:700}.nav-actions{align-items:center;gap:14px;display:flex}.nav-user{align-items:center;gap:9px;display:flex}.user-avatar{border-radius:var(--radius-pill);background:var(--accent-blue-light);border:1px solid var(--accent-blue-border);letter-spacing:.01em;width:30px;height:30px;color:var(--accent-blue-text);justify-content:center;align-items:center;font-size:.6875rem;font-weight:700;display:flex}.user-name{color:var(--text-secondary);font-size:.875rem;font-weight:500}
.main-content{min-height:calc(100vh - 56px);display:flex}
.sidebar{border-right:1px solid var(--border-color);background:var(--bg-primary);flex-direction:column;width:260px;min-width:260px;display:flex}.sidebar-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:16px;display:flex}.sidebar-header h2{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;font-weight:700}.org-list{flex:1;padding:12px 8px;overflow-y:auto}.org-item{border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition-fast), border-color var(--transition-fast);border:1px solid #0000;align-items:center;gap:10px;margin-bottom:3px;padding:10px 11px;display:flex}.org-item:hover{background:var(--bg-secondary);border-color:var(--border-color)}.org-item.active{background:var(--accent-blue-light);border-color:var(--accent-blue-border)}.org-item.active .org-item-name{color:var(--accent-blue-text);font-weight:600}.org-item.active .org-item-members{color:var(--accent-blue-text);opacity:.75}.org-item-icon{border-radius:var(--radius-md);background:var(--bg-secondary);border:1px solid var(--border-color);width:30px;height:30px;color:var(--text-secondary);flex-shrink:0;justify-content:center;align-items:center;font-size:.6875rem;font-weight:700;display:flex}.org-item.active .org-item-icon{background:var(--accent-blue);border-color:var(--accent-blue);color:var(--accent-blue-ink)}.org-item-info{flex:1;min-width:0}.org-item-name{white-space:nowrap;text-overflow:ellipsis;color:var(--text-primary);font-size:.875rem;font-weight:500;overflow:hidden}.org-item-members{color:var(--text-secondary);font-size:.75rem}
.content-area{background:var(--bg-secondary);flex:1;padding:32px;overflow-y:auto}.empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:16px;height:60vh;display:flex}.empty-icon svg{width:48px;height:48px;color:var(--border-color)}.empty-state h3{color:var(--text-primary);font-size:1rem;font-weight:600}.empty-state p{color:var(--text-secondary);max-width:300px;font-size:.875rem}
.org-header{border-bottom:1px solid var(--border-color);flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:24px;padding-bottom:24px;display:flex}.org-header-info h2{letter-spacing:-.02em;font-size:1.5rem;font-weight:600}.org-header-info p{color:var(--text-secondary);margin-top:4px;font-size:.875rem}.org-header-actions{flex-wrap:wrap;gap:8px;display:flex}.credentials-filter{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:24px;display:flex}.search-wrapper{flex:1;min-width:240px;position:relative}.search-wrapper svg{color:var(--text-muted);position:absolute;top:50%;left:12px;transform:translateY(-50%)}.search-wrapper input{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-sm);width:100%;color:var(--text-primary);transition:border-color var(--transition-fast);outline:none;padding:8px 12px 8px 36px;font-size:.875rem}.search-wrapper input:focus{border-color:var(--border-focus);background:var(--bg-secondary)}.search-wrapper input::placeholder{color:var(--text-muted)}.search-wrapper input:disabled{opacity:.55;cursor:not-allowed}.credentials-filter select{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%234b5563' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;outline:none;padding:8px 32px 8px 12px;font-size:.875rem}.credentials-filter select:focus{border-color:var(--border-focus);background-color:var(--bg-secondary)}
.vaults-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;display:grid}.vault-card{--vault-accent:var(--accent-blue);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);cursor:pointer;transition:box-shadow var(--transition-fast), border-color var(--transition-fast), transform var(--transition-fast);align-items:center;gap:14px;padding:18px 18px 18px 21px;display:flex;position:relative;overflow:hidden}.vault-card:before{content:"";background:var(--vault-accent);width:3px;position:absolute;top:0;bottom:0;left:0}.vault-card:hover{box-shadow:var(--shadow-md);border-color:var(--border-strong);transform:translateY(-1px)}.vault-card-icon{border-radius:var(--radius-md);background:var(--accent-blue-light);width:40px;height:40px;color:var(--accent-blue-text);flex-shrink:0;justify-content:center;align-items:center;font-size:.8125rem;font-weight:700;display:flex}.vault-card-ungrouped{--vault-accent:var(--border-strong)}.vault-card-ungrouped .vault-card-icon{background:var(--bg-tertiary);color:var(--text-secondary)}.vault-card-body{flex:1;min-width:0}.vault-card-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:.9375rem;font-weight:600;overflow:hidden}.vault-card-desc{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:.8125rem;overflow:hidden}.vault-card-count{color:var(--text-muted);background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:999px;flex-shrink:0;padding:3px 8px;font-size:.75rem;font-weight:500}.no-vaults{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:48px 16px;display:flex}.no-vaults .empty-icon svg{width:44px;height:44px;color:var(--border-color)}.no-vaults h3{color:var(--text-primary);font-size:1rem;font-weight:600}.no-vaults p{color:var(--text-secondary);max-width:340px;font-size:.875rem}.vault-subheader{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:20px;display:flex}.vault-back-btn{flex-shrink:0}.vault-subheader-info{flex:1;min-width:140px}.vault-subheader-info h3{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:1.125rem;font-weight:600;overflow:hidden}.vault-subheader-info p{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:.8125rem;overflow:hidden}.vault-subheader-actions{flex-wrap:wrap;gap:8px;display:flex}.modal-select{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-sm);width:100%;color:var(--text-primary);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%234b5563' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;outline:none;padding:8px 32px 8px 12px;font-size:.875rem}.modal-select:focus{border-color:var(--border-focus);background-color:var(--bg-secondary)}
.credentials-grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));align-items:start;gap:16px;display:grid}.credential-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);transition:box-shadow var(--transition-fast), border-color var(--transition-fast);padding:20px}.credential-card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-md)}.cred-header{justify-content:space-between;align-items:center;gap:8px;margin-bottom:16px;display:flex}.cred-title{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:1rem;font-weight:600;overflow:hidden}.cred-category{text-transform:uppercase;border-radius:var(--radius-sm);background:var(--bg-tertiary);color:var(--text-secondary);border:1px solid var(--border-color);padding:2px 6px;font-size:.65rem;font-weight:600}.cred-field{margin-bottom:12px}.cred-field-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:4px;font-size:.65rem;font-weight:600}.cred-field-value{color:var(--text-primary);align-items:center;gap:8px;font-size:.875rem;display:flex}.cred-field-value.mono{font-family:var(--font-mono);font-size:.8125rem}.cred-field-value.notes{color:var(--text-secondary);font-size:.8125rem;line-height:1.4}.cred-password-display{align-items:center;gap:8px;display:flex}.cred-password-dots{letter-spacing:2px;color:var(--text-muted);font-size:1rem;line-height:1}.cred-password-text{font-family:var(--font-mono);color:var(--text-primary);word-break:break-all;background:var(--bg-tertiary);border-radius:var(--radius-sm);border:1px solid var(--border-color);padding:2px 6px;font-size:.8125rem;font-weight:500}.cred-actions{gap:8px;margin-top:20px;display:flex}.cred-actions .btn{padding:6px 10px;font-size:.75rem}.cred-meta{color:var(--text-muted);text-align:right;margin-top:16px;font-size:.65rem}.type-radio-group{flex-wrap:wrap;gap:16px;margin-bottom:8px;display:flex}.type-radio{cursor:pointer;color:var(--text-secondary);align-items:center;gap:6px;font-size:.875rem;font-weight:400;display:flex}.type-radio input{width:auto}.cred-type-badge{letter-spacing:.05em;border-radius:var(--radius-sm);text-transform:uppercase;border:1px solid var(--border-color);flex-shrink:0;padding:2px 6px;font-size:.6rem;font-weight:700}.cred-type-badge.file{background:var(--accent-blue-light);color:var(--accent-blue-text);border-color:var(--accent-blue-border)}.cred-type-badge.app{background:var(--bg-tertiary);color:var(--text-secondary)}.file-chip-list{flex-wrap:wrap;gap:6px;display:flex}.file-chip{max-width:100%;font-size:.75rem;font-family:var(--font-mono);border-radius:var(--radius-sm);background:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-secondary);align-items:center;gap:6px;padding:3px 4px 3px 8px;display:inline-flex}.file-chip>svg{color:var(--text-muted);flex-shrink:0}.file-chip-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.file-chip-actions{border-left:1px solid var(--border-color);flex-shrink:0;align-items:center;gap:2px;margin-left:2px;padding-left:6px;display:inline-flex}.chip-action{border-radius:var(--radius-sm);width:24px;height:24px;color:var(--text-secondary);flex-shrink:0;padding:4px}.chip-action:hover{background:var(--bg-secondary);color:var(--accent-blue-text)}.chip-action:active{transform:translateY(1px)}.file-list{flex-direction:column;gap:12px;display:flex}.file-row{border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-primary);padding:10px}.file-row-head{align-items:center;gap:8px;margin-bottom:8px;display:flex}.file-row-head .file-name{background:var(--bg-secondary);min-width:0;color:var(--text-primary);border:1px solid var(--border-color);border-radius:var(--radius-sm);font-size:.8125rem;font-family:var(--font-mono);outline:none;flex:1;padding:8px 10px}.file-row-head .file-name:focus{border-color:var(--border-focus);box-shadow:var(--focus-ring)}.file-upload-btn{cursor:pointer;flex-shrink:0}.file-row .file-status{color:var(--text-secondary);font-size:.75rem;display:block}.secret-list{flex-direction:column;gap:8px;display:flex}.secret-row{align-items:flex-start;gap:8px;display:flex}.secret-row .secret-name{flex:1;min-width:0}.secret-row .secret-remove{flex-shrink:0;margin-top:4px}.secret-value-wrap{flex:2;align-items:flex-start;gap:4px;min-width:0;display:flex}.form-group .secret-value-wrap .secret-value{width:auto;min-width:0;min-height:0;font-family:var(--font-mono);resize:none;flex:1;font-size:.8125rem;line-height:1.5;display:block;overflow-x:hidden}.secret-value-wrap:not(.is-revealed) .secret-value{-webkit-text-security:disc;letter-spacing:1px}@supports not (-webkit-text-security:disc){.secret-value-wrap:not(.is-revealed) .secret-value{color:#0000;text-shadow:0 0 7px var(--text-primary)}}.secret-value-wrap .secret-value::placeholder{-webkit-text-security:none;font-family:var(--font-sans);letter-spacing:normal;color:var(--text-muted);text-shadow:none}.secret-reveal{border-radius:var(--radius-sm);width:28px;height:28px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;margin-top:4px;padding:4px;display:flex}.secret-reveal:hover{color:var(--text-primary);background:var(--bg-tertiary)}.secret-reveal svg{width:16px;height:16px}.revealed-secrets{flex-direction:column;gap:8px;width:100%;display:flex}.revealed-secret{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-sm);justify-content:space-between;align-items:flex-start;gap:8px;padding:6px 8px;display:flex}.revealed-secret-main{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.revealed-secret-name{color:var(--text-muted);font-size:.75rem}.revealed-secret-value{max-height:200px;font-family:var(--font-mono);color:var(--text-primary);white-space:pre-wrap;overflow-wrap:anywhere;tab-size:2;margin:0;font-size:.75rem;line-height:1.5;overflow:auto}.revealed-secret-copy{flex-shrink:0;width:24px;height:24px;padding:2px}.revealed-files{flex-direction:column;gap:8px;width:100%;display:flex}.revealed-file{border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--bg-primary);overflow:hidden}.revealed-file-head{border-bottom:1px solid var(--border-color);background:var(--bg-tertiary);justify-content:space-between;align-items:center;gap:8px;padding:6px 8px;display:flex}.revealed-file-name{min-width:0;font-family:var(--font-mono);color:var(--text-secondary);align-items:center;gap:6px;font-size:.75rem;display:flex}.revealed-file-name span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.revealed-file-name svg{color:var(--text-muted);flex-shrink:0}.revealed-file-actions{flex-shrink:0;gap:2px;display:flex}.revealed-file-actions .btn-icon{width:26px;height:26px;padding:2px}.revealed-file-content{max-height:220px;font-family:var(--font-mono);color:var(--text-primary);white-space:pre;tab-size:2;background:var(--bg-secondary);margin:0;padding:10px 12px;font-size:.75rem;line-height:1.5;overflow:auto}
.modal-overlay{z-index:200;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#11182766;justify-content:center;align-items:flex-start;padding:40px 20px;animation:.15s fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);width:100%;max-width:440px;max-height:85vh;padding:24px;animation:.2s cubic-bezier(.16,1,.3,1) slideDown;overflow-y:auto}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.modal-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:12px;display:flex}.modal-header h3{color:var(--text-primary);font-size:1rem;font-weight:600}.confirm-warning{background:var(--accent-red-light);border:1px solid var(--accent-red);border-radius:var(--radius-sm);color:var(--accent-red);align-items:flex-start;gap:12px;margin-bottom:20px;padding:12px;display:flex}.confirm-warning>svg{flex-shrink:0;margin-top:1px}.confirm-plain{margin-bottom:20px}.confirm-message{color:var(--text-primary);font-size:.875rem;font-weight:500;line-height:1.45}.confirm-detail{color:var(--text-secondary);margin-top:6px;font-size:.8125rem;line-height:1.45}.confirm-target{font-family:var(--font-mono);color:var(--text-primary);background:var(--bg-tertiary);-webkit-user-select:all;user-select:all;border-radius:4px;padding:1px 5px;font-weight:600}.confirm-input{font-family:var(--font-mono)}.pin-modal{text-align:center;max-width:320px}.pin-subtitle{color:var(--text-secondary);margin-bottom:20px;font-size:.8125rem}.pin-input-group{margin-bottom:16px}.pin-input-group input{text-align:center;width:100%;font-size:1.25rem;font-family:var(--font-mono);letter-spacing:8px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);transition:border-color var(--transition-fast);outline:none;padding:12px}.pin-input-group input:focus{border-color:var(--border-focus);box-shadow:var(--focus-ring)}.pin-error{color:var(--accent-red);margin-bottom:12px;font-size:.75rem;font-weight:500}
.member-item{border-radius:var(--radius-sm);border:1px solid var(--border-color);background:var(--bg-primary);justify-content:space-between;align-items:center;margin-bottom:8px;padding:10px;display:flex}.member-info{align-items:center;gap:10px;display:flex}.member-avatar{border-radius:var(--radius-sm);background:var(--bg-secondary);border:1px solid var(--border-color);width:28px;height:28px;color:var(--text-primary);justify-content:center;align-items:center;font-size:.75rem;font-weight:600;display:flex}.member-name{color:var(--text-primary);font-size:.8125rem;font-weight:500}.member-role{color:var(--text-secondary);font-size:.7rem;font-family:var(--font-mono)}.member-badge{text-transform:uppercase;letter-spacing:.05em;border:1px solid var(--border-color);border-radius:2px;padding:2px 6px;font-size:.6rem;font-weight:600}.member-badge.admin{background:var(--bg-secondary);color:var(--text-primary)}.member-badge.member{background:var(--bg-tertiary);color:var(--text-secondary);border-color:#0000}
#toast-container{z-index:999;flex-direction:column;gap:8px;display:flex;position:fixed;bottom:20px;right:20px}.toast{border-radius:var(--radius-md);background:var(--bg-secondary);min-width:240px;max-width:360px;color:var(--text-primary);border:1px solid var(--border-color);box-shadow:var(--shadow-md);align-items:center;gap:8px;padding:12px 16px;font-size:.8125rem;font-weight:500;animation:.2s cubic-bezier(.16,1,.3,1) toastIn;display:flex}@keyframes toastIn{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.toast.success{border-left:3px solid var(--accent-green)}.toast.error{border-left:3px solid var(--accent-red)}.toast.info{border-left:3px solid var(--accent-blue)}.toast span:first-child{font-weight:700}.toast.success span:first-child{color:var(--accent-green)}.toast.error span:first-child{color:var(--accent-red)}.toast.info span:first-child{color:var(--accent-blue)}
@media (max-width:768px){.main-content{flex-direction:column}.sidebar{border-right:none;border-bottom:1px solid var(--border-color);width:100%;min-width:100%}.org-list{flex-wrap:nowrap;gap:8px;padding:12px;display:flex;overflow-x:auto}.org-item{min-width:180px;margin-bottom:0}.content-area{padding:16px}.credentials-grid{grid-template-columns:1fr}.org-header{flex-direction:column;padding-bottom:16px}.nav-actions{gap:8px}.user-name{display:none}}@media (max-width:480px){.auth-wrapper{padding:0}.auth-card{max-width:none;min-height:100vh;box-shadow:none;border:none;border-radius:0;justify-content:center;padding:24px 20px}.org-header-actions{width:100%}.org-header-actions .btn{flex:1}.modal{border:none;border-radius:0;height:100%;max-height:100vh}.modal-overlay{padding:0}}
.add-member-row{align-items:flex-start;gap:8px;margin-bottom:16px;display:flex}.add-member-row>div{flex:1;min-width:0}.add-member-row input{background:var(--bg-primary);width:100%;color:var(--text-primary);border:1px solid var(--border-color);border-radius:var(--radius-sm);transition:border-color var(--transition-fast), box-shadow var(--transition-fast), background var(--transition-fast);outline:none;padding:8px 12px;font-size:.875rem}.add-member-row input::placeholder{color:var(--text-muted)}.add-member-row input:focus{background:var(--bg-secondary);border-color:var(--border-focus);box-shadow:var(--focus-ring)}.no-credentials{text-align:center;color:var(--text-muted);border:1px dashed var(--border-color);border-radius:var(--radius-md);padding:60px 20px;font-size:.875rem}