:root{--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--radius-xs: 4px;--radius-sm: 8px;--radius: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px;--content-max-width: 960px;--header-height: 64px;--bg: #f8fafc;--bg-subtle: #f1f5f9;--bg-gradient: radial-gradient(circle at 50% 0%, rgba(99, 102, 241, .08) 0%, transparent 60%);--surface: #ffffff;--surface-glass: rgba(255, 255, 255, .85);--surface-hover: #f8fafc;--surface-active: #f1f5f9;--border: #e2e8f0;--border-strong: #cbd5e1;--border-focus: #4f46e5;--text: #0f172a;--text-muted: #64748b;--text-subtle: #94a3b8;--primary: #4f46e5;--primary-hover: #4338ca;--primary-active: #3730a3;--primary-soft: rgba(79, 70, 229, .08);--primary-glow: rgba(79, 70, 229, .25);--accent-gradient: linear-gradient(135deg, #4f46e5 0%, #6366f1 50%, #8b5cf6 100%);--accent-gradient-hover: linear-gradient(135deg, #4338ca 0%, #4f46e5 50%, #7c3aed 100%);--danger: #e11d48;--danger-hover: #be123c;--danger-soft: rgba(225, 29, 72, .08);--success: #059669;--success-hover: #047857;--success-soft: rgba(5, 150, 105, .08);--warning: #d97706;--warning-soft: rgba(217, 119, 6, .08);--focus-ring: rgba(99, 102, 241, .35);--shadow-sm: 0 1px 2px rgba(15, 23, 42, .04), 0 1px 1px rgba(15, 23, 42, .02);--shadow-md: 0 4px 12px rgba(15, 23, 42, .06), 0 2px 4px rgba(15, 23, 42, .03);--shadow-lg: 0 12px 32px rgba(15, 23, 42, .08), 0 4px 12px rgba(15, 23, 42, .04);--shadow-glow: 0 0 20px rgba(79, 70, 229, .2);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-smooth: .25s cubic-bezier(.4, 0, .2, 1);color-scheme:light dark}@media(prefers-color-scheme:dark){:root{--bg: #090d16;--bg-subtle: #0f172a;--bg-gradient: radial-gradient(circle at 50% 0%, rgba(99, 102, 241, .15) 0%, transparent 70%);--surface: #131c2e;--surface-glass: rgba(19, 28, 46, .82);--surface-hover: #1e293b;--surface-active: #283548;--border: rgba(255, 255, 255, .08);--border-strong: rgba(255, 255, 255, .16);--border-focus: #6366f1;--text: #f8fafc;--text-muted: #94a3b8;--text-subtle: #64748b;--primary: #6366f1;--primary-hover: #4f46e5;--primary-active: #4338ca;--primary-soft: rgba(99, 102, 241, .16);--primary-glow: rgba(99, 102, 241, .4);--accent-gradient: linear-gradient(135deg, #6366f1 0%, #8b5cf6 50%, #d946ef 100%);--accent-gradient-hover: linear-gradient(135deg, #4f46e5 0%, #7c3aed 50%, #c026d3 100%);--danger: #f43f5e;--danger-hover: #fb7185;--danger-soft: rgba(244, 63, 94, .16);--success: #10b981;--success-hover: #34d399;--success-soft: rgba(16, 185, 129, .16);--warning: #f59e0b;--warning-soft: rgba(245, 158, 11, .16);--focus-ring: rgba(99, 102, 241, .45);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .35), 0 1px 2px rgba(0, 0, 0, .25);--shadow-md: 0 6px 18px rgba(0, 0, 0, .45), 0 2px 6px rgba(0, 0, 0, .3);--shadow-lg: 0 16px 40px rgba(0, 0, 0, .6), 0 4px 16px rgba(0, 0, 0, .4);--shadow-glow: 0 0 25px rgba(99, 102, 241, .3)}}*,*:before,*:after{box-sizing:border-box}html{height:100%;font-feature-settings:"cv02","cv03","cv04","cv11"}body{margin:0;min-height:100%;background-color:var(--bg);background-image:var(--bg-gradient);background-attachment:fixed;color:var(--text);font-family:var(--font-sans);font-size:15px;line-height:1.55;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{color:var(--text);font-weight:650;line-height:1.25;margin:0}h1{font-size:1.625rem;letter-spacing:-.025em}a{color:var(--primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{text-decoration:none;color:var(--primary-hover)}code,kbd,pre,samp{font-family:var(--font-mono)}.icon{display:inline-block;width:1.1em;height:1.1em;background-color:currentColor;vertical-align:-.16em;flex-shrink:0;-webkit-mask:var(--icon) center / contain no-repeat;mask:var(--icon) center / contain no-repeat;transition:transform var(--transition-fast)}.icon-plus{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2.2' stroke-linecap='round'%3E%3Cpath d='M12 5v14M5 12h14'/%3E%3C/svg%3E")}.icon-search{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m21 21-4.35-4.35'/%3E%3C/svg%3E")}.icon-arrow-left{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M19 12H5M12 19l-7-7 7-7'/%3E%3C/svg%3E")}.icon-link{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71'/%3E%3Cpath d='M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71'/%3E%3C/svg%3E")}.icon-external{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6'/%3E%3Cpath d='M15 3h6v6M10 14 21 3'/%3E%3C/svg%3E")}.icon-copy{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='9' y='9' width='13' height='13' rx='2'/%3E%3Cpath d='M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1'/%3E%3C/svg%3E")}.icon-check{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E")}.icon-lock{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='11' width='18' height='11' rx='2'/%3E%3Cpath d='M7 11V7a5 5 0 0 1 10 0v4'/%3E%3C/svg%3E")}.icon-key{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='7.5' cy='15.5' r='5.5'/%3E%3Cpath d='m21 2-9.6 9.6M15.5 7.5l3 3M18.5 4.5l3 3'/%3E%3C/svg%3E")}.icon-folder{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 20h16a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2h-7.93a2 2 0 0 1-1.66-.9l-.82-1.2A2 2 0 0 0 7.93 3H4a2 2 0 0 0-2 2v13c0 1.1.9 2 2 2Z'/%3E%3C/svg%3E")}.icon-file,.icon-file-empty{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14.5 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7.5L14.5 2z'/%3E%3Cpolyline points='14 2 14 8 20 8'/%3E%3C/svg%3E")}.icon-shield{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z'/%3E%3C/svg%3E")}.icon-eye{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 12s3-7 10-7 10 7 10 7-3 7-10 7-10-7-10-7Z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E")}.icon-shuffle{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16 3h5v5M4 20 21 3M21 16v5h-5M15 15l6 6M4 4l5 5'/%3E%3C/svg%3E")}.icon-comment{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2Z'/%3E%3C/svg%3E")}.icon-chevron-down{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")}.icon-trash,.icon-bin{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 6h18M8 6V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6'/%3E%3C/svg%3E")}.icon-cog,.icon-gear{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12.22 2h-.44a2 2 0 0 0-2 2v.18a2 2 0 0 1-1 1.73l-.43.25a2 2 0 0 1-2 0l-.15-.08a2 2 0 0 0-2.73.73l-.22.38a2 2 0 0 0 .73 2.73l.15.1a2 2 0 0 1 1 1.72v.51a2 2 0 0 1-1 1.74l-.15.09a2 2 0 0 0-.73 2.73l.22.38a2 2 0 0 0 2.73.73l.15-.08a2 2 0 0 1 2 0l.43.25a2 2 0 0 1 1 1.73V20a2 2 0 0 0 2 2h.44a2 2 0 0 0 2-2v-.18a2 2 0 0 1 1-1.73l.43-.25a2 2 0 0 1 2 0l.15.08a2 2 0 0 0 2.73-.73l.22-.39a2 2 0 0 0-.73-2.73l-.15-.08a2 2 0 0 1-1-1.74v-.5a2 2 0 0 1 1-1.74l.15-.09a2 2 0 0 0 .73-2.73l-.22-.38a2 2 0 0 0-2.73-.73l-.15.08a2 2 0 0 1-2 0l-.43-.25a2 2 0 0 1-1-1.73V4a2 2 0 0 0-2-2z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E")}.icon-download{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4M7 10l5 5 5-5M12 15V3'/%3E%3C/svg%3E")}.icon-cross,.icon-close{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 6 6 18M6 6l12 12'/%3E%3C/svg%3E")}.icon-upload{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4M17 8l-5-5-5 5M12 3v12'/%3E%3C/svg%3E")}.page-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-4);margin-bottom:var(--space-6)}.page-header-title-group{display:flex;align-items:center;gap:var(--space-3)}.badge-counter{display:inline-flex;align-items:center;justify-content:center;padding:2px 10px;background:var(--surface-hover);border:1px solid var(--border);border-radius:var(--radius-full);font-size:.75rem;font-weight:600;color:var(--text-muted)}.right{margin-left:auto;display:flex;align-items:center;gap:var(--space-2)}.pointer{cursor:pointer}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:9px 16px;border:1px solid transparent;border-radius:var(--radius-sm);font:inherit;font-size:.875rem;font-weight:600;line-height:1.35;cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none;transition:all var(--transition-fast);box-shadow:var(--shadow-sm)}.btn:hover:not(:disabled){transform:translateY(-1px)}.btn:active:not(:disabled){transform:translateY(0)}.btn:focus-visible{outline:none;box-shadow:0 0 0 3px var(--focus-ring)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.btn-primary,.btn-success{background:var(--accent-gradient);color:#fff;border-color:transparent;box-shadow:0 2px 8px var(--primary-glow)}.btn-primary:hover:not(:disabled),.btn-success:hover:not(:disabled){background:var(--accent-gradient-hover);box-shadow:0 4px 14px var(--primary-glow)}.btn-default{background:var(--surface);border-color:var(--border-strong);color:var(--text)}.btn-default:hover:not(:disabled){background:var(--surface-hover);border-color:var(--border-focus)}.btn-danger{background:var(--danger);border-color:var(--danger);color:#fff;box-shadow:0 2px 8px #e11d4840}.btn-danger:hover:not(:disabled){background:var(--danger-hover);border-color:var(--danger-hover);box-shadow:0 4px 12px #e11d4859}.btn-lg{padding:11px 20px;font-size:.9375rem;border-radius:var(--radius)}.btn-sm{padding:6px 12px;font-size:.8125rem}.btn-icon-only{padding:8px 10px}.btn-group{position:relative;display:inline-flex}.btn-group>.btn:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.btn-group>.btn:not(:last-of-type){border-top-right-radius:0;border-bottom-right-radius:0}.btn-group>.btn-primary+.btn-primary,.btn-group>.btn-success+.btn-success{border-left:1px solid rgba(255,255,255,.25)}.dropdown-menu{display:none;position:absolute;top:calc(100% + 6px);right:0;z-index:50;min-width:190px;margin:0;padding:var(--space-2);list-style:none;background:var(--surface-glass);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-lg);animation:dropdownFadeIn var(--transition-fast) ease-out}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.dropdown-menu.show-dropdown{display:block}.dropdown-menu li a{display:flex;align-items:center;gap:var(--space-2);padding:9px 14px;border-radius:var(--radius-sm);color:var(--text);font-size:.875rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.dropdown-menu li a:hover{background:var(--surface-hover);color:var(--primary)}.dropdown-menu li a.text-danger:hover{background:var(--danger-soft);color:var(--danger)}.search-container{position:relative;width:100%;margin-bottom:var(--space-6)}.vault-filter-container{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-3);padding:2px 0}.vault-filter-label{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-subtle);margin-right:var(--space-1)}.vault-pill{display:inline-flex;align-items:center;gap:var(--space-2);padding:5px 12px;background:var(--surface);border:1px solid var(--border);border-radius:9999px;font-size:.8125rem;font-weight:600;color:var(--text-muted);cursor:pointer;-webkit-user-select:none;user-select:none;transition:all var(--transition-fast)}.vault-pill:hover{border-color:var(--border-strong);color:var(--text);background:var(--surface-hover);transform:translateY(-1px)}.vault-pill.active{background:var(--accent-gradient);border-color:transparent;color:#fff;box-shadow:0 2px 8px var(--primary-glow)}.vault-pill-badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;border-radius:9999px;background:#00000014;font-size:.75rem;font-weight:700;line-height:1}.vault-pill.active .vault-pill-badge{background:#ffffff40;color:#fff}.form-group{margin-bottom:var(--space-5)}.form-group label{display:block;margin-bottom:var(--space-2);font-size:.8125rem;font-weight:600;letter-spacing:.02em;text-transform:uppercase;color:var(--text-muted)}.form-control{display:block;width:100%;padding:11px 14px;background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-sm);color:var(--text);font:inherit;font-size:.9375rem;transition:border-color var(--transition-fast),box-shadow var(--transition-fast),background-color var(--transition-fast)}.form-control::placeholder{color:var(--text-subtle)}.form-control:focus{outline:none;border-color:var(--border-focus);box-shadow:0 0 0 3px var(--focus-ring);background:var(--surface)}textarea.form-control{min-height:120px;resize:vertical}.input-group{display:flex;align-items:stretch;width:100%;background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-sm);box-shadow:var(--shadow-sm);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.input-group:focus-within{border-color:var(--border-focus);box-shadow:0 0 0 3px var(--focus-ring)}.input-group .form-control{flex:1 1 auto;min-width:0;border:none;background:transparent;box-shadow:none!important}.input-group-addon{display:inline-flex;align-items:center;padding:0 14px;background:transparent;color:var(--text-muted);font-size:.875rem;font-weight:600;white-space:nowrap}.input-group-btn{display:inline-flex;align-items:center;gap:2px;padding:4px}.input-group-btn .btn{border:none;background:transparent;box-shadow:none;padding:8px 10px;color:var(--text-muted);border-radius:var(--radius-xs)}.input-group-btn .btn:hover{background:var(--surface-hover);color:var(--text);transform:none}.input-group-lg{border-radius:var(--radius)}.input-group-lg .form-control{padding:14px 16px;font-size:1rem}.input-group-lg .input-group-addon{padding:0 16px;font-size:1.1rem}.font-mono{font-family:var(--font-mono);letter-spacing:.03em}.password-strength-container{margin-top:var(--space-2);display:flex;align-items:center;gap:var(--space-3)}.password-strength-bar{flex:1;height:4px;background:var(--border);border-radius:var(--radius-full);overflow:hidden;position:relative}.password-strength-fill{height:100%;border-radius:var(--radius-full);transition:width var(--transition-smooth),background-color var(--transition-smooth)}.strength-weak .password-strength-fill{width:25%;background:var(--danger)}.strength-fair .password-strength-fill{width:50%;background:var(--warning)}.strength-good .password-strength-fill{width:75%;background:#3b82f6}.strength-strong .password-strength-fill{width:100%;background:var(--success)}.password-strength-label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted)}.alert{padding:var(--space-3) var(--space-4);border-radius:var(--radius-sm);border:1px solid transparent;margin:var(--space-3) 0;font-size:.875rem;display:flex;align-items:center;gap:var(--space-2)}.alert-danger{background:var(--danger-soft);border-color:#e11d4833;color:var(--danger)}.alert-success{background:var(--success-soft);border-color:#05966933;color:var(--success)}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);margin-bottom:var(--space-5);overflow:hidden;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.panel-heading{padding:var(--space-3) var(--space-5);background:var(--surface-hover);border-bottom:1px solid var(--border);font-size:.8125rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--primary);display:flex;align-items:center;justify-content:space-between}.list-group{margin:0;padding:var(--space-2)}.list-group-item{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;margin-bottom:2px;border-radius:var(--radius-sm);color:var(--text);text-decoration:none;font-weight:500;transition:all var(--transition-fast)}.list-group-item:last-child{margin-bottom:0}a.list-group-item:hover{background:var(--surface-hover);color:var(--primary);transform:translate(3px);text-decoration:none}.list-item-content{display:flex;align-items:center;gap:var(--space-3);min-width:0}.list-item-icon{width:32px;height:32px;border-radius:var(--radius-sm);background:var(--primary-soft);color:var(--primary);display:flex;align-items:center;justify-content:center;flex-shrink:0}.list-item-vault-badge{display:inline-flex;align-items:center;justify-content:center;min-width:38px;height:30px;padding:0 8px;border-radius:var(--radius-sm);background:var(--primary-soft);color:var(--primary);border:1px solid var(--primary-glow);font-size:.75rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;-webkit-user-select:none;user-select:none;flex-shrink:0;transition:all var(--transition-fast)}.list-group-item:hover .list-item-vault-badge{background:var(--primary);color:#fff;border-color:var(--primary)}.list-item-title{font-size:.9375rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cluster{margin-bottom:var(--space-3);padding:var(--space-1);background:var(--bg);border-radius:var(--radius-sm)}.cluster>label{display:block;padding:var(--space-2) 12px var(--space-1);font-size:.75rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted)}.breadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-2);margin:0 0 var(--space-5);padding:0;list-style:none;font-size:.875rem;color:var(--text-muted)}.breadcrumb li{display:inline-flex;align-items:center;gap:var(--space-2)}.breadcrumb li+li:before{content:"/";color:var(--border-strong);font-weight:400}.breadcrumb li.active{color:var(--text);font-weight:600}.file-upload{position:relative;border:2px dashed var(--border-strong);border-radius:var(--radius);background:var(--surface);padding:var(--space-10) var(--space-4);text-align:center;color:var(--text-muted);margin-bottom:var(--space-6);cursor:pointer;transition:all var(--transition-smooth)}.file-upload:hover{border-color:var(--primary);background:var(--primary-soft);color:var(--primary);transform:translateY(-2px)}.file-upload input[type=file]{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.file-upload .icon{font-size:2rem;display:block;margin:0 auto var(--space-3);color:var(--primary)}.file-row{display:flex;flex-direction:column;gap:var(--space-2);padding:12px 16px}.file-row-main{display:flex;align-items:center;justify-content:space-between;width:100%;gap:var(--space-4)}.file-name{font-weight:600;color:var(--text)}.file-date{font-size:.8125rem;color:var(--text-muted);font-family:var(--font-mono)}.file-edit{margin-top:var(--space-3);padding:var(--space-4);background:var(--bg);border-radius:var(--radius-sm);border:1px solid var(--border)}.file-edit-actions{display:flex;justify-content:flex-end;margin-top:var(--space-3)}.auth-wrapper{min-height:calc(80vh - var(--header-height));display:flex;align-items:center;justify-content:center;padding:var(--space-6) 0}.auth-card{position:relative;width:100%;max-width:440px;margin:0 auto;padding:var(--space-8);background:var(--surface-glass);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg)}.auth-card:before{content:"";position:absolute;inset:-1px;border-radius:var(--radius-xl);padding:1px;background:linear-gradient(135deg,rgba(99,102,241,.4),transparent 60%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.auth-header{text-align:center;margin-bottom:var(--space-6)}.auth-badge{width:52px;height:52px;margin:0 auto var(--space-4);background:var(--accent-gradient);border-radius:var(--radius);display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:var(--shadow-glow)}.auth-badge svg{width:26px;height:26px}.auth-title{font-size:1.5rem;font-weight:700;margin-bottom:var(--space-1)}.auth-subtitle{font-size:.875rem;color:var(--text-muted)}.btn-block{display:flex;width:100%}.auth-divider{display:flex;align-items:center;margin:var(--space-4) 0;text-align:center;color:var(--text-subtle);font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;font-weight:600}.auth-divider:before,.auth-divider:after{content:"";flex:1;border-bottom:1px solid var(--border)}.auth-divider span{padding:0 var(--space-3)}.btn-passkey{display:flex;align-items:center;justify-content:center;gap:var(--space-2);background:var(--surface);border:1px solid var(--border-hover);color:var(--text);transition:all var(--transition-fast)}.btn-passkey:hover:not(:disabled){background:var(--surface-hover);border-color:var(--primary);box-shadow:0 0 12px var(--primary-glow)}.settings-container{max-width:680px;margin:0 auto;padding:var(--space-4) 0 var(--space-12);display:flex;flex-direction:column;gap:var(--space-6);animation:contentFadeIn var(--transition-fast) ease-out}.settings-page-header{margin-bottom:var(--space-2)}.settings-page-title{font-size:1.75rem;font-weight:800;color:var(--text);margin-bottom:var(--space-1);letter-spacing:-.02em}.settings-page-subtitle{font-size:.9375rem;color:var(--text-muted)}.settings-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden;position:relative;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.settings-card:hover{border-color:var(--border-hover);box-shadow:var(--shadow)}.settings-card-header{padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--border);background:var(--surface-hover);display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}.settings-card-header-left{display:flex;align-items:center;gap:var(--space-3)}.settings-card-badge{width:38px;height:38px;border-radius:var(--radius-sm);background:var(--accent-gradient);display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:var(--shadow-glow);flex-shrink:0}.settings-card-title{font-size:1.125rem;font-weight:700;color:var(--text);margin:0}.settings-card-subtitle{font-size:.8125rem;color:var(--text-muted);margin:2px 0 0}.settings-card-body{padding:var(--space-6)}.passkey-list{display:flex;flex-direction:column;gap:var(--space-3)}.passkey-item{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4);background:var(--surface-hover);border:1px solid var(--border);border-radius:var(--radius);transition:all var(--transition-fast)}.passkey-item:hover{border-color:var(--primary);background:var(--surface-active)}.passkey-item-left{display:flex;align-items:center;gap:var(--space-3)}.passkey-item-icon{width:36px;height:36px;border-radius:var(--radius-sm);background:var(--surface);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;color:var(--primary)}.passkey-item-name{font-weight:600;font-size:.9375rem;color:var(--text);margin-bottom:2px}.passkey-item-meta{font-size:.75rem;color:var(--text-muted);display:flex;align-items:center;gap:var(--space-2)}.passkey-empty-state{text-align:center;padding:var(--space-8) var(--space-4);border:1.5px dashed var(--border);border-radius:var(--radius);color:var(--text-muted)}.empty-state{text-align:center;padding:var(--space-12) var(--space-4);color:var(--text-muted)}.empty-state-icon{width:56px;height:56px;margin:0 auto var(--space-4);border-radius:var(--radius-full);background:var(--surface-hover);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;color:var(--text-subtle);font-size:1.5rem}.empty-state-title{font-size:1.125rem;font-weight:600;color:var(--text);margin-bottom:var(--space-1)}.empty-state-description{font-size:.875rem;max-width:320px;margin:0 auto}.separator-large{height:var(--space-6)}.separator-small{height:var(--space-3)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.skeleton{background:linear-gradient(90deg,var(--surface-hover) 0%,var(--surface-active) 35%,var(--border) 50%,var(--surface-active) 65%,var(--surface-hover) 100%);background-size:250% 100%;animation:skeletonShimmer 1.6s ease-in-out infinite;border-radius:var(--radius-sm);display:block}@keyframes skeletonShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media(prefers-reduced-motion:reduce){.skeleton{animation:none;background:var(--surface-hover)}}.skeleton-container{display:flex;flex-direction:column;gap:var(--space-5);animation:contentFadeIn var(--transition-fast) ease-out}.skeleton-panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-sm)}.skeleton-header{height:42px;background:var(--surface-hover);border-bottom:1px solid var(--border);padding:0 var(--space-5);display:flex;align-items:center}.skeleton-header-badge{width:28px;height:16px;border-radius:var(--radius-xs)}.skeleton-list{padding:var(--space-2);display:flex;flex-direction:column;gap:4px}.skeleton-row{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-radius:var(--radius-sm)}.skeleton-row-left{display:flex;align-items:center;gap:var(--space-3);flex:1}.skeleton-icon{width:32px;height:32px;border-radius:var(--radius-sm);flex-shrink:0}.skeleton-title{height:16px;border-radius:var(--radius-xs)}.skeleton-chevron{width:14px;height:14px;border-radius:var(--radius-xs);opacity:.5}@media(max-width:640px){.mobile-hidden{display:none!important}.auth-card{padding:var(--space-6)}}