body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.two-factor-verification{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;padding:20px;z-index:9999;animation:fadeIn .2s ease-out}.verification-container{background:var(--bg-primary, #ffffff);border-radius:16px;box-shadow:0 20px 40px #00000026;width:100%;max-width:420px;animation:slideUp .3s ease-out}.verification-header{padding:24px 24px 0;text-align:center}.verification-header h2{margin:0 0 8px;font-size:24px;font-weight:600;color:var(--text-primary, #333)}.verification-header p{margin:0;font-size:14px;color:var(--text-secondary, #666)}.verification-body{padding:24px}.code-input-section{margin-bottom:16px}.code-input-section label{display:block;margin-bottom:8px;font-size:14px;font-weight:500;color:var(--text-primary, #333)}.verification-input{width:100%;padding:12px 16px;font-size:24px;font-weight:600;text-align:center;letter-spacing:8px;border:2px solid var(--border-color, #e5e5e5);border-radius:8px;background:var(--bg-secondary, #f8f9fa);transition:all .2s ease}.verification-input:focus{outline:none;border-color:var(--primary-color, #007bff);background:var(--bg-primary, #ffffff)}.verification-input.backup-input{font-size:18px;letter-spacing:2px;text-transform:uppercase}.time-indicator{position:relative;height:4px;background:var(--bg-tertiary, #e9ecef);border-radius:2px;margin-top:12px;overflow:hidden}.time-progress{position:absolute;top:0;left:0;height:100%;background:var(--primary-color, #007bff);border-radius:2px;transition:width 1s linear}.time-text{position:absolute;right:0;top:-20px;font-size:12px;color:var(--text-secondary, #666)}.switch-method-btn{width:100%;padding:10px;background:transparent;border:1px solid var(--border-color, #e5e5e5);border-radius:8px;font-size:14px;color:var(--primary-color, #007bff);cursor:pointer;transition:all .2s ease}.switch-method-btn:hover{background:var(--bg-secondary, #f8f9fa);border-color:var(--primary-color, #007bff)}.error-message{display:flex;align-items:center;gap:8px;padding:12px;margin:16px 0;background:#fff5f5;border:1px solid #feb2b2;border-radius:8px;color:#c53030;font-size:14px}.error-icon{font-size:16px}.verification-actions{display:flex;gap:12px;margin-top:24px}.cancel-btn,.verify-btn{flex:1;padding:12px 24px;border:none;border-radius:8px;font-size:16px;font-weight:500;cursor:pointer;transition:all .2s ease}.cancel-btn{background:var(--bg-secondary, #f8f9fa);color:var(--text-primary, #333)}.cancel-btn:hover:not(:disabled){background:var(--bg-tertiary, #e9ecef)}.verify-btn{background:var(--primary-color, #007bff);color:#fff}.verify-btn:hover:not(:disabled){background:var(--primary-hover, #0056b3)}.cancel-btn:disabled,.verify-btn:disabled{opacity:.6;cursor:not-allowed}.verification-footer{padding:0 24px 24px;text-align:center}.help-text{margin:0;font-size:14px;color:var(--text-secondary, #666)}.link-btn{background:none;border:none;color:var(--primary-color, #007bff);text-decoration:underline;cursor:pointer;font-size:inherit;padding:0}.link-btn:hover{text-decoration:none}.theme-dark .verification-container{background:var(--bg-primary);box-shadow:0 20px 40px #0006}.theme-dark .verification-input{background:var(--bg-secondary);border-color:var(--border-color);color:var(--text-primary)}.theme-dark .verification-input:focus{background:var(--bg-tertiary)}.theme-dark .error-message{background:#feb2b21a;border-color:#feb2b24d}@media (max-width: 768px){.two-factor-verification{padding:10px;align-items:flex-end}.verification-container{border-radius:16px 16px 0 0;max-width:none}.verification-header h2{font-size:20px}.verification-input{font-size:20px;letter-spacing:6px}.verification-input.backup-input{font-size:16px}}@media (max-width: 480px){.verification-header,.verification-body,.verification-footer{padding-left:16px;padding-right:16px}.verification-actions{flex-direction:column}.cancel-btn,.verify-btn{width:100%}}.unified-item-list{padding:1rem 0rem}.item-section{margin-bottom:2rem}.section-title{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin-bottom:1rem;padding-bottom:.5rem;border-bottom:2px solid var(--border-color)}.item-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1rem}@media (max-width: 768px){.unified-item-list{padding:1rem 0rem}.item-grid{grid-template-columns:1fr}}.item-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:1.25rem;transition:all .2s ease;position:relative;overflow:hidden}.item-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.item-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.item-title{display:flex;align-items:center;gap:.5rem;font-weight:600;color:var(--text-primary);font-size:1rem;min-width:0}.item-title span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.item-type-badge{padding:.25rem .5rem;background:var(--bg-tertiary);border-radius:6px;font-size:.75rem;color:var(--text-secondary);font-weight:500}.item-header-actions{display:flex;align-items:center;gap:.5rem}.btn-favorite{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;background:transparent;border:1px solid var(--border-color);border-radius:6px;color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.btn-favorite:hover{background:var(--bg-tertiary);color:#f59e0b;border-color:#f59e0b}.btn-favorite.active{color:#f59e0b;border-color:#f59e0b;background:#f59e0b1a}.item-content-password,.item-content-creditcard,.item-content-apikey{margin-bottom:1rem}.item-field{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem;font-size:.875rem}.field-label{color:var(--text-secondary);min-width:80px}.field-value{flex:1;color:var(--text-primary);font-family:Courier New,monospace;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.field-value a{color:var(--accent-primary);text-decoration:none}.field-value a:hover{text-decoration:underline}.environment-badge{padding:.125rem .5rem;border-radius:4px;font-size:.75rem;font-weight:500;text-transform:uppercase}.env-production{background:#ef44441a;color:#ef4444}.env-development{background:#fbbf241a;color:#f59e0b}.env-test{background:#3b82f61a;color:#3b82f6}.env-staging{background:#6b72801a;color:#6b7280}.btn-toggle,.btn-copy,.btn-action{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;background:transparent;border:1px solid var(--border-color);border-radius:6px;color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.btn-toggle:hover,.btn-copy:hover,.btn-action:hover{background:var(--bg-tertiary);color:var(--text-primary);border-color:var(--accent-primary)}.btn-copy:disabled{opacity:.5;cursor:not-allowed}.btn-danger:hover{background:#ef44441a;color:#ef4444;border-color:#ef4444}.item-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.tag{padding:.25rem .5rem;background:var(--bg-tertiary);border-radius:4px;font-size:.75rem;color:var(--text-secondary)}.item-actions{display:flex;gap:.5rem;padding-top:1rem;border-top:1px solid var(--border-color)}.items-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;text-align:center}.spinner{width:40px;height:40px;border:3px solid var(--border-color);border-top-color:var(--accent-primary);border-radius:50%;animation:spin .8s linear infinite;margin-bottom:1rem}.items-empty{text-align:center;padding:2rem;color:var(--text-secondary)}.text-danger{color:#ef4444}@media (prefers-color-scheme: dark){.item-card{background:var(--bg-secondary);border-color:var(--border-color)}.item-card:hover{box-shadow:0 4px 12px #0000004d}.field-value{background:transparent}}.modal-backdrop{position:fixed;inset:0;background:#00000080;z-index:999;animation:fadeIn .2s ease-out}.item-type-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--bg-primary);border-radius:16px;box-shadow:0 20px 40px #0003;width:90%;max-width:600px;max-height:90vh;overflow:hidden;z-index:1000;animation:slideIn .3s ease-out}@keyframes slideIn{0%{transform:translate(-50%,-45%);opacity:0}to{transform:translate(-50%,-50%);opacity:1}}.item-type-modal .modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;border-bottom:1px solid var(--border-color)}.item-type-modal .modal-header h2{margin:0;font-size:1.5rem;font-weight:600;color:var(--text-primary)}.item-type-modal .btn-close{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:transparent;border:none;border-radius:8px;color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.item-type-modal .btn-close:hover{background:var(--bg-secondary);color:var(--text-primary)}.item-type-modal .modal-body{padding:2rem}.item-type-modal .modal-description{text-align:center;color:var(--text-secondary);margin-bottom:2rem;font-size:1rem}.item-type-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1rem}.item-type-option{display:flex;flex-direction:column;align-items:center;padding:2rem 1rem;background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:12px;cursor:pointer;transition:all .2s ease;text-align:center}.item-type-option:hover{transform:translateY(-4px);box-shadow:0 8px 16px #0000001a}.item-type-option:active{transform:translateY(-2px)}.item-type-primary:hover{border-color:var(--accent-primary);background:var(--accent-light)}.item-type-primary .option-icon{color:var(--accent-primary)}.item-type-warning:hover{border-color:#f59e0b;background:#f59e0b1a}.item-type-warning .option-icon{color:#f59e0b}.item-type-success:hover{border-color:#10b981;background:#10b9811a}.item-type-success .option-icon{color:#10b981}.option-icon{margin-bottom:1rem;transition:transform .2s ease}.item-type-option:hover .option-icon{transform:scale(1.1)}.option-title{margin:0 0 .5rem;font-size:1.125rem;font-weight:600;color:var(--text-primary)}.option-description{margin:0;font-size:.875rem;color:var(--text-secondary);line-height:1.4}@media (max-width: 640px){.item-type-modal{width:95%}.item-type-modal .modal-body{padding:1.5rem}.item-type-grid{grid-template-columns:1fr}.item-type-option{padding:1.5rem 1rem}}@media (prefers-color-scheme: dark){.modal-backdrop{background:#000000b3}.item-type-modal{box-shadow:0 20px 40px #0006}.item-type-option{background:var(--bg-secondary)}.item-type-option:hover{box-shadow:0 8px 16px #0000004d}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;font-family:inherit;font-weight:500;line-height:1;border:1px solid transparent;border-radius:6px;cursor:pointer;transition:all .2s ease;text-decoration:none;white-space:nowrap;user-select:none}.btn:focus{outline:2px solid #3b82f6;outline-offset:2px}.btn-sm{padding:6px 12px;font-size:.875rem;min-height:32px}.btn-sm.btn-outline-danger{border-width:1px;padding:5px 11px}.btn-md{padding:8px 16px;font-size:.875rem;min-height:36px}.btn-lg{padding:12px 24px;font-size:1rem;min-height:44px}.btn-icon-only{padding:8px;gap:0}.btn-icon-only.btn-sm{padding:6px;min-width:32px}.btn-icon-only.btn-md{padding:8px;min-width:36px}.btn-icon-only.btn-lg{padding:12px;min-width:44px}.btn-icon{font-size:1em;line-height:1}.btn-text{font-weight:500}.btn-primary{background-color:#3b82f6;border-color:#3b82f6;color:#fff}.btn-primary:hover:not(:disabled){background-color:#2563eb;border-color:#2563eb;transform:translateY(-1px)}.btn-primary:active{background-color:#1d4ed8;transform:translateY(0)}.btn-secondary{background-color:#6b7280;border-color:#6b7280;color:#fff}.btn-secondary:hover:not(:disabled){background-color:#4b5563;border-color:#4b5563;transform:translateY(-1px)}.btn-danger{background-color:#ef4444;border-color:#ef4444;color:#fff}.btn-danger:hover:not(:disabled){background-color:#dc2626;border-color:#dc2626;transform:translateY(-1px)}.btn-success{background-color:#10b981;border-color:#10b981;color:#fff}.btn-success:hover:not(:disabled){background-color:#059669;border-color:#059669;transform:translateY(-1px)}.btn-outline-primary{background-color:transparent;border-color:#3b82f6;color:#3b82f6}.btn-outline-primary:hover:not(:disabled){background-color:#3b82f6;color:#fff;transform:translateY(-1px)}.btn-outline-secondary{background-color:transparent;border-color:#6b7280;color:#6b7280}.btn-outline-secondary:hover:not(:disabled){background-color:#6b7280;color:#fff;transform:translateY(-1px)}.btn-outline-danger{background-color:transparent;border-color:#fca5a5;color:#dc2626}.btn-outline-danger:hover:not(:disabled){background-color:#fee2e2;border-color:#ef4444;color:#dc2626;transform:translateY(-1px)}.btn-reset-subtle{border-color:#e5e7eb!important;color:#6b7280!important;background-color:transparent!important}.btn-reset-subtle:hover:not(:disabled){background-color:#f9fafb!important;border-color:#d1d5db!important;color:#dc2626!important}.btn-ghost{background-color:transparent;border-color:transparent;color:#6b7280}.btn-ghost:hover:not(:disabled){background-color:#f3f4f6;color:#374151;transform:translateY(-1px)}.btn:disabled,.btn-disabled{opacity:.5;cursor:not-allowed;transform:none!important}.btn-loading{cursor:wait}.btn-loading .btn-icon{animation:btn-spin 1s linear infinite}@keyframes btn-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-color-scheme: dark){.btn-ghost{color:#d1d5db}.btn-ghost:hover:not(:disabled){background-color:#374151;color:#f9fafb}.btn-outline-secondary{color:#d1d5db;border-color:#6b7280}.btn-outline-secondary:hover:not(:disabled){background-color:#6b7280;color:#000}}@media (prefers-contrast: high){.btn{border-width:2px}.btn:focus{outline-width:3px}}@media (prefers-reduced-motion: reduce){.btn{transition:none}.btn:hover{transform:none}.btn-loading .btn-icon{animation:none}}@media (max-width: 768px){.btn{min-height:44px}.btn-sm{min-height:40px;padding:8px 12px}.btn-md{min-height:44px;padding:10px 16px}.btn-lg{min-height:48px;padding:12px 20px}}.copy-button-icon{opacity:.8}.copy-button-icon:hover{opacity:1}.password-toggle-button{border-color:#d1d5db;color:#6b7280}.password-toggle-button:hover{border-color:#9ca3af;background-color:#f9fafb;color:#374151}.delete-button-improved:hover{transform:translateY(-1px) scale(1.02)}.header-action-button{font-size:.875rem;font-weight:500}.header-action-button:hover{background-color:#0000000d}.logout-button:hover{background-color:#ef44441a;color:#dc2626}.add-password-button{font-weight:600}@media (max-width: 768px){.add-password-button .btn-text:after{content:"추가"}.add-password-button .btn-text{font-size:0}}@media (max-width: 425px){.add-password-button .btn-text{display:none}.add-password-button{min-width:44px;justify-content:center}}.refresh-button{position:relative;opacity:.8;transition:all .2s ease}.refresh-button:hover{opacity:1;transform:rotate(90deg)}.refresh-button:disabled{opacity:.5}.filter-button.active{background-color:#3b82f6;color:#fff;border-color:#3b82f6}.filter-button.active:hover{background-color:#2563eb;border-color:#2563eb}.settings-action-button{justify-content:flex-start;width:100%;text-align:left}.settings-action-button .btn-icon{margin-right:.5rem}@media (max-width: 768px){.header-action-button{padding:8px 12px;font-size:.8rem}.header-action-button .btn-text{display:none}.header-action-button{min-width:40px;justify-content:center}}.error-boundary{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:2rem;background:linear-gradient(135deg,#fef2f2,#fee2e2)}.error-boundary__container{max-width:600px;width:100%;background:#fff;border-radius:1rem;padding:3rem 2rem;text-align:center;box-shadow:0 20px 40px #0000001a;border:1px solid #fecaca}.error-boundary__icon{font-size:4rem;margin-bottom:1.5rem;animation:bounce 2s infinite}.error-boundary__title{font-size:2rem;font-weight:700;color:#dc2626;margin-bottom:1rem}.error-boundary__message{font-size:1.125rem;color:#6b7280;margin-bottom:2rem;line-height:1.6}.error-boundary__error-id{margin-bottom:2rem;padding:.5rem 1rem;background:#f9fafb;border-radius:.5rem;border:1px solid #e5e7eb;display:flex;align-items:center;justify-content:space-between;gap:1rem}.error-boundary__error-id small{color:#6b7280;font-family:Monaco,Menlo,Ubuntu Mono,monospace}.error-boundary__copy-button{padding:.375rem .75rem;background:#fff;border:1px solid #d1d5db;border-radius:.375rem;font-size:.875rem;font-weight:500;color:#374151;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:.375rem;white-space:nowrap}.error-boundary__copy-button:hover{background:#f9fafb;border-color:#9ca3af;transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.error-boundary__copy-button:active{transform:translateY(0);box-shadow:none}.error-boundary__copy-button.copied{background:#10b981;color:#fff;border-color:#10b981}.error-boundary__copy-button--inline{margin-left:1rem;padding:.25rem .5rem;font-size:.75rem}.error-boundary__actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;margin-bottom:2rem}.error-boundary__button{padding:.75rem 1.5rem;border-radius:.5rem;font-weight:600;font-size:.875rem;cursor:pointer;transition:all .2s ease-in-out;border:none;min-width:120px}.error-boundary__button:hover{transform:translateY(-2px);box-shadow:0 8px 20px #00000026}.error-boundary__button:active{transform:translateY(0)}.error-boundary__button--primary{background:#dc2626;color:#fff}.error-boundary__button--primary:hover{background:#b91c1c}.error-boundary__button--secondary{background:#6b7280;color:#fff}.error-boundary__button--secondary:hover{background:#4b5563}.error-boundary__button--outline{background:transparent;color:#6b7280;border:2px solid #d1d5db}.error-boundary__button--outline:hover{background:#f9fafb;border-color:#9ca3af}.error-boundary__details{margin-top:2rem;text-align:left;background:#f9fafb;border-radius:.5rem;border:1px solid #e5e7eb}.error-boundary__details summary{padding:1rem;cursor:pointer;font-weight:600;color:#374151;background:#f3f4f6;border-radius:.5rem .5rem 0 0;border-bottom:1px solid #e5e7eb}.error-boundary__details summary:hover{background:#e5e7eb}.error-boundary__error-details{padding:1rem}.error-boundary__error-details h3{font-size:.875rem;font-weight:600;color:#374151;margin:1rem 0 .5rem}.error-boundary__error-details h3:first-child{margin-top:0}.error-boundary__error-details pre{background:#1f2937;color:#f9fafb;padding:1rem;border-radius:.375rem;font-size:.75rem;line-height:1.5;overflow-x:auto;white-space:pre-wrap;word-break:break-word;max-height:200px;overflow-y:auto}@keyframes bounce{0%,20%,53%,80%,to{transform:translateZ(0)}40%,43%{transform:translate3d(0,-10px,0)}70%{transform:translate3d(0,-5px,0)}90%{transform:translate3d(0,-2px,0)}}@media (max-width: 640px){.error-boundary{padding:1rem}.error-boundary__container{padding:2rem 1.5rem}.error-boundary__title{font-size:1.5rem}.error-boundary__message{font-size:1rem}.error-boundary__error-id{flex-direction:column;gap:.75rem}.error-boundary__copy-button{width:100%;justify-content:center}.error-boundary__actions{flex-direction:column;align-items:center}.error-boundary__button{width:100%;max-width:200px}}@media (prefers-color-scheme: dark){.error-boundary{background:linear-gradient(135deg,#1f2937,#111827)}.error-boundary__container{background:#1f2937;border-color:#374151}.error-boundary__title{color:#ef4444}.error-boundary__message{color:#d1d5db}.error-boundary__error-id{background:#374151;border-color:#4b5563}.error-boundary__error-id small{color:#d1d5db}.error-boundary__copy-button{background:#4b5563;border-color:#6b7280;color:#f9fafb}.error-boundary__copy-button:hover{background:#6b7280;border-color:#9ca3af}.error-boundary__copy-button.copied{background:#10b981;border-color:#10b981}.error-boundary__details{background:#374151;border-color:#4b5563}.error-boundary__details summary{background:#4b5563;color:#f9fafb;border-color:#6b7280}.error-boundary__details summary:hover{background:#6b7280}.error-boundary__error-details h3{color:#f9fafb}}.deletion-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px}.deletion-modal{background:#fff;border:1px solid #e0e0e0;border-radius:12px;box-shadow:0 8px 32px #00000026;width:100%;max-width:500px;max-height:90vh;overflow:hidden;animation:modalSlideIn .3s ease}.deletion-modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;background:#ffeaea;border-bottom:1px solid #dc3545}.warning-icon{color:#dc3545;flex-shrink:0}.deletion-modal-header h2{color:#dc3545;font-size:18px;font-weight:600;margin:0}.deletion-modal-body{padding:24px}.warning-content{margin-bottom:24px;padding:16px;background:#fff5f5;border-radius:8px;border-left:4px solid #dc3545}.warning-content p{color:#333;line-height:1.6;margin:0;font-size:15px;font-weight:500}.confirmation-section{background:#f9f9f9;padding:20px;border-radius:8px;border:2px solid #dc3545}.confirmation-label{display:block;font-size:14px;font-weight:600;color:#333;margin-bottom:8px}.confirmation-text-display{background:#fff;padding:12px 16px;border-radius:6px;border:1px solid #dc3545;margin-bottom:12px}.confirmation-text-display code{font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:14px;color:#dc3545;font-weight:700;background:none;padding:0}.confirmation-input{width:100%;padding:12px 16px;border:2px solid #ddd;border-radius:6px;background:#fff;color:#333;font-size:14px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;transition:all .2s ease}.confirmation-input:focus{outline:none;border-color:#dc3545;box-shadow:0 0 0 3px #dc35451a}.confirmation-input.valid{border-color:#28a745;background:#f8fff9}.confirmation-input.valid:focus{border-color:#28a745;box-shadow:0 0 0 3px #28a7451a}.confirmation-input:disabled{opacity:.6;cursor:not-allowed}.validation-message{font-size:13px;margin-top:8px;display:flex;align-items:center;gap:4px}.validation-message:not(.valid){color:#dc3545}.validation-message.valid{color:#28a745}.deletion-modal-footer{display:flex;gap:12px;justify-content:flex-end;padding:20px 24px;background:#f9f9f9;border-top:1px solid #e0e0e0}.deletion-modal-footer .btn{min-width:100px}.deletion-modal-footer .btn-danger:disabled{background:var(--text-secondary);cursor:not-allowed;opacity:.5}@media (max-width: 768px){.deletion-modal-overlay{padding:12px}.deletion-modal{max-width:none}.deletion-modal-header,.deletion-modal-body,.deletion-modal-footer{padding:16px 20px}.confirmation-section{padding:16px}.deletion-modal-footer{flex-direction:column}.deletion-modal-footer .btn{width:100%}}:root{--danger-background: rgba(220, 53, 69, .1);--danger-color: #dc3545;--success-color: #28a745;--success-background: rgba(40, 167, 69, .05)}[data-theme=dark]{--danger-background: rgba(220, 53, 69, .15);--success-background: rgba(40, 167, 69, .15)}[data-theme=dark] .deletion-modal{background:#2d3748;border-color:#4a5568;box-shadow:0 8px 32px #0006}[data-theme=dark] .deletion-modal-header{background:#4a1a1a;border-bottom-color:#dc3545}[data-theme=dark] .warning-content{background:#4a1a1a}[data-theme=dark] .warning-content p{color:#e2e8f0}[data-theme=dark] .confirmation-section{background:#1a202c}[data-theme=dark] .confirmation-label{color:#e2e8f0}[data-theme=dark] .confirmation-text-display{background:#2d3748;border-color:#dc3545}[data-theme=dark] .confirmation-text-display code{color:#ff6b6b}[data-theme=dark] .confirmation-input{background:#2d3748;border-color:#4a5568;color:#e2e8f0}[data-theme=dark] .confirmation-input:focus{border-color:#dc3545}[data-theme=dark] .confirmation-input.valid{background:#1a2e1a;border-color:#28a745}[data-theme=dark] .deletion-modal-footer{background:#1a202c;border-top-color:#4a5568}.btn.loading .btn-content:after{content:"";display:inline-block;width:12px;height:12px;margin-left:8px;border:2px solid currentColor;border-radius:50%;border-top-color:transparent;animation:spin 1s linear infinite}.export-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px}.export-modal{background:#fff;border:1px solid #e0e0e0;border-radius:12px;box-shadow:0 8px 32px #00000026;width:100%;max-width:700px;max-height:90vh;overflow:hidden;animation:modalSlideIn .3s ease}.export-modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;background:#f0f9ff;border-bottom:1px solid #0ea5e9}.export-icon{color:#0ea5e9;flex-shrink:0}.export-modal-header h2{color:#0ea5e9;font-size:18px;font-weight:600;margin:0}.export-modal-body{padding:24px;max-height:60vh;overflow-y:auto}.export-description{margin-bottom:24px;padding:16px;background:#fef3c7;border-radius:8px;border-left:4px solid #f59e0b}.export-description p{color:#92400e;line-height:1.5;margin:0;font-size:14px}.export-items-section{margin-bottom:24px}.export-items-section h3{font-size:16px;font-weight:600;color:#333;margin:0 0 16px}.export-items-grid{display:grid;gap:12px}.export-item{border:2px solid #e5e7eb;border-radius:8px;padding:16px;cursor:pointer;transition:all .2s ease;background:#fff}.export-item:hover{border-color:#0ea5e9;box-shadow:0 2px 8px #0ea5e91a}.export-item.selected{border-color:#0ea5e9;background:#f0f9ff;box-shadow:0 2px 8px #0ea5e926}.export-item-header{display:flex;align-items:flex-start;gap:12px}.export-item-icon{flex-shrink:0;padding:8px;background:#fff;border-radius:6px;box-shadow:0 1px 3px #0000001a}.export-item.selected .export-item-icon{background:#f0f9ff;box-shadow:0 1px 3px #0ea5e933}.export-item-info{flex:1}.export-item-info h4{font-size:15px;font-weight:600;color:#333;margin:0 0 4px}.item-description{font-size:13px;color:#666;margin:0 0 4px;line-height:1.4}.item-estimated{font-size:12px;color:#888;margin:0 0 4px}.item-warning{display:flex;align-items:center;gap:4px;font-size:12px;color:#ea580c;margin:0}.export-item-checkbox{flex-shrink:0;position:relative}.export-item-checkbox input[type=checkbox]{opacity:0;width:0;height:0}.checkmark{display:flex;align-items:center;justify-content:center;width:20px;height:20px;border:2px solid #d1d5db;border-radius:4px;transition:all .2s ease;color:#fff}.export-item.selected .checkmark{background:#0ea5e9;border-color:#0ea5e9}.export-options-section{margin-bottom:24px}.export-options-section h3{font-size:16px;font-weight:600;color:#333;margin:0 0 16px}.option-label{display:block;font-size:14px;font-weight:500;color:#333;margin-bottom:8px}.format-options{display:flex;gap:16px}.format-option{display:flex;flex-direction:column;gap:4px;padding:12px 16px;border:2px solid #e5e7eb;border-radius:8px;cursor:pointer;transition:all .2s ease;min-width:120px}.format-option:hover{border-color:#0ea5e9}.format-option input[type=radio]{margin:0}.format-option span{font-weight:500;color:#333}.format-option small{font-size:12px;color:#666;line-height:1.3}.format-option:has(input:checked){border-color:#0ea5e9;background:#f0f9ff}.format-option.disabled{opacity:.6;cursor:not-allowed}.format-option.disabled input{cursor:not-allowed}.option-checkbox{display:flex;align-items:flex-start;gap:8px;cursor:pointer}.option-checkbox input[type=checkbox]{margin:4px 0 0}.checkbox-text{display:flex;flex-direction:column;gap:2px}.checkbox-text small{font-size:12px;color:#666}.master-password-section{margin-top:20px;padding:20px;background:#fef3c7;border:1px solid #f59e0b;border-radius:8px}.master-password-section h4{font-size:15px;font-weight:600;color:#92400e;margin:0 0 8px}.master-password-description{font-size:13px;color:#92400e;margin:0 0 16px;line-height:1.4}.password-inputs{display:flex;flex-direction:column;gap:12px}.password-input-group{display:flex;flex-direction:column;gap:4px}.password-input-group label{font-size:13px;font-weight:500;color:#92400e}.master-password-input{width:100%;padding:10px 12px;border:1px solid #d97706;border-radius:6px;background:#fff;color:#333;font-size:14px;transition:all .2s ease}.password-error{font-size:12px;color:#dc2626;margin-top:8px}.export-summary{display:flex;flex-wrap:wrap;gap:16px;padding:16px;background:#f9fafb;border-radius:8px;margin-bottom:20px}.summary-item{display:flex;flex-direction:column;gap:4px}.summary-item span{font-size:12px;color:#666;text-transform:uppercase;letter-spacing:.05em}.summary-item strong{font-size:14px;font-weight:600;color:#333}.security-notice{display:flex;gap:12px;padding:16px;background:#fef2f2;border-radius:8px;border-left:4px solid #ef4444}.security-notice svg{color:#ef4444;flex-shrink:0;margin-top:2px}.notice-text strong{display:block;font-size:14px;font-weight:600;color:#dc2626;margin-bottom:4px}.notice-text p{font-size:13px;color:#7f1d1d;margin:0;line-height:1.4}.export-modal-footer{display:flex;gap:12px;justify-content:flex-end;padding:20px 24px;background:#f9f9f9;border-top:1px solid #e0e0e0}.export-modal-footer .btn{min-width:100px}@media (max-width: 768px){.export-modal-overlay{padding:12px}.export-modal{max-width:none;max-height:95vh}.export-modal-header,.export-modal-body,.export-modal-footer{padding:16px 20px}.export-items-grid{gap:8px}.export-item{padding:12px}.format-options{flex-direction:column}.export-summary{flex-direction:column;gap:8px}.export-modal-footer{flex-direction:column}.export-modal-footer .btn{width:100%}}[data-theme=dark] .export-modal{background:#2d3748;border-color:#4a5568}[data-theme=dark] .export-modal-header{background:#1a3a52;border-bottom-color:#0ea5e9}[data-theme=dark] .export-description{background:#451a03;border-left-color:#f59e0b}[data-theme=dark] .export-description p{color:#fbbf24}[data-theme=dark] .export-items-section h3,[data-theme=dark] .export-options-section h3,[data-theme=dark] .option-label{color:#e2e8f0}[data-theme=dark] .export-item{background:#1a202c;border-color:#4a5568}[data-theme=dark] .export-item:hover{border-color:#0ea5e9}[data-theme=dark] .export-item.selected{background:#1a3a52}[data-theme=dark] .export-item-info h4{color:#e2e8f0}[data-theme=dark] .item-description{color:#a0aec0}[data-theme=dark] .item-estimated{color:#718096}[data-theme=dark] .format-option{background:#1a202c;border-color:#4a5568}[data-theme=dark] .format-option:hover,[data-theme=dark] .format-option:has(input:checked){border-color:#0ea5e9;background:#1a3a52}[data-theme=dark] .format-option span{color:#e2e8f0}[data-theme=dark] .format-option small{color:#a0aec0}[data-theme=dark] .checkbox-text{color:#e2e8f0}[data-theme=dark] .checkbox-text small{color:#a0aec0}[data-theme=dark] .export-summary{background:#1a202c}[data-theme=dark] .summary-item span{color:#a0aec0}[data-theme=dark] .summary-item strong{color:#e2e8f0}[data-theme=dark] .security-notice{background:#4a1a1a;border-left-color:#ef4444}[data-theme=dark] .notice-text strong,[data-theme=dark] .notice-text p{color:#fca5a5}[data-theme=dark] .export-modal-footer{background:#1a202c;border-top-color:#4a5568}[data-theme=dark] .master-password-section{background:#451a03;border-color:#f59e0b}[data-theme=dark] .master-password-section h4,[data-theme=dark] .master-password-description,[data-theme=dark] .password-input-group label{color:#fbbf24}.import-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px}.import-modal{background:#fff;border:1px solid #e0e0e0;border-radius:12px;box-shadow:0 8px 32px #00000026;width:100%;max-width:700px;max-height:90vh;overflow:hidden;animation:modalSlideIn .3s ease}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.9) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.import-modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;background:#f0f9ff;border-bottom:1px solid #0ea5e9}.header-content{display:flex;align-items:center;gap:12px}.import-icon{color:#0ea5e9;flex-shrink:0}.import-modal-header h2{color:#0ea5e9;font-size:18px;font-weight:600;margin:0}.header-actions{display:flex;align-items:center;gap:8px}.guide-button{display:flex;align-items:center;gap:4px;padding:6px 12px;background:#0ea5e9;color:#fff;border:none;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease}.guide-button:hover{background:#0284c7}.close-button{background:none;border:none;color:#666;cursor:pointer;padding:4px;border-radius:4px;transition:all .2s ease}.close-button:hover{background:#f5f5f5;color:#333}.close-button:disabled{opacity:.5;cursor:not-allowed}.import-modal-body{padding:24px;max-height:60vh;overflow-y:auto}.import-modal-body h3{font-size:16px;font-weight:600;color:#333;margin:0 0 16px}.upload-section{margin-bottom:24px}.file-upload-area{border:2px dashed #d1d5db;border-radius:8px;padding:32px 24px;text-align:center;transition:all .2s ease;position:relative;cursor:pointer}.file-upload-area:hover{border-color:#0ea5e9;background:#f8fafc}.file-input{position:absolute;inset:0;opacity:0;cursor:pointer}.upload-icon{color:#9ca3af;margin-bottom:16px}.upload-text{font-size:16px;font-weight:500;color:#374151;margin:0 0 8px}.upload-hint{font-size:14px;color:#6b7280;margin:0}.file-selected{display:flex;align-items:center;justify-content:space-between;padding:16px;background:#f0f9ff;border:1px solid #0ea5e9;border-radius:8px}.file-info{display:flex;align-items:center;gap:12px}.file-icon{color:#0ea5e9;flex-shrink:0}.file-details{display:flex;flex-direction:column;gap:2px}.file-name{font-size:14px;font-weight:500;color:#333}.file-size{font-size:12px;color:#666}.file-remove{background:none;border:none;color:#666;cursor:pointer;padding:4px;border-radius:4px;transition:all .2s ease}.file-remove:hover{background:#f5f5f5;color:#333}.decrypt-section{margin-bottom:24px;padding:20px;background:#fef3c7;border:1px solid #f59e0b;border-radius:8px}.decrypt-description{font-size:14px;color:#92400e;margin:0 0 16px;line-height:1.5}.password-input-group{display:flex;gap:12px;align-items:flex-end}.password-input-wrapper{flex:1;position:relative}.master-password-input{width:100%;padding:10px 40px 10px 12px;border:1px solid #d97706;border-radius:6px;background:#fff;color:#333;font-size:14px;transition:all .2s ease}.master-password-input:focus{outline:none;border-color:#f59e0b;box-shadow:0 0 0 3px #f59e0b1a}.password-toggle{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:none;border:none;color:#666;cursor:pointer;padding:4px;border-radius:4px}.password-toggle:hover{background:#f5f5f5}.preview-section{margin-bottom:24px}.preview-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}.preview-item{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px}.preview-item.total{background:#f0f9ff;border-color:#0ea5e9;font-weight:600}.preview-label{font-size:13px;color:#666}.preview-count{font-size:14px;font-weight:600;color:#333}.preview-item.total .preview-label,.preview-item.total .preview-count{color:#0ea5e9}.options-section{margin-bottom:24px}.option-group{margin-bottom:20px}.option-label{display:block;font-size:14px;font-weight:500;color:#333;margin-bottom:12px}.radio-group{display:flex;flex-direction:column;gap:12px}.radio-option{display:flex;flex-direction:column;gap:4px;padding:12px 16px;border:2px solid #e5e7eb;border-radius:8px;cursor:pointer;transition:all .2s ease}.radio-option:hover{border-color:#0ea5e9}.radio-option:has(input:checked){border-color:#0ea5e9;background:#f0f9ff}.radio-option input[type=radio]{margin:0}.radio-option span{font-weight:500;color:#333}.radio-option small{font-size:12px;color:#666;line-height:1.3}.checkbox-group{display:flex;flex-direction:column;gap:12px}.checkbox-option{display:flex;flex-direction:column;gap:4px;cursor:pointer}.checkbox-option input[type=checkbox]{margin:2px 8px 0 0;align-self:flex-start}.checkbox-option span{font-weight:500;color:#333}.checkbox-option small{font-size:12px;color:#666;margin-left:20px}.error-section{display:flex;gap:12px;padding:16px;background:#fef2f2;border-radius:8px;border-left:4px solid #ef4444;margin-bottom:24px}.error-section svg{color:#ef4444;flex-shrink:0;margin-top:2px}.error-list{flex:1}.error-message{font-size:13px;color:#7f1d1d;margin:0 0 4px;line-height:1.4}.error-message:last-child{margin-bottom:0}.import-modal-footer{display:flex;gap:12px;justify-content:flex-end;padding:20px 24px;background:#f9f9f9;border-top:1px solid #e0e0e0}.import-modal-footer .btn{min-width:100px}.guide-modal-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:10001;padding:20px}.guide-modal{background:#fff;border-radius:12px;box-shadow:0 8px 32px #0003;width:100%;max-width:600px;max-height:80vh;overflow:hidden;animation:modalSlideIn .3s ease}.guide-modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;background:#f8fafc;border-bottom:1px solid #e5e7eb}.guide-modal-header h2{font-size:18px;font-weight:600;color:#333;margin:0}.guide-modal-body{padding:24px;max-height:60vh;overflow-y:auto}.guide-section{margin-bottom:24px}.guide-section h3{font-size:16px;font-weight:600;color:#333;margin:0 0 12px}.guide-section p{font-size:14px;color:#666;line-height:1.5;margin:0 0 12px}.guide-section ul{margin:0;padding-left:20px}.guide-section li{font-size:14px;color:#666;line-height:1.5;margin-bottom:4px}.guide-section li strong{color:#333;font-weight:600}.guide-modal-footer{padding:20px 24px;background:#f8fafc;border-top:1px solid #e5e7eb;text-align:right}@media (max-width: 768px){.import-modal-overlay{padding:12px}.import-modal{max-width:none;max-height:95vh}.import-modal-header,.import-modal-body,.import-modal-footer{padding:16px 20px}.file-upload-area{padding:24px 16px}.password-input-group{flex-direction:column;align-items:stretch}.preview-grid{grid-template-columns:1fr}.radio-group{gap:8px}.import-modal-footer{flex-direction:column}.import-modal-footer .btn{width:100%}.guide-modal-overlay{padding:12px}.guide-modal{max-width:none}}[data-theme=dark] .import-modal{background:#2d3748;border-color:#4a5568}[data-theme=dark] .import-modal-header{background:#1a3a52;border-bottom-color:#0ea5e9}[data-theme=dark] .close-button{color:#a0aec0}[data-theme=dark] .close-button:hover{background:#4a5568;color:#e2e8f0}[data-theme=dark] .import-modal-body h3{color:#e2e8f0}[data-theme=dark] .file-upload-area{border-color:#4a5568;background:#1a202c}[data-theme=dark] .file-upload-area:hover{border-color:#0ea5e9;background:#2d3748}[data-theme=dark] .upload-text{color:#e2e8f0}[data-theme=dark] .upload-hint{color:#a0aec0}[data-theme=dark] .file-selected{background:#1a3a52}[data-theme=dark] .file-name{color:#e2e8f0}[data-theme=dark] .file-size{color:#a0aec0}[data-theme=dark] .decrypt-section{background:#451a03;border-color:#f59e0b}[data-theme=dark] .decrypt-description{color:#fbbf24}[data-theme=dark] .master-password-input{background:#1a202c;border-color:#d97706;color:#e2e8f0}[data-theme=dark] .master-password-input:focus{border-color:#f59e0b}[data-theme=dark] .preview-item{background:#1a202c;border-color:#4a5568}[data-theme=dark] .preview-item.total{background:#1a3a52;border-color:#0ea5e9}[data-theme=dark] .preview-label{color:#a0aec0}[data-theme=dark] .preview-count,[data-theme=dark] .option-label{color:#e2e8f0}[data-theme=dark] .radio-option{background:#1a202c;border-color:#4a5568}[data-theme=dark] .radio-option:hover,[data-theme=dark] .radio-option:has(input:checked){border-color:#0ea5e9;background:#1a3a52}[data-theme=dark] .radio-option span{color:#e2e8f0}[data-theme=dark] .radio-option small{color:#a0aec0}[data-theme=dark] .checkbox-option span{color:#e2e8f0}[data-theme=dark] .checkbox-option small{color:#a0aec0}[data-theme=dark] .error-section{background:#4a1a1a;border-left-color:#ef4444}[data-theme=dark] .error-message{color:#fca5a5}[data-theme=dark] .import-modal-footer{background:#1a202c;border-top-color:#4a5568}[data-theme=dark] .guide-modal{background:#2d3748}[data-theme=dark] .guide-modal-header{background:#1a202c;border-bottom-color:#4a5568}[data-theme=dark] .guide-modal-header h2,[data-theme=dark] .guide-section h3{color:#e2e8f0}[data-theme=dark] .guide-section p,[data-theme=dark] .guide-section li{color:#a0aec0}[data-theme=dark] .guide-section li strong{color:#e2e8f0}[data-theme=dark] .guide-modal-footer{background:#1a202c;border-top-color:#4a5568}.password-form-modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;padding:20px;box-sizing:border-box}.password-form-modal-content{background:var(--bg-primary, white);border-radius:12px;width:100%;max-width:700px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 40px #0000004d;border:1px solid var(--border-color, #e1e5e9);animation:slideUp .3s ease-out;overflow:hidden}.password-form-modal-content.enhanced{max-width:800px}.password-form-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 30px;border-bottom:1px solid var(--border-color, #e1e5e9);background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;flex-shrink:0}.password-form-modal-header h3{margin:0;font-size:18px;font-weight:600;line-height:1.3}.password-form-modal-close{background:none;border:none;color:#fff;font-size:20px;cursor:pointer;padding:5px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background-color .2s ease}.password-form-modal-close:hover:not(:disabled){background-color:#ffffff1a}.password-form-modal-close:disabled{opacity:.5;cursor:not-allowed}.password-form-modal-body{flex:1;overflow-y:auto;padding:30px}.password-form-modal-footer{display:flex;justify-content:space-between;align-items:center;padding:20px 30px;border-top:1px solid var(--border-color, #e1e5e9);background:var(--bg-secondary, #f8f9fa);flex-shrink:0}.password-form__field-group{margin-bottom:20px}.password-form__field-group--large{margin-bottom:25px}.password-form__label{display:block;margin-bottom:8px;font-weight:500;color:var(--text-primary, #333);font-size:14px}.password-form__label--required:after{content:" *";color:#dc3545;margin-left:2px}.password-form__input{width:100%;padding:12px 16px;border:1px solid var(--border-color, #ddd);border-radius:6px;box-sizing:border-box;font-size:14px;transition:all .2s ease;background:var(--input-bg, white);color:var(--text-primary, #333)}.password-form__input:focus{outline:none;border-color:var(--primary-color, #3b82f6);box-shadow:0 0 0 3px #3b82f61a}.password-form__input--error{border-color:#dc3545;box-shadow:0 0 0 3px #dc35451a}.password-form__input--warning{border-color:#ffc107;background:#ffc1070d}.password-form__input--warning:focus{box-shadow:0 0 0 3px #ffc10733}.password-form__input:disabled{background-color:var(--bg-disabled, #f8f9fa);cursor:not-allowed;opacity:.7}.password-form__select{width:100%;padding:12px 16px;border:1px solid var(--border-color, #ddd);border-radius:6px;box-sizing:border-box;font-size:14px;background:var(--input-bg, white);color:var(--text-primary, #333);cursor:pointer}.password-form__select:focus{outline:none;border-color:var(--primary-color, #3b82f6);box-shadow:0 0 0 3px #3b82f61a}.password-form__textarea{width:100%;padding:12px 16px;border:1px solid var(--border-color, #ddd);border-radius:6px;box-sizing:border-box;resize:vertical;font-family:inherit;font-size:14px;background:var(--input-bg, white);color:var(--text-primary, #333);min-height:80px}.password-form__textarea:focus{outline:none;border-color:var(--primary-color, #3b82f6);box-shadow:0 0 0 3px #3b82f61a}.password-form__error{color:#dc3545;font-size:12px;margin-top:5px;display:block;font-weight:500}.password-field-enhanced{margin-bottom:24px!important}.password-input-container{position:relative;display:flex;align-items:center;gap:8px}.password-input-container .password-form__input{flex:1;padding-right:100px}.password-input-actions{position:absolute;right:8px;top:50%;transform:translateY(-50%);display:flex;gap:4px}.password-toggle-btn,.password-generate-btn{width:32px;height:32px;border:none;background:var(--bg-secondary, #f8f9fa);border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:14px;transition:all .2s ease;color:var(--text-muted, #6b7280)}.password-toggle-btn:hover,.password-generate-btn:hover{background:var(--primary-color, #3b82f6);color:#fff;transform:translateY(-50%) scale(1.05)}.password-duplicate-warning,.password-similar-warning{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:6px;margin-top:8px;font-size:13px;line-height:1.4}.password-duplicate-warning{background:#dc35451a;border:1px solid rgba(220,53,69,.3);color:#721c24}.password-similar-warning{background:#ffc1071a;border:1px solid rgba(255,193,7,.3);color:#856404}.warning-icon{font-size:16px;flex-shrink:0}.warning-text{flex:1;font-weight:500}.generator-modal-overlay{position:fixed;inset:0;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1100;padding:20px;box-sizing:border-box}.generator-modal-content{background:var(--bg-primary, white);border-radius:12px;max-width:90vw;max-height:90vh;overflow:auto;box-shadow:0 25px 50px #0006;animation:scaleIn .3s ease-out}.password-form .tag-selector{width:100%}.password-form .tag-input{width:100%;padding:12px 16px;border:1px solid var(--border-color, #ddd);border-radius:6px;box-sizing:border-box;font-size:14px;background:var(--input-bg, white);color:var(--text-primary, #333);transition:all .2s ease}.password-form .tag-input:focus{outline:none;border-color:var(--primary-color, #3b82f6);box-shadow:0 0 0 3px #3b82f61a}.password-form .tag-input::placeholder{color:var(--text-muted, #9ca3af)}.password-form .selected-tags{margin-bottom:8px;min-height:auto}.password-form .selected-tag{background:var(--primary-color, #3b82f6);color:#fff;padding:6px 12px;border-radius:16px;font-size:13px;font-weight:500;display:inline-flex;align-items:center;gap:6px;margin:2px}.password-form .selected-tag-remove{background:none;border:none;color:#fffc;cursor:pointer;padding:2px;font-size:12px;line-height:1;border-radius:50%;width:16px;height:16px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.password-form .selected-tag-remove:hover{color:#fff;background:#fff3}.password-form .tag-dropdown{border:1px solid var(--border-color, #ddd);border-top:none;background:var(--input-bg, white);border-radius:0 0 6px 6px;box-shadow:0 4px 6px #0000001a;z-index:100;max-height:200px;overflow-y:auto}.password-form .tag-dropdown-item{padding:10px 16px;border:none;background:none;width:100%;text-align:left;cursor:pointer;font-size:14px;color:var(--text-primary, #333);border-bottom:1px solid var(--border-color, #f1f3f4);transition:background-color .2s ease}.password-form .tag-dropdown-item:hover{background:var(--bg-secondary, #f8f9fa)}.password-form .tag-dropdown-item:last-child{border-bottom:none}.password-form .tag-dropdown-new{background:var(--bg-tertiary, #f1f3f4);font-weight:500;color:var(--primary-color, #3b82f6)}.password-form .tag-dropdown-new:hover{background:var(--primary-color, #3b82f6);color:#fff}.password-form .tag-dropdown-empty{padding:16px;text-align:center;color:var(--text-muted, #9ca3af);font-size:13px;font-style:italic}.password-form .tag-new-icon{color:var(--success-color, #10b981);font-weight:700;margin-right:4px}.password-form .tag-selector-info{margin-top:4px;font-size:12px;color:var(--text-secondary, #6b7280);display:flex;justify-content:space-between;align-items:center}.password-form .tag-error-message{color:#dc3545;font-weight:500}.password-form .tag-count{font-weight:500}.password-form .tag-help{font-style:italic;opacity:.8}@media (prefers-color-scheme: dark){.password-form-modal-content{background:var(--bg-primary, #1a1a1a);border-color:var(--border-color, #404040)}.password-form-modal-header{border-bottom-color:var(--border-color, #404040)}.password-form-modal-footer{background:var(--bg-secondary, #2c2c2c);border-top-color:var(--border-color, #404040)}.password-form__input,.password-form__select,.password-form__textarea{background:var(--input-bg, #2c2c2c);border-color:var(--border-color, #404040);color:var(--text-primary, #fff)}.password-form__label{color:var(--text-primary, #fff)}.password-toggle-btn,.password-generate-btn{background:var(--bg-secondary, #3c3c3c);color:var(--text-muted, #9ca3af)}.password-duplicate-warning{background:#dc354533;color:#f5c2c7}.password-similar-warning{background:#ffc10733;color:gold}.generator-modal-content{background:var(--bg-primary, #1a1a1a)}.password-form .tag-input{background:var(--input-bg, #2c2c2c);border-color:var(--border-color, #404040);color:var(--text-primary, #fff)}.password-form .tag-dropdown{background:var(--input-bg, #2c2c2c);border-color:var(--border-color, #404040)}.password-form .tag-dropdown-item{color:var(--text-primary, #fff);border-bottom-color:var(--border-color, #404040)}.password-form .tag-dropdown-item:hover{background:var(--bg-secondary, #404040)}.password-form .tag-dropdown-new{background:var(--bg-tertiary, #404040)}}@media (max-width: 768px){.password-form-modal-overlay{padding:0;align-items:flex-start;overflow-y:auto}.password-form-modal-content{margin:0;max-width:100%;width:100%;min-height:100vh;min-height:-webkit-fill-available;height:auto;max-height:none;border-radius:0;display:flex;flex-direction:column;padding-bottom:env(safe-area-inset-bottom)}.password-form-modal-header{padding:16px 20px}.password-form-modal-header h3{font-size:16px}.password-form-modal-body{padding:20px;flex:1 1 auto;overflow-y:auto;-webkit-overflow-scrolling:touch;min-height:0}.password-form-modal-footer{padding:16px 20px;padding-bottom:calc(16px + env(safe-area-inset-bottom));flex-direction:column;gap:12px;flex-shrink:0;background:var(--bg-secondary, #f8f9fa);border-top:1px solid var(--border-color, #e1e5e9);margin-top:auto}.password-form__field-group{margin-bottom:16px}.password-input-container .password-form__input{padding-right:80px}.password-toggle-btn,.password-generate-btn{width:28px;height:28px;font-size:12px}.password-duplicate-warning,.password-similar-warning{padding:6px 8px;font-size:12px}.password-form .tag-input{padding:10px 14px}.password-form .selected-tag{font-size:12px;padding:4px 8px}.password-form .tag-dropdown-item{padding:12px 16px;font-size:14px}.password-form .tag-selector-info{font-size:11px;flex-direction:column;align-items:flex-start;gap:4px}}@media (max-width: 425px){.password-form-modal-overlay{padding:5px}.password-form-modal-content{border-radius:8px}.password-form-modal-header{padding:12px 16px}.password-form-modal-body{padding:16px}.password-form-modal-footer{padding:12px 16px}.password-form__field-group{margin-bottom:14px}.password-input-container .password-form__input{padding-right:70px}.password-toggle-btn,.password-generate-btn{width:24px;height:24px;font-size:11px}.password-duplicate-warning,.password-similar-warning{padding:6px 10px;font-size:12px}.password-form .tag-input{padding:8px 12px}.password-form .selected-tag{font-size:11px;padding:3px 8px;margin:1px}.password-form .selected-tag-remove{width:14px;height:14px;font-size:10px}.password-form .tag-dropdown-item{padding:10px 14px;font-size:14px}.password-form .tag-selector-info{font-size:11px}}@media (prefers-reduced-motion: reduce){.password-form-modal-content,.generator-modal-content{animation:none}.password-toggle-btn,.password-generate-btn,.password-form .selected-tag,.password-form .selected-tag-remove,.password-form .tag-dropdown-item{transition:none}}@media (prefers-contrast: high){.password-form-modal-content,.password-form__input,.password-form__select,.password-form__textarea,.password-form .tag-input{border-width:2px;border-color:#000}.password-duplicate-warning,.password-similar-warning{border-width:2px}.password-toggle-btn,.password-generate-btn,.password-form .selected-tag{border:2px solid #000}.password-form .tag-dropdown{border-width:2px;border-color:#000}}.modal-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;backdrop-filter:blur(8px);animation:fadeIn .2s ease-out}.share-modal-content{background:#fff;border-radius:20px;box-shadow:0 24px 48px -12px #00000040;width:100%;max-width:540px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;animation:modalSlideIn .3s cubic-bezier(.34,1.56,.64,1)}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:28px 28px 20px;border-bottom:1px solid #e9ecef;background:linear-gradient(to bottom,#fff,#fafbfc)}.modal-header h3{margin:0;font-size:22px;font-weight:700;color:#1a1a1a;display:flex;align-items:center;gap:10px;letter-spacing:-.5px}.modal-close{background:none;border:none;font-size:28px;cursor:pointer;color:#8e8e93;padding:0;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease;font-weight:300}.modal-close:hover{background:#f0f0f0;color:#1a1a1a;transform:rotate(90deg)}.share-password-info{background:linear-gradient(135deg,#f5f7fa,#f0f3f7);padding:20px;border-radius:16px;margin-bottom:24px;border:1px solid #e1e4e8;box-shadow:0 2px 6px #0000000d}.share-password-info h4{margin:0 0 16px;font-size:15px;font-weight:600;color:#586069;display:flex;align-items:center;gap:8px;text-transform:uppercase;letter-spacing:.5px}.password-preview{display:flex;flex-direction:column;gap:10px}.password-preview div{font-size:14px;color:#586069;padding:8px 12px;background:#fff;border-radius:8px;border:1px solid #e1e4e8;display:flex;align-items:center}.password-preview strong{color:#24292e;font-weight:600;margin-right:12px;min-width:80px;font-size:13px}.share-settings{display:flex;flex-direction:column;gap:20px}.share-settings h4{margin:0 0 16px;font-size:16px;font-weight:600;color:#333;display:flex;align-items:center;gap:6px}.setting-group{display:flex;flex-direction:column;gap:10px;padding:16px;background:#f6f8fa;border-radius:12px;border:1px solid #e1e4e8}.setting-group label{font-size:14px;font-weight:600;color:#24292e;display:flex;align-items:center;gap:8px;margin-bottom:2px}.setting-group select{padding:12px 44px 12px 16px;border:2px solid #e1e4e8;border-radius:10px;background:#fff;color:#24292e;font-size:15px;font-weight:500;cursor:pointer;transition:all .2s ease;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23586069' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 12px center;background-size:20px}.setting-group select:hover{border-color:#0366d6;background-color:#f6f8fa}.setting-group select:focus{outline:none;border-color:#0366d6;box-shadow:0 0 0 3px #0366d61a}.setting-group small{font-size:13px;color:#6a737d;margin-top:2px;line-height:1.4}.security-notice{background:linear-gradient(135deg,#e3f2fd,#d6ebfd);border:1px solid #90caf9;padding:20px;border-radius:12px;margin-top:24px;position:relative;overflow:hidden}.security-notice:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:#2196f3}.security-notice h5{margin:0 0 16px;font-size:15px;font-weight:700;color:#1565c0;display:flex;align-items:center;gap:8px;text-transform:uppercase;letter-spacing:.5px}.security-notice ul{margin:0;padding-left:24px;color:#1565c0}.security-notice li{margin-bottom:8px;font-size:14px;line-height:1.6;color:#424242}.share-result{display:flex;flex-direction:column;gap:24px;animation:slideUp .3s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.share-result h4{margin:0;font-size:20px;font-weight:700;color:#28a745;display:flex;align-items:center;gap:10px;padding-bottom:16px;border-bottom:2px solid #e1e4e8}.share-info{background:#f6f8fa;padding:20px;border-radius:12px;border:1px solid #e1e4e8;box-shadow:inset 0 1px 2px #0000000a}.share-key{font-size:14px;color:#666;margin-bottom:8px}.share-key code{background:#fff;padding:4px 8px;border-radius:6px;border:1px solid #e1e4e8;color:#d73a49;font-family:SF Mono,Monaco,Inconsolata,Fira Code,monospace;font-size:14px;font-weight:500;letter-spacing:.5px}.share-settings-summary{font-size:14px;color:#666}.share-url-container{display:flex;flex-direction:column;gap:12px;padding:20px;background:#fff;border-radius:12px;border:2px solid #e1e4e8;box-shadow:0 2px 8px #0000000a}.share-url-container label{font-size:15px;font-weight:600;color:#24292e;display:flex;align-items:center;gap:8px;margin-bottom:4px}.share-url-box{display:flex;gap:8px;align-items:center}.share-url-input{flex:1;padding:12px 16px;border:2px solid #e1e4e8;border-radius:10px;background:#f6f8fa;color:#24292e;font-size:14px;font-family:SF Mono,Monaco,Inconsolata,Fira Code,monospace;font-weight:500;transition:all .2s ease}.share-url-input:focus{background:#fff;border-color:#0366d6;outline:none}.btn-copy-url{padding:12px 20px;background:linear-gradient(135deg,#0366d6,#0256c7);color:#fff;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:8px;white-space:nowrap;box-shadow:0 2px 4px #0366d633}.btn-copy-url:hover{background:linear-gradient(135deg,#0256c7,#0146a8);transform:translateY(-1px);box-shadow:0 4px 8px #0366d64d}.btn-copy-url:active{transform:translateY(0);box-shadow:0 1px 2px #0366d633}.share-url-container small{font-size:12px;color:#666}.share-warning{background:linear-gradient(135deg,#fff8e1,#fff3cd);border:1px solid #ffcc80;padding:20px;border-radius:12px;margin-top:24px;position:relative;box-shadow:0 2px 8px #ffc1071a}.share-warning:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:#ffc107}.share-warning p{margin:0 0 10px;font-size:14px;color:#856404;display:flex;align-items:center;gap:8px;font-weight:500;padding-left:8px}.share-warning p:last-child{margin-bottom:0}.error-message{background:linear-gradient(135deg,#fee5e7,#f8d7da);border:1px solid #f5c6cb;color:#721c24;padding:16px 20px;border-radius:10px;font-size:14px;margin-bottom:20px;display:flex;align-items:center;gap:10px;font-weight:500;box-shadow:0 2px 6px #dc35451a}.modal-footer{display:flex;justify-content:flex-end;align-items:center;padding:20px 28px;border-top:1px solid #e1e4e8;gap:12px;background:linear-gradient(to top,#f6f8fa,#fafbfc)}.btn-cancel,.btn-secondary{padding:12px 24px;background:#fff;color:#586069;border:2px solid #e1e4e8;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 1px 3px #0000000a}.btn-cancel:hover,.btn-secondary:hover{background:#f6f8fa;border-color:#d1d5da;transform:translateY(-1px);box-shadow:0 2px 6px #00000014}.btn-primary{padding:12px 24px;background:linear-gradient(135deg,#0366d6,#0256c7);color:#fff;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:8px;box-shadow:0 2px 4px #0366d633}.btn-primary:hover{background:linear-gradient(135deg,#0256c7,#0146a8);transform:translateY(-1px);box-shadow:0 4px 8px #0366d64d}.btn-primary:active{transform:translateY(0);box-shadow:0 1px 2px #0366d633}.btn-primary:disabled{background:#c8e1ff;cursor:not-allowed;box-shadow:none;transform:none}@media (max-width: 768px){.modal-overlay{padding:10px}.share-modal-content{max-width:none;max-height:100vh;border-radius:12px}.modal-header,.modal-body,.modal-footer{padding:16px}.share-url-box{flex-direction:column;align-items:stretch}.btn-copy-url{width:100%;justify-content:center}.modal-footer{flex-direction:column-reverse;gap:8px}.modal-footer button{width:100%}select,input{font-size:16px}}@media (max-width: 480px){.modal-header h3{font-size:18px}.share-settings h4,.share-password-info h4{font-size:14px}.setting-group label,.share-url-container label{font-size:13px}}.access-code-container{display:flex;flex-direction:column;gap:12px;padding:20px;background:#f0f7ff;border-radius:12px;border:2px solid #d0e7ff;box-shadow:0 2px 8px #007bff14}.access-code-container label{font-size:15px;font-weight:600;color:#0366d6;display:flex;align-items:center;gap:8px;margin-bottom:4px}.access-code-info{margin-bottom:12px}.access-code-info p{font-size:14px;color:#586069;margin:0;line-height:1.5}.access-code-box{display:flex;gap:8px;align-items:center}.access-code-input{flex:1;padding:12px 16px;border:2px solid #0366d6;border-radius:10px;background:#fff;color:#0366d6;font-size:16px;font-family:SF Mono,Monaco,Inconsolata,Fira Code,monospace;font-weight:600;letter-spacing:1px;text-align:center;transition:all .2s ease}.access-code-input:focus{background:#f6f8fa;outline:none}.btn-copy-code{padding:12px 20px;background:linear-gradient(135deg,#0366d6,#0256c7);color:#fff;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:8px;white-space:nowrap;box-shadow:0 2px 4px #0366d633}.btn-copy-code:hover{background:linear-gradient(135deg,#0256c7,#0146a8);transform:translateY(-1px);box-shadow:0 4px 8px #0366d64d}.btn-copy-code:active{transform:translateY(0);box-shadow:0 1px 2px #0366d633}.access-code-usage{margin-top:16px;padding:16px;background:#fff;border-radius:8px;border:1px solid #e1e4e8}.access-code-usage h5{margin:0 0 12px;font-size:14px;font-weight:600;color:#24292e;display:flex;align-items:center;gap:6px}.access-code-usage ol{margin:0;padding-left:20px;color:#586069}.access-code-usage li{margin-bottom:6px;font-size:13px;line-height:1.5}.access-code-usage li:last-child{margin-bottom:0}@media (prefers-color-scheme: dark){.share-modal-content{background:#1e1e1e;color:#e0e0e0}.modal-header{border-bottom-color:#333}.modal-header h3,.modal-close{color:#e0e0e0}.modal-close:hover{background:#2a2a2a}.share-password-info,.share-info{background:#2a2a2a;border-color:#333}.password-preview div,.setting-group small,.share-key,.share-settings-summary{color:#b0b0b0}.password-preview strong,.setting-group label,.share-password-info h4,.share-settings h4{color:#e0e0e0}.setting-group select,.share-url-input{background:#2a2a2a;border-color:#444;color:#e0e0e0}.security-notice{background:#1a237e;border-color:#283593}.security-notice h5{color:#64b5f6}.security-notice ul{color:#90caf9}.share-warning{background:#3e2723;border-color:#5d4037}.share-warning p{color:#ffab91}.modal-footer{background:#252525;border-top-color:#333}.access-code-container{background:#1a2332;border-color:#2a3f5f}.access-code-container label{color:#64b5f6}.access-code-info p{color:#b0b0b0}.access-code-input{background:#2a2a2a;border-color:#4a5568;color:#64b5f6}.access-code-input:focus{background:#333}.access-code-usage{background:#2a2a2a;border-color:#444}.access-code-usage h5{color:#e0e0e0}.access-code-usage ol{color:#b0b0b0}}:root{--mobile-primary: #007AFF;--mobile-bg: #f2f2f7;--mobile-card: white;--mobile-border: #e5e5ea;--mobile-text: #000000;--mobile-text-secondary: #8e8e93}.mobile-container{background:var(--mobile-bg);min-height:100vh;padding:0}.mobile-search-header{background:var(--mobile-card);padding:8px 12px;border-bottom:1px solid var(--mobile-border);position:sticky;top:0;z-index:100;display:flex;align-items:center;gap:8px}.mobile-search-field{display:flex;align-items:center;background:var(--mobile-bg);border-radius:10px;padding:0;position:relative;flex:1}.mobile-sort-button{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:var(--mobile-bg);border:none;border-radius:10px;font-size:18px;cursor:pointer;transition:all .2s ease;flex-shrink:0}.mobile-sort-button:active{background:var(--mobile-border);transform:scale(.95)}.mobile-search-icon{position:absolute;left:10px;color:var(--mobile-text-secondary);font-size:14px;pointer-events:none}.mobile-search-input{width:100%;padding:8px 12px 8px 32px;background:transparent;border:none;font-size:16px;color:var(--mobile-text);outline:none}.mobile-search-input::placeholder{color:var(--mobile-text-secondary)}.mobile-filter-bar{background:var(--mobile-card);padding:8px 12px;display:flex;align-items:center;gap:8px;overflow-x:auto;border-bottom:1px solid var(--mobile-border);-webkit-overflow-scrolling:touch}.mobile-filter-bar::-webkit-scrollbar{display:none}.mobile-category-bar{background:var(--mobile-card);padding:0 12px 8px;display:flex;align-items:center;gap:8px;overflow-x:auto;border-bottom:1px solid var(--mobile-border);-webkit-overflow-scrolling:touch}.mobile-category-bar::-webkit-scrollbar{display:none}.mobile-category-chip{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;background:var(--mobile-bg);border-radius:12px;font-size:13px;color:var(--mobile-text-secondary);white-space:nowrap;border:1px solid var(--mobile-border);cursor:pointer;transition:all .2s ease;flex-shrink:0}.mobile-category-chip.active{background:#e8f5e8;color:#2e7d2e;border-color:#2e7d2e}.mobile-category-chip .category-count{font-size:11px;background:#00000014;padding:1px 5px;border-radius:8px;font-weight:500}.mobile-filter-chip{display:inline-flex;align-items:center;gap:4px;padding:5px 10px;background:var(--mobile-bg);border-radius:8px;font-size:13px;color:var(--mobile-text);white-space:nowrap;border:none;cursor:pointer;transition:all .2s ease;flex-shrink:0}.mobile-filter-chip.active{background:var(--mobile-primary);color:#fff}.mobile-filter-chip .chip-icon{font-size:12px}.mobile-filter-chip .chip-count{font-size:11px;opacity:.8}.mobile-content-list{padding:8px 12px 60px}.mobile-item-card{background:var(--mobile-card);border-radius:12px;margin-bottom:8px;overflow:hidden;cursor:pointer;transition:transform .2s ease}.mobile-item-card:active{transform:scale(.98)}.mobile-item-row{display:flex;align-items:center;padding:10px 12px;gap:10px}.mobile-item-icon{width:28px;height:28px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:14px;flex-shrink:0;background:var(--mobile-bg)}.mobile-item-icon.password{background:#e3f2fd}.mobile-item-icon.creditcard{background:#ffe0b2}.mobile-item-icon.apikey{background:#f3e5f5}.mobile-item-content{flex:1;min-width:0}.mobile-item-header{display:flex;align-items:center;justify-content:space-between;gap:8px}.mobile-item-title{font-size:15px;font-weight:600;color:var(--mobile-text);margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.mobile-item-indicators{display:flex;gap:6px;align-items:center;flex-shrink:0}.mobile-indicator{font-size:12px;color:var(--mobile-text-secondary)}.mobile-indicator.secure{color:#4caf50}.mobile-indicator.favorite{color:#ffc107}.mobile-item-subtitle{font-size:13px;color:var(--mobile-text-secondary);margin:2px 0 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-category-selector{display:flex;align-items:center;gap:4px;padding:6px 10px;background:var(--mobile-bg);border-radius:8px;font-size:14px;color:var(--mobile-text);border:none;cursor:pointer;margin-left:auto}.mobile-category-selector:after{content:"▼";font-size:10px;color:var(--mobile-text-secondary)}.mobile-stats-row{display:flex;align-items:center;gap:16px;padding:8px 12px;background:var(--mobile-card);border-bottom:1px solid var(--mobile-border);font-size:13px;color:var(--mobile-text-secondary)}.mobile-stat-item{display:flex;align-items:center;gap:4px}.mobile-stat-icon{font-size:12px}.mobile-stat-value{font-weight:600;color:var(--mobile-text)}.mobile-fab-mini{position:fixed;bottom:12px;right:12px;width:44px;height:44px;border-radius:22px;background:var(--mobile-primary);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #007aff4d;border:none;font-size:20px;cursor:pointer;z-index:1000}.mobile-fab-mini:active{transform:scale(.9)}.mobile-item-actions{display:flex;align-items:center;gap:8px;flex-shrink:0;margin-left:8px}.mobile-action-btn{width:32px;height:32px;border-radius:16px;border:1px solid var(--mobile-border);background:var(--mobile-bg);color:var(--mobile-text-secondary);display:flex;align-items:center;justify-content:center;font-size:14px;cursor:pointer;transition:all .2s ease}.mobile-action-btn:active{background:var(--mobile-primary);color:#fff;transform:scale(.9)}.mobile-filter-section{background:var(--mobile-card);border-bottom:1px solid var(--mobile-border);padding:12px;display:flex;flex-direction:row;align-items:center;gap:12px}.mobile-consolidated-dropdown{position:relative;width:100%}.mobile-consolidated-select{width:100%;padding:12px 40px 12px 16px;font-size:16px;line-height:1.4;border:1px solid var(--mobile-border);border-radius:10px;background:var(--mobile-bg);color:var(--mobile-text);appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");background-position:right 12px center;background-repeat:no-repeat;background-size:16px;cursor:pointer;transition:all .2s ease;font-weight:500}.mobile-consolidated-select:focus{outline:none;border-color:var(--mobile-primary);box-shadow:0 0 0 3px #007aff1a}.mobile-consolidated-select option{padding:12px 16px;font-size:16px;line-height:1.4;font-weight:500;background:var(--mobile-card);color:var(--mobile-text)}.mobile-tab-bar,.mobile-tab-bar-extended{position:fixed;bottom:0;left:0;right:0;background:#fffffffa;backdrop-filter:blur(20px);border-top:.5px solid var(--mobile-border);z-index:100}.mobile-tab-row{display:flex;justify-content:space-around;padding:8px 0 env(safe-area-inset-bottom,8px)}.mobile-tab-item{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;padding:0;background:none;border:none;color:var(--mobile-text-secondary);cursor:pointer;transition:color .2s ease}.mobile-tab-item.active{color:var(--mobile-primary)}.mobile-tab-icon{font-size:20px}.mobile-tab-label{font-size:9px;font-weight:500}.mobile-empty-minimal{text-align:center;padding:48px 24px}.mobile-empty-icon-mini{font-size:36px;opacity:.3;margin-bottom:8px}.mobile-empty-text{font-size:14px;color:var(--mobile-text-secondary);margin:0}.mobile-loading-inline{display:flex;flex-direction:column;gap:8px;padding:0}.mobile-skeleton-item{background:var(--mobile-card);border-radius:12px;padding:10px 12px;display:flex;gap:10px;align-items:center}.mobile-skeleton-icon-mini{width:28px;height:28px;border-radius:6px;background:var(--mobile-bg);animation:pulse 1.5s ease-in-out infinite}.mobile-skeleton-text{flex:1;display:flex;flex-direction:column;gap:4px}.mobile-skeleton-line{height:10px;border-radius:5px;background:var(--mobile-bg);animation:pulse 1.5s ease-in-out infinite}.mobile-skeleton-line.short{width:40%}.mobile-skeleton-line.long{width:70%}@keyframes pulse{0%,to{opacity:.6}50%{opacity:1}}@media (max-width: 350px){.mobile-search-header{padding:6px 10px}.mobile-item-row{padding:8px 10px}.mobile-item-title{font-size:14px}.mobile-fab-mini{width:40px;height:40px;font-size:18px}}@media (prefers-color-scheme: dark){:root{--mobile-primary: #0A84FF;--mobile-bg: #000000;--mobile-card: #1c1c1e;--mobile-border: #38383a;--mobile-text: #ffffff;--mobile-text-secondary: #8e8e93}.mobile-tab-bar{background:#1c1c1efa}.mobile-filter-chip,.mobile-search-field{background:#2c2c2e}}.mobile-modal-backdrop{position:fixed;inset:0;background-color:#00000080;z-index:9999;animation:fadeIn .2s ease-out}.mobile-modal-container{position:absolute;top:0;left:0;right:0;background:var(--bg-primary, white);display:flex;flex-direction:column;overflow:hidden;animation:slideUp .3s ease-out}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.mobile-modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;flex-shrink:0}.mobile-modal-header h3{margin:0;font-size:18px;font-weight:600}.mobile-modal-close{background:none;border:none;color:#fff;font-size:24px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:50%;transition:background-color .2s}.mobile-modal-close:active{background-color:#fff3}.mobile-modal-content{flex:1;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;padding-bottom:env(safe-area-inset-bottom)}.mobile-modal-container.keyboard-visible{transition:height .3s ease-out}.mobile-modal-container.keyboard-visible .mobile-modal-content{padding-bottom:20px}.mobile-modal-content .password-form-modal-body,.mobile-modal-content .form-body{padding:16px;height:auto;overflow:visible}.mobile-modal-content .password-form-modal-footer,.mobile-modal-content .form-footer{position:sticky;bottom:0;background:var(--bg-primary, white);padding:16px;padding-bottom:calc(16px + env(safe-area-inset-bottom));border-top:1px solid var(--border-color, #e1e5e9);margin-top:auto}@media (max-width: 768px){.mobile-modal-container .password-form-modal-content,.mobile-modal-container .credit-card-form,.mobile-modal-container .api-key-form{height:100%;max-height:none;min-height:auto;border-radius:0;display:flex;flex-direction:column}}.dashboard-mobile{position:relative;min-height:100vh;background:#f8f9fa;padding:0;margin:0}@media (max-width: 768px){.app-header{display:none!important}.main-content{padding:0!important;margin:0!important}.sidebar{display:none!important}}.filter-group select{padding:8px 32px 8px 12px;border:1px solid var(--border-color);border-radius:6px;background:var(--bg-primary);color:var(--text-primary);font-size:14px;cursor:pointer;min-width:120px;flex-shrink:0;transition:all .2s ease;appearance:none;background-image:url('data:image/svg+xml;charset=US-ASCII,%3Csvg width="14" height="8" viewBox="0 0 14 8" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M1 1L7 7L13 1" stroke="%236B7280" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/%3E%3C/svg%3E');background-repeat:no-repeat;background-position:right 8px center}[data-theme=dark] .filter-group select{background-image:url('data:image/svg+xml;charset=US-ASCII,%3Csvg width="14" height="8" viewBox="0 0 14 8" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M1 1L7 7L13 1" stroke="%23D1D5DB" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/%3E%3C/svg%3E')}.dashboard{display:flex;flex-direction:column;min-height:0;background:var(--bg-primary)}.search-header-actions{display:flex;gap:8px;flex-shrink:0}.dashboard-actions{display:flex;gap:12px;padding:16px 0;align-items:center;justify-content:flex-start}.dashboard-actions .btn{color:#333!important;border-color:#e9ecef!important;background:#fff!important}.dashboard-actions .btn-primary{background:#007bff!important;color:#fff!important;border-color:#007bff!important}.dashboard-actions .btn-primary:hover{background:#0056b3!important;border-color:#0056b3!important}.dashboard-actions .btn-ghost{background:#f8f9fa!important;color:#666!important;border-color:#e9ecef!important}.dashboard-actions .btn-ghost:hover{background:#e9ecef!important;color:#333!important}.stats-inline{display:flex;gap:.5rem;align-items:center}.stat-badge{display:flex;align-items:center;gap:.25rem;padding:.25rem .5rem;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;font-size:.75rem;color:var(--text-secondary);transition:all .2s ease;cursor:default}.stat-password{color:#4f46e5;border-color:#4f46e54d;background:#4f46e50d}.stat-creditcard{color:#f59e0b;border-color:#f59e0b4d;background:#f59e0b0d}.stat-apikey{color:#10b981;border-color:#10b9814d;background:#10b9810d}.dashboard-controls{display:flex;gap:1rem;align-items:center;justify-content:space-between;padding:1rem 0rem;background:var(--bg-secondary);border-bottom:1px solid var(--border-color)}.control-actions{display:flex;align-items:center;gap:.5rem}.error-banner{background:var(--error-light);color:var(--error);padding:1rem 2rem;border-bottom:1px solid var(--error)}.error-banner p{margin:0;font-size:.875rem}.dashboard-content{flex:0 1 auto;overflow:visible;padding:0}@media (max-width: 768px){.stats-inline{gap:.25rem}.stat-badge{padding:.125rem .375rem;font-size:.625rem;gap:.125rem}.stat-badge svg{width:10px;height:10px}.dashboard-controls{flex-direction:column;padding:1rem 0rem;gap:.75rem}.control-actions{width:100%;justify-content:flex-end}.dashboard-content{padding:0}}@media (prefers-color-scheme: dark){.stat-item.stat-total{border-right-color:#ffffff1a}}.form-modal .modal-content{padding:0;overflow:visible}.form-modal .password-form-modal-content,.form-modal .credit-card-form,.form-modal .api-key-form{max-height:none;box-shadow:none;border:none;animation:none}.shared-password-container{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;padding:20px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.shared-password-card{background:#fff;border-radius:16px;box-shadow:0 20px 40px #0000001a;max-width:600px;width:100%;overflow:hidden;animation:slideUp .6s ease-out}.shared-password-card.error{max-width:500px;text-align:center}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.shared-password-header{background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;padding:30px;text-align:center}.shared-password-header h2{margin:0 0 10px;font-size:28px;font-weight:700}.shared-password-header .share-description{margin:0;opacity:.9;font-size:16px;line-height:1.5}.password-info-section{padding:30px;border-bottom:1px solid #e5e7eb}.password-info-section h3{margin:0 0 20px;font-size:20px;color:#1f2937;font-weight:600}.info-row{display:flex;flex-direction:column;gap:8px;margin-bottom:20px;padding:16px;background:#f9fafb;border-radius:12px;border:1px solid #e5e7eb}.info-row:last-child{margin-bottom:0}.info-row label{font-weight:600;color:#374151;font-size:14px;text-transform:uppercase;letter-spacing:.05em}.info-content{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.info-value{flex:1;font-size:16px;color:#1f2937;word-break:break-all;min-width:0}.info-value.password-value{font-family:Courier New,monospace;font-weight:600;letter-spacing:.5px}.info-value.website-link{color:#4f46e5;text-decoration:none}.info-value.website-link:hover{text-decoration:underline}.info-value.notes-value{white-space:pre-wrap;line-height:1.5}.password-row{background:#fef3c7;border-color:#fbbf24}.password-display{display:flex;align-items:center;gap:8px;flex:1}.copy-btn{white-space:nowrap;font-size:13px;min-width:auto}.copy-btn.primary{background:#4f46e5;color:#fff;border-color:#4f46e5}.copy-btn.primary:hover{background:#4338ca;border-color:#4338ca}.toggle-btn{min-width:auto;padding:6px 10px}.share-info-section{padding:30px;background:#f8fafc;border-bottom:1px solid #e5e7eb}.share-info-section h3{margin:0 0 20px;font-size:18px;color:#1f2937;font-weight:600}.share-details{display:grid;gap:12px}.share-detail-item{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#fff;border-radius:8px;border:1px solid #e5e7eb}.share-detail-item .label{font-weight:500;color:#6b7280}.share-detail-item .value{font-weight:600;color:#1f2937}.security-notice{padding:30px;background:#fef2f2;border-bottom:1px solid #fecaca}.security-notice h4{margin:0 0 15px;color:#dc2626;font-size:16px;font-weight:600}.security-notice ul{margin:0;padding-left:20px;color:#7f1d1d}.security-notice li{margin-bottom:8px;line-height:1.5}.security-notice li:last-child{margin-bottom:0}.shared-password-actions{padding:30px;display:flex;gap:15px;justify-content:center;background:#f9fafb}.loading-state{padding:60px 30px;text-align:center}.loading-spinner{width:50px;height:50px;border:4px solid #e5e7eb;border-top:4px solid #4f46e5;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 20px}.loading-state h3{margin:0 0 10px;color:#1f2937;font-size:24px}.loading-state p{margin:0;color:#6b7280;font-size:16px}.error-content{padding:60px 30px}.error-icon{font-size:64px;margin-bottom:20px}.error-content h3{margin:0 0 15px;color:#dc2626;font-size:24px;font-weight:700}.error-message{margin:0 0 30px;color:#7f1d1d;font-size:18px;font-weight:500}.error-details{text-align:left;background:#fef2f2;padding:20px;border-radius:12px;border:1px solid #fecaca;margin-bottom:30px}.error-details h4{margin:0 0 15px;color:#dc2626;font-size:16px;font-weight:600}.error-details ul{margin:0;padding-left:20px;color:#7f1d1d}.error-details li{margin-bottom:8px;line-height:1.5}@media (max-width: 768px){.shared-password-container{padding:10px}.shared-password-header{padding:20px}.shared-password-header h2{font-size:24px}.password-info-section,.share-info-section,.security-notice,.shared-password-actions{padding:20px}.info-content{flex-direction:column;align-items:stretch}.info-value{margin-bottom:8px}.password-display{flex-direction:column;align-items:stretch;gap:12px}.shared-password-actions{flex-direction:column}.copy-btn,.toggle-btn{align-self:flex-start}}@media (max-width: 425px){.shared-password-card{margin:10px;border-radius:12px}.shared-password-header h2{font-size:20px}.share-description{font-size:14px}.info-row{padding:12px}.copy-btn{font-size:12px;padding:6px 12px}}.security-transparency-page{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);padding:20px}.security-container{max-width:1200px;margin:0 auto;background:var(--bg-primary);border-radius:16px;box-shadow:0 20px 40px #0000001a;overflow:hidden}.security-header{background:linear-gradient(135deg,#4caf50,#45a049);color:#fff;padding:60px 40px;text-align:center}.security-header h1{margin:0 0 16px;font-size:3rem;font-weight:700}.security-subtitle{font-size:1.2rem;opacity:.9;max-width:600px;margin:0 auto;line-height:1.6}.security-transparency-page section{padding:60px 40px;border-bottom:1px solid var(--border-color)}.security-transparency-page section:last-child{border-bottom:none}.security-transparency-page h2{font-size:2.2rem;margin-bottom:30px;color:var(--text-primary);display:flex;align-items:center;gap:12px}.security-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px;margin-top:40px}.security-card{background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:12px;padding:30px;text-align:center;transition:all .3s ease;position:relative;overflow:hidden}.security-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#4caf50,#2196f3,#ff9800,#9c27b0)}.security-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px #00000026;border-color:var(--primary-color)}.security-icon{font-size:3rem;margin-bottom:20px;opacity:.8}.security-card h3{font-size:1.5rem;margin-bottom:12px;color:var(--text-primary)}.security-card p{color:var(--text-secondary);margin-bottom:20px;font-weight:600}.security-card ul{list-style:none;padding:0;text-align:left}.security-card li{color:var(--text-secondary);position:relative;padding:8px 0 8px 24px}.security-card li:before{content:"✅";position:absolute;left:0;font-size:.9rem}.test-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;margin-top:40px}.test-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:30px;transition:all .3s ease}.test-card:hover{border-color:var(--primary-color);box-shadow:0 8px 24px #0000001a}.test-card h3{margin-bottom:12px;color:var(--text-primary);font-size:1.3rem}.test-card p{color:var(--text-secondary);margin-bottom:20px;line-height:1.5}.test-result{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;padding:16px;margin-top:20px;font-family:Monaco,Consolas,monospace;font-size:.9rem;line-height:1.4;color:#2e7d32;white-space:pre-line;overflow-x:auto}[data-theme=dark] .test-result{background:#1e1e1e;border-color:#404040;color:#4caf50}.guide-steps{margin-top:40px}.guide-step{display:flex;gap:30px;margin-bottom:50px;align-items:flex-start}.step-number{flex-shrink:0;width:60px;height:60px;background:linear-gradient(135deg,#4caf50,#45a049);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;box-shadow:0 8px 16px #4caf504d}.step-content{flex:1}.step-content h3{margin-bottom:12px;color:var(--text-primary);font-size:1.4rem}.step-content p{color:var(--text-secondary);margin-bottom:16px;line-height:1.6}.code-example{background:#1e1e1e;border-radius:8px;padding:20px;margin:20px 0;overflow-x:auto}.code-example code{color:#e0e0e0;font-family:Monaco,Consolas,monospace;font-size:.9rem;line-height:1.5}.guide-note{background:#4caf501a;border-left:4px solid #4CAF50;padding:12px 16px;margin-top:16px;border-radius:4px;color:var(--text-primary);font-weight:500}kbd{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:4px;padding:2px 6px;font-family:monospace;font-size:.9rem;color:var(--text-primary);box-shadow:0 1px 2px #0000001a}.verification-tools{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;margin-top:40px}.tool-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:30px;text-align:center;transition:all .3s ease}.tool-card:hover{border-color:var(--primary-color);transform:translateY(-4px);box-shadow:0 12px 24px #0000001a}.tool-card h3{margin-bottom:16px;color:var(--text-primary);font-size:1.3rem}.tool-card p{color:var(--text-secondary);margin-bottom:24px;line-height:1.5}.open-source-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;margin-top:40px}.open-source-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:30px;text-align:center;transition:all .3s ease}.open-source-card:hover{border-color:var(--primary-color);transform:translateY(-4px);box-shadow:0 12px 24px #0000001a}.open-source-card h3{margin-bottom:16px;color:var(--text-primary);font-size:1.3rem}.open-source-card p{color:var(--text-secondary);margin-bottom:24px;line-height:1.5}.cert-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:24px;margin-top:40px}.cert-item{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:24px;text-align:center;transition:all .3s ease;position:relative}.cert-item:hover{transform:translateY(-4px);box-shadow:0 8px 16px #0000001a}.cert-icon{font-size:2.5rem;margin-bottom:16px;opacity:.8}.cert-item h3{margin-bottom:8px;color:var(--text-primary);font-size:1.2rem}.cert-item p{color:var(--text-secondary);margin-bottom:16px;font-size:.9rem;line-height:1.4}.cert-status{display:inline-block;padding:4px 12px;border-radius:20px;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.cert-status.approved{background:#4caf5026;color:#4caf50;border:1px solid rgba(76,175,80,.3)}.cert-status.pending{background:#ff980026;color:#ff9800;border:1px solid rgba(255,152,0,.3)}.contact-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px;margin-top:40px}.contact-item{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:30px;text-align:center;transition:all .3s ease}.contact-item:hover{border-color:var(--primary-color);transform:translateY(-4px);box-shadow:0 8px 16px #0000001a}.contact-item h3{margin-bottom:12px;color:var(--text-primary);font-size:1.2rem}.contact-item p{color:var(--primary-color);font-family:monospace;font-size:1rem;font-weight:600;margin:0}.tool-result{margin-top:16px;background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;padding:16px;overflow-x:auto}.tool-result pre{margin:0;font-family:Monaco,Consolas,monospace;font-size:.85rem;line-height:1.4;color:#2e7d32;white-space:pre-wrap}[data-theme=dark] .tool-result{background:#1e1e1e;border-color:#404040}[data-theme=dark] .tool-result pre{color:#4caf50}.usage-guide{margin-top:40px;padding:24px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px}.usage-guide h3{margin-bottom:20px;color:var(--text-primary);font-size:1.2rem}.guide-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.guide-step-simple{display:flex;align-items:center;gap:12px;padding:12px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;transition:all .3s ease}.guide-step-simple:hover{border-color:var(--primary-color);transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.step-num{flex-shrink:0;width:28px;height:28px;background:linear-gradient(135deg,#4caf50,#45a049);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.9rem;font-weight:700}.guide-step-simple span:last-child{font-size:.9rem;color:var(--text-primary);line-height:1.4}.tool-card{position:relative;min-height:200px}.tool-card .feature-status{position:absolute;top:16px;right:16px}.tool-card h3{margin-right:120px}.feature-status{display:inline-block;padding:4px 12px;border-radius:20px;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-top:12px}.feature-status.available{background:#4caf5026;color:#4caf50;border:1px solid rgba(76,175,80,.3)}.feature-status.coming-soon{background:#2196f326;color:#2196f3;border:1px solid rgba(33,150,243,.3)}.feature-status.preparing{background:#ff980026;color:#ff9800;border:1px solid rgba(255,152,0,.3)}.feature-status.planning{background:#9c27b026;color:#9c27b0;border:1px solid rgba(156,39,176,.3)}.feature-note{font-size:.85rem;color:var(--text-secondary);margin-top:8px!important;font-style:italic;line-height:1.4}.tool-card,.open-source-card{position:relative}.tool-card .feature-status,.open-source-card .feature-status{position:absolute;top:16px;right:16px}.tool-card button:disabled,.open-source-card button:disabled{opacity:.5;cursor:not-allowed}.contact-item small{display:block;font-size:.8rem;color:var(--text-secondary);margin-top:4px;font-style:italic}@media (max-width: 768px){.security-transparency-page{padding:10px}.security-header{padding:40px 20px}.security-header h1{font-size:2.2rem}.security-subtitle{font-size:1rem}.security-transparency-page section{padding:40px 20px}.security-transparency-page h2{font-size:1.8rem}.security-grid,.test-grid,.verification-tools,.open-source-grid{grid-template-columns:1fr;gap:20px}.guide-step{flex-direction:column;gap:20px}.step-number{align-self:center;width:50px;height:50px;font-size:1.2rem}.cert-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px}}@media (max-width: 480px){.security-header h1{font-size:1.8rem}.security-transparency-page h2{font-size:1.5rem}.security-card,.test-card,.tool-card,.open-source-card,.contact-item{padding:20px}.code-example{padding:16px;font-size:.8rem}}[data-theme=dark] .security-transparency-page{background:linear-gradient(135deg,#1a1a2e,#16213e)}[data-theme=dark] .security-container{background:var(--bg-primary);box-shadow:0 20px 40px #0000004d}[data-theme=dark] .security-header{background:linear-gradient(135deg,#2e7d32,#1b5e20)}[data-theme=dark] .guide-note{background:#4caf5026;border-left-color:#4caf50}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.security-card,.test-card,.tool-card,.open-source-card,.cert-item,.contact-item{animation:fadeInUp .6s ease-out}.security-card:nth-child(1){animation-delay:.1s}.security-card:nth-child(2){animation-delay:.2s}.security-card:nth-child(3){animation-delay:.3s}.security-card:nth-child(4){animation-delay:.4s}.user-guide-page{min-height:100vh;background:var(--background-color);color:var(--text-color);font-family:var(--font-family)}.guide-header{background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));color:#fff;padding:2rem 0 3rem;text-align:center}.guide-header h1{font-size:2.5rem;margin:0;font-weight:700}.guide-subtitle{font-size:1.2rem;margin:1rem 0 2rem;opacity:.9}.guide-stats{display:flex;justify-content:center;gap:2rem;margin-top:2rem}.stat-item{display:flex;flex-direction:column;align-items:center;gap:.5rem}.stat-number{font-size:2rem}.stat-label{font-size:.9rem;color:#fff!important;opacity:1!important;text-shadow:0 1px 3px rgba(0,0,0,.5);font-weight:500}.guide-container{max-width:1200px;margin:0 auto;padding:0 1.5rem}.guide-layout{display:grid;grid-template-columns:280px 1fr;gap:3rem;margin:-2rem 0 3rem;position:relative}.guide-nav{position:relative}.nav-sticky{position:sticky;top:2rem;background:var(--card-background);border-radius:12px;padding:1.5rem;box-shadow:var(--shadow-medium);border:1px solid var(--border-color)}.nav-sticky h3{margin:0 0 1rem;font-size:1.1rem;color:var(--primary-color)}.nav-list{list-style:none;padding:0;margin:0}.nav-list li{margin-bottom:.5rem}.nav-button{width:100%;display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:none;border:none;border-radius:8px;color:var(--text-color);cursor:pointer;transition:all .2s ease;text-align:left;font-size:.9rem}.nav-button:hover{background:var(--hover-background);color:var(--primary-color)}.nav-list li.active .nav-button{background:var(--primary-color);color:#fff}.nav-icon{font-size:1.1rem;width:20px;text-align:center}.nav-text{flex:1}.nav-footer{margin-top:2rem;padding-top:1rem;border-top:1px solid var(--border-color)}.guide-content{background:var(--card-background);border-radius:12px;padding:2rem;box-shadow:var(--shadow-medium);border:1px solid var(--border-color)}.guide-section{margin-bottom:4rem}.guide-section:last-child{margin-bottom:0}.guide-section h2{font-size:2rem;margin:0 0 1.5rem;color:var(--primary-color);display:flex;align-items:center;gap:.5rem}.section-intro{margin-bottom:2rem;padding:1rem 1.5rem;background:var(--info-background);border-radius:8px;border-left:4px solid var(--primary-color)}.section-intro p{margin:0;font-size:1.1rem}.step-cards{display:grid;gap:1.5rem}.step-card{display:flex;gap:1.5rem;padding:1.5rem;background:var(--background-color);border-radius:12px;border:1px solid var(--border-color);transition:all .2s ease}.step-card:hover{box-shadow:var(--shadow-medium);transform:translateY(-2px)}.step-number{width:40px;height:40px;border-radius:50%;background:var(--primary-color);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.2rem;flex-shrink:0}.step-content h3{margin:0 0 .5rem;color:var(--text-color)}.step-content p{margin:0 0 1rem;color:var(--text-light)}.step-detail{margin-top:1rem}.step-detail code{display:block;background:var(--code-background);padding:.5rem 1rem;border-radius:6px;margin-bottom:1rem;font-family:monospace;color:var(--primary-color)}.step-detail ul{margin:0;padding-left:1.5rem}.step-detail li{margin-bottom:.25rem}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.feature-card{background:var(--background-color);border-radius:12px;padding:1.5rem;border:1px solid var(--border-color);transition:all .2s ease}.feature-card:hover{box-shadow:var(--shadow-medium)}.feature-card h3{margin:0 0 1rem;color:var(--primary-color);display:flex;align-items:center;gap:.5rem}.feature-steps ol,.feature-steps ul{margin:.5rem 0;padding-left:1.5rem}.feature-steps li{margin-bottom:.5rem}.feature-steps p{margin:1rem 0 .5rem;font-weight:600}.tip-box,.warning-box,.example-box{margin:1rem 0;padding:1rem;border-radius:8px;font-size:.9rem}.tip-box{background:var(--success-background);border-left:4px solid var(--success-color)}.warning-box{background:var(--warning-background);border-left:4px solid var(--warning-color)}.example-box{background:var(--info-background);border-left:4px solid var(--info-color);font-family:monospace}.tag-examples{display:flex;flex-wrap:wrap;gap:.5rem;margin:1rem 0}.tag-example{display:inline-block;padding:.25rem .75rem;background:var(--primary-color);color:#fff;border-radius:16px;font-size:.8rem;font-weight:500}.tag-example.personal{background:#4caf50}.tag-example.work{background:#2196f3}.tag-example.social{background:#ff9800}.tag-example.financial{background:#f44336}.tag-example.shopping{background:#9c27b0}.tag-example.gaming{background:#795548}.tag-example.important{background:#e91e63}.tag-example.temporary{background:#607d8b}.continue-reading{text-align:center;padding:2rem;margin:3rem 0 1rem;background:var(--info-background);border-radius:12px;border:2px dashed var(--border-color)}.continue-reading p{margin:0;font-size:1.1rem;color:var(--primary-color);font-weight:500}@media (max-width: 768px){.guide-layout{grid-template-columns:1fr;gap:2rem;margin-top:-1rem}.nav-sticky{position:static;margin-bottom:1rem}.nav-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.5rem}.nav-button{justify-content:center;padding:.5rem}.nav-text{display:none}.guide-header h1{font-size:2rem}.guide-subtitle{font-size:1rem}.guide-stats{flex-direction:column;gap:1rem;align-items:center}.step-card{flex-direction:column;text-align:center}.feature-grid{grid-template-columns:1fr}.guide-content{padding:1.5rem}}@media (max-width: 425px){.guide-container{padding:0 1rem}.guide-header{padding:1.5rem 0 2rem}.guide-header h1{font-size:1.8rem}.step-card,.feature-card,.guide-content{padding:1rem}}.shared-password-access{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);padding:20px}.shared-password-access__container{max-width:600px;width:100%;background:#fff;border-radius:16px;box-shadow:0 10px 30px #0000001a;overflow:hidden}.shared-password-access__header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:30px;text-align:center}.shared-password-access__header .header-icon{margin-bottom:10px}.shared-password-access__header h1{margin:0 0 8px;font-size:24px;font-weight:600}.shared-password-access__header p{margin:0;opacity:.9;font-size:14px}.shared-password-access__sender{padding:24px 30px;background:#f8f9fa;border-bottom:1px solid #e9ecef}.sender-info{display:flex;align-items:center;gap:8px;margin-bottom:8px}.sender-name{font-weight:600;font-size:16px;color:#333}.sender-email{display:flex;align-items:center;gap:6px;color:#666;font-size:14px}.shared-password-access__message{padding:20px 30px;background:#e3f2fd;border-left:4px solid #2196f3;font-style:italic;color:#1976d2}.shared-password-access__message p{margin:0}.shared-password-access__expiry{padding:16px 30px;display:flex;align-items:center;gap:8px;background:#fff3cd;color:#856404;border-bottom:1px solid #ffeaa7}.shared-password-access__expiry.expired{background:#f8d7da;color:#721c24}.shared-password-access__password{padding:30px}.password-header{display:flex;align-items:center;gap:8px;margin-bottom:20px;padding-bottom:12px;border-bottom:2px solid #e9ecef}.password-header h3{margin:0;font-size:18px;font-weight:600;color:#333}.password-details{display:flex;flex-direction:column;gap:16px}.password-field{display:flex;flex-direction:column;gap:6px}.password-field label{font-size:12px;font-weight:600;color:#666;text-transform:uppercase;letter-spacing:.5px}.password-field span{font-size:14px;color:#333;padding:8px 12px;background:#f8f9fa;border-radius:6px;border:1px solid #e9ecef}.password-value{font-family:Courier New,monospace;font-weight:600;background:#e3f2fd!important;color:#1976d2!important;border-color:#bbdefb!important}.password-field a{display:flex;align-items:center;gap:6px;color:#2196f3;text-decoration:none;padding:8px 12px;background:#f8f9fa;border-radius:6px;border:1px solid #e9ecef;transition:all .2s}.password-field a:hover{background:#e3f2fd;border-color:#bbdefb}.shared-password-access__actions{padding:30px;display:flex;gap:12px;justify-content:center}.btn{padding:12px 24px;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:8px;text-decoration:none}.btn-success:hover{background:#218838}.btn-danger:hover{background:#c82333}.btn-primary:hover{background:#0056b3}.btn-secondary:hover{background:#545b62}.btn-outline{background:transparent;color:#007bff;border:2px solid #007bff}.btn-outline:hover{background:#007bff;color:#fff}.status-message{padding:16px;border-radius:8px;text-align:center;font-weight:600;width:100%}.status-message.accepted{background:#d4edda;color:#155724;border:1px solid #c3e6cb}.status-message.rejected{background:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.status-message.expired{background:#fff3cd;color:#856404;border:1px solid #ffeaa7}.shared-password-access__footer{padding:24px 30px;background:#f8f9fa;display:flex;gap:12px;justify-content:center}.shared-password-access__loading,.shared-password-access__error,.shared-password-access__not-found{padding:40px;text-align:center;background:#fff;border-radius:16px;box-shadow:0 10px 30px #0000001a}.loading-spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #007bff;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 20px}.error-icon,.not-found-icon{color:#dc3545;margin-bottom:20px}.error-actions{display:flex;gap:12px;justify-content:center;margin-top:20px}@media (max-width: 768px){.shared-password-access{padding:12px}.shared-password-access__container{border-radius:12px}.shared-password-access__header{padding:24px 20px}.shared-password-access__sender,.shared-password-access__password{padding:20px}.shared-password-access__actions,.shared-password-access__footer{padding:20px;flex-direction:column}.btn{justify-content:center}.error-actions{flex-direction:column}}@media (max-width: 480px){.shared-password-access__header h1{font-size:20px}.password-header h3{font-size:16px}.btn{padding:14px 20px;font-size:14px}}@media (prefers-color-scheme: dark){.shared-password-access{background:linear-gradient(135deg,#1a1a1a,#2d2d2d)}.shared-password-access__container{background:#2d2d2d;color:#e0e0e0}.shared-password-access__sender{background:#3a3a3a;border-bottom-color:#4a4a4a}.sender-name{color:#e0e0e0}.sender-email{color:#b0b0b0}.password-header{border-bottom-color:#4a4a4a}.password-header h3{color:#e0e0e0}.password-field span{background:#3a3a3a;border-color:#4a4a4a;color:#e0e0e0}.password-field a{background:#3a3a3a;border-color:#4a4a4a}.password-field a:hover{background:#4a4a4a}.shared-password-access__footer{background:#3a3a3a}.shared-password-access__loading,.shared-password-access__error,.shared-password-access__not-found{background:#2d2d2d;color:#e0e0e0}}.shared-password-page{padding:24px;max-width:1200px;margin:0 auto;min-height:100vh;background:var(--bg-primary, #f8f9fa)}.stats-section{margin-bottom:32px}.unread-notification{display:flex;align-items:center;gap:8px;background:#e3f2fd;color:#1976d2;padding:12px 16px;border-radius:8px;margin-bottom:16px;font-size:14px;font-weight:500;border-left:4px solid #2196f3}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.stat-card{background:#fff!important;border-radius:12px;padding:20px;text-align:center;box-shadow:0 2px 8px #0000001a;border:1px solid #e9ecef}.stat-number{font-size:32px;font-weight:700;color:#333!important;margin-bottom:8px}.stat-label{font-size:14px;color:#666!important;font-weight:500}.stat-card.pending{border-color:#f59e0b}.stat-card.pending .stat-number{color:#f59e0b!important}.stat-card.accepted{border-color:#10b981}.stat-card.accepted .stat-number{color:#10b981!important}.stat-card.expired{border-color:#6b7280}.stat-card.expired .stat-number{color:#6b7280!important}.filters-container{background:#fff!important;border-radius:12px;padding:20px;margin-bottom:24px;box-shadow:0 2px 8px #0000001a}.search-box{display:flex;align-items:center;gap:12px;margin-bottom:16px;padding:12px 16px;background:var(--bg-secondary, #f8f9fa);border-radius:8px;border:1px solid var(--border-color, #e9ecef)}.search-box input{flex:1;border:none;background:none;outline:none;font-size:14px;color:#333!important}.search-box input::placeholder{color:#666!important}.btn-add-share-key{display:flex;align-items:center;gap:6px;padding:8px 16px;background:#007bff!important;color:#fff!important;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap}.btn-add-share-key:hover{background:#0056b3!important;transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.filter-controls{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.filter-label{display:flex;align-items:center;gap:6px;color:#666!important;font-size:14px;font-weight:500;white-space:nowrap}.filter-group svg{flex-shrink:0;color:#666}.filter-group select{padding:8px 12px;border:1px solid #e9ecef;border-radius:6px;background:#fff!important;color:#333!important;font-size:14px;cursor:pointer;min-width:120px;flex-shrink:0}.filter-group select:focus{outline:none;border-color:#007bff}.shared-passwords-list{display:flex;flex-direction:column;gap:16px}.shared-password-card{background:#fff!important;border-radius:12px;padding:20px;box-shadow:0 2px 8px #0000001a;border:1px solid #e9ecef;transition:all .2s ease}.shared-password-card:hover{box-shadow:0 4px 16px #00000026}.shared-password-card.unread{border-left:4px solid #007bff;background:#f8f9ff}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.sender-info{display:flex;align-items:center;gap:8px}.sender-name{font-weight:600;color:#333!important;font-size:14px}.sender-email{color:#666!important;font-size:12px}.status-badge{display:flex;align-items:center;gap:4px;padding:4px 8px;border-radius:12px;font-size:12px;font-weight:600}.status-badge.pending{background:#fff3cd;color:#856404}.status-badge.accepted{background:#d4edda;color:#155724}.status-badge.rejected{background:#f8d7da;color:#721c24}.status-badge.expired{background:#f8f9fa;color:#6c757d}.share-message{margin-bottom:16px;padding:12px;background:#e3f2fd;border-radius:8px;border-left:4px solid #2196f3}.share-message p{margin:0;font-style:italic;color:#1976d2}.card-content,.password-details{margin-bottom:16px}.detail-row{display:flex;align-items:center;padding:8px 0;border-bottom:1px solid #f0f0f0;gap:12px}.detail-row:last-child{border-bottom:none}.detail-label{font-weight:600;color:#666!important;font-size:13px;min-width:80px;flex-shrink:0}.detail-value{font-size:14px;color:#333!important;flex:1;word-break:break-word}.password-row{display:flex;align-items:center;gap:8px}.password-row .password-value{font-family:Courier New,monospace;font-weight:600;color:#1976d2!important;background:#f8f9fa;padding:6px 12px;border-radius:4px;border:1px solid #e9ecef;min-height:32px;display:flex;align-items:center;flex:1;min-width:0}.password-toggle{background:#f8f9fa;border:1px solid #e9ecef;cursor:pointer;color:#666!important;padding:6px 8px;border-radius:6px;transition:all .2s ease;display:flex;align-items:center;justify-content:center;min-width:32px;height:32px;flex-shrink:0}.password-toggle:hover{background:#e9ecef;color:#333!important;border-color:#dee2e6}.card-meta{display:grid;grid-template-columns:1fr 1fr;gap:16px}.meta-item{display:flex;flex-direction:column;gap:4px}.meta-item .label{font-size:12px;color:var(--text-secondary, #666);font-weight:600;text-transform:uppercase}.meta-item .value{font-size:14px;color:#333!important}.meta-item .value.expired{color:#dc3545!important;font-weight:600}.card-actions{display:flex;gap:8px;flex-wrap:wrap}.btn{padding:8px 16px;border:none;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:4px}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{background:#6c757d;color:#fff}.btn-secondary:hover:not(:disabled){background:#545b62}.btn-success{background:#28a745;color:#fff}.btn-success:hover:not(:disabled){background:#218838}.btn-danger{background:#dc3545;color:#fff}.btn-danger:hover:not(:disabled){background:#c82333}.btn-primary{background:#007bff;color:#fff}.btn-primary:hover:not(:disabled){background:#0056b3}.empty-state{text-align:center;padding:60px 20px;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a}.empty-icon{color:var(--text-secondary, #666);margin-bottom:16px}.empty-state h3{margin:0 0 8px;color:#333!important;font-size:18px}.empty-state p{margin:0;color:#666!important;font-size:14px}.loading-container,.error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a}.loading-spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #007bff;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}.error-message{color:#dc3545;margin-bottom:16px;text-align:center}@media (max-width: 768px){.shared-password-page{padding:16px}.header-title h1{font-size:24px}.stats-grid{grid-template-columns:repeat(2,1fr)}.filter-controls{flex-direction:row;gap:8px;flex-wrap:wrap}.filter-group{flex:1;min-width:140px}.filter-group select{width:100%;min-width:auto}.card-header{flex-direction:column;align-items:flex-start;gap:8px}.card-meta{grid-template-columns:1fr}.card-actions{justify-content:center}}@media (max-width: 480px){.stats-grid{grid-template-columns:1fr}.info-row{flex-direction:column;gap:4px}.btn{flex:1;justify-content:center}}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;backdrop-filter:blur(4px)}.share-key-modal{background:#fff;border-radius:16px;box-shadow:0 20px 40px #0000004d;width:100%;max-width:480px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;animation:modalSlideIn .3s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px 24px 16px;border-bottom:1px solid #e9ecef}.modal-header h3{margin:0;font-size:20px;font-weight:600;color:#333!important;display:flex;align-items:center;gap:8px}.modal-close{background:none;border:none;font-size:24px;cursor:pointer;color:#666!important;padding:4px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s ease}.modal-close:hover{background:#f8f9fa;color:#333!important}.modal-body{padding:24px;overflow-y:auto;flex:1}.share-key-info{background:#f8f9fa;padding:16px;border-radius:8px;margin-bottom:20px}.share-key-info p{margin:0 0 8px;color:#333!important;font-size:14px}.share-key-info p:last-child{margin-bottom:0}.share-key-hint{color:#666!important;font-size:13px}.share-key-input-group{display:flex;flex-direction:column;gap:8px}.share-key-input-group label{font-size:14px;font-weight:500;color:#333!important}.share-key-input{padding:12px 16px;border:1px solid #e9ecef;border-radius:8px;font-size:14px;font-family:Courier New,monospace;background:#fff;color:#333!important;transition:all .2s ease}.share-key-input:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 3px #007bff1a}.share-key-input:disabled{background:#f8f9fa;color:#666!important;cursor:not-allowed}.modal-footer{display:flex;justify-content:flex-end;align-items:center;padding:16px 24px;border-top:1px solid #e9ecef;gap:12px;background:#f8f9fa}.btn-cancel{padding:10px 20px;background:#6c757d!important;color:#fff!important;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-cancel:hover{background:#5a6268!important}.btn-cancel:disabled{opacity:.6;cursor:not-allowed}.btn-primary{padding:10px 20px;background:#007bff!important;color:#fff!important;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-primary:hover{background:#0056b3!important}.btn-primary:disabled{background:#b8daff!important;cursor:not-allowed}.password-display-modal{background:#fff;border-radius:16px;box-shadow:0 20px 40px #0000004d;width:100%;max-width:520px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column}.password-display-info{padding:20px;background:#f8f9fa;border-radius:12px;margin-bottom:20px}.info-group{margin-bottom:16px}.info-group:last-child{margin-bottom:0}.info-group label{display:block;font-size:12px;font-weight:600;color:#666!important;text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px}.info-value{font-size:15px;color:#333!important;padding:10px 14px;background:#fff;border:1px solid #e1e4e8;border-radius:8px;word-break:break-all}.password-value{display:flex;align-items:center;justify-content:space-between;font-family:Courier New,monospace;font-weight:600}.btn-copy-inline{padding:6px 12px;background:#007bff!important;color:#fff!important;border:none;border-radius:6px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap;flex-shrink:0}.btn-copy-inline:hover{background:#0056b3!important}.share-meta{margin-top:16px;padding-top:16px;border-top:1px solid #e9ecef}.share-meta p{margin:0 0 8px;font-size:13px;color:#666!important}.share-meta p:last-child{margin-bottom:0}.password-actions{padding:20px;background:#f8f9fa;border-radius:12px}.password-actions h4{margin:0 0 16px;font-size:16px;font-weight:600;color:#333!important}.action-buttons{display:flex;gap:12px;flex-wrap:wrap}.btn-save-password,.btn-use-once{flex:1;padding:12px 20px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:8px;min-width:150px}.btn-save-password{background:#28a745!important;color:#fff!important}.btn-save-password:hover{background:#218838!important}.btn-use-once{background:#6c757d!important;color:#fff!important}.btn-use-once:hover{background:#5a6268!important}@media (prefers-color-scheme: dark){.shared-password-page{background:#1a1a1a;color:#e0e0e0}.stat-card,.filters-container,.shared-password-card,.empty-state,.loading-container,.error-container{background:#2d2d2d;border-color:#4a4a4a;color:#e0e0e0}.search-box{background:#3a3a3a;border-color:#4a4a4a}.filter-group select{background:#3a3a3a;border-color:#4a4a4a;color:#e0e0e0}.password-info{background:#3a3a3a}.shared-password-card.unread{background:#1a1a2e}}.share-card{border:1px solid var(--border-color);border-radius:12px;padding:20px;background:var(--bg-primary);transition:all .2s ease}.share-card:hover{box-shadow:0 4px 12px #0000001a;border-color:var(--primary-color)}.share-card--active{border-left:4px solid #10b981}.share-card--warning{border-left:4px solid #f59e0b}.share-card--completed{border-left:4px solid #6b7280;opacity:.8}.share-card__header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.share-card__title-section{flex:1}.share-card__title{margin:0 0 8px;font-size:16px;font-weight:600;color:var(--text-primary);line-height:1.4}.share-card__website{margin:0;font-size:13px;color:var(--text-secondary);opacity:.8;font-style:italic}.share-card__note-container{margin-top:8px}.share-card__note{margin:6px 0 0;font-size:13px;color:var(--primary-color);background:var(--bg-secondary);padding:6px 8px;border-radius:4px;border-left:3px solid var(--primary-color);font-style:normal;font-weight:500;line-height:1.3;opacity:.9;word-break:break-word}.share-card__note-toggle{background:none;border:none;color:var(--primary-color);font-size:11px;cursor:pointer;padding:2px 4px;border-radius:3px;margin-top:4px;transition:all .2s ease;text-decoration:underline}.share-card__note-toggle:hover{background:var(--bg-hover);color:var(--primary-color)}.share-card__status{padding:4px 8px;border-radius:6px;font-size:12px;font-weight:600;white-space:nowrap;margin-left:12px}.share-card--active .share-card__status{background:#d1fae5;color:#065f46}.share-card--warning .share-card__status{background:#fef3c7;color:#92400e}.share-card--completed .share-card__status{background:#f3f4f6;color:#4b5563}.share-card__info{margin-bottom:16px}.share-card__key{display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--bg-secondary);border-radius:8px;cursor:pointer;transition:background-color .2s ease}.share-card__key:hover{background:var(--bg-hover)}.share-card__key-label{font-size:12px;color:var(--text-secondary);font-weight:500}.share-card__key-value{font-family:Courier New,monospace;font-size:13px;color:var(--text-primary);background:var(--bg-primary);padding:2px 6px;border-radius:4px;border:1px solid var(--border-color)}.share-card__usage{margin-bottom:16px}.share-card__usage-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:13px}.share-card__progress{height:8px;background:var(--bg-secondary);border-radius:4px;overflow:hidden}.share-card__progress-bar{height:100%;background:#10b981;transition:width .3s ease;border-radius:4px}.share-card--warning .share-card__progress-bar{background:#f59e0b}.share-card--completed .share-card__progress-bar{background:#6b7280}.share-card__timing{display:flex;justify-content:space-between;margin-bottom:16px;font-size:12px}.share-card__timing-item{display:flex;flex-direction:column;gap:4px}.share-card__timing-label{color:var(--text-secondary);font-weight:500}.share-card__timing-value{color:var(--text-primary);font-weight:600}.share-card__timing-value.expired{color:#dc2626}.share-card__revoke-btn,.share-card__copy-btn{padding:6px 12px;border:1px solid var(--border-color);border-radius:6px;background:var(--bg-primary);color:var(--text-primary);font-size:12px;cursor:pointer;transition:all .2s ease;white-space:nowrap}.share-card__revoke-btn:hover{background:#fee2e2;border-color:#fca5a5;color:#dc2626}.share-card__copy-btn:hover{background:var(--bg-hover);border-color:var(--primary-color)}.share-card__completed-badge{padding:4px 8px;border-radius:6px;font-size:11px;font-weight:600;background:var(--bg-secondary);color:var(--text-secondary)}@media (max-width: 768px){.share-card{padding:16px}.share-card__header{flex-direction:column;gap:8px;align-items:flex-start}.share-card__status{margin-left:0;align-self:flex-start}.share-card__timing{flex-direction:column;gap:8px}.share-card__timing-item{flex-direction:row;justify-content:space-between;align-items:center}.share-card__actions{justify-content:flex-start}.share-card__note{word-break:break-word;font-size:12px}.share-card__note-toggle{font-size:10px}}.share-management-page{display:flex;flex-direction:column;height:100%;background:var(--bg-primary);overflow:hidden}.share-management-page .page-actions{display:flex;align-items:center;justify-content:flex-end;padding:1rem 2rem;background:var(--bg-secondary);border-bottom:1px solid var(--border-color)}.share-management-page .btn{padding:.5rem 1rem;border:none;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.share-management-page .btn-secondary{background:var(--bg-tertiary);color:var(--text-secondary)}.share-management-page .btn-secondary:hover{background:var(--bg-quaternary);color:var(--text-primary)}.share-management-page .btn-primary{background:var(--accent-primary);color:#fff}.share-management-page .btn-primary:hover{background:var(--accent-dark)}.share-management-page .btn:disabled{opacity:.6;cursor:not-allowed}.share-management-page .stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;padding:1.5rem 2rem;background:var(--bg-primary)}.share-management-page .stat-card{display:flex;align-items:center;gap:1rem;padding:1rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;transition:all .2s ease}.share-management-page .stat-card:hover{border-color:var(--accent-primary);box-shadow:0 2px 8px #0000001a}.share-management-page .stat-card.active{border-color:var(--success-color);background:var(--success-light)}.share-management-page .stat-card.expired{border-color:var(--warning-color);background:var(--warning-light)}.share-management-page .stat-card.completed{border-color:var(--info-color);background:var(--info-light)}.share-management-page .stat-icon{font-size:1.5rem;opacity:.8}.share-management-page .stat-content{flex:1}.share-management-page .stat-value{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin-bottom:.25rem}.share-management-page .stat-label{font-size:.875rem;color:var(--text-secondary)}.share-management-page .search-filter-bar{display:flex;align-items:center;gap:1rem;padding:1rem 2rem;background:var(--bg-secondary);border-bottom:1px solid var(--border-color)}.share-management-page .search-box{flex:1;max-width:400px}.share-management-page .search-input{width:100%;padding:.5rem 1rem;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:6px;font-size:.875rem;color:var(--text-primary);transition:all .2s ease}.share-management-page .search-input:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-light)}.share-management-page .filter-buttons{display:flex;gap:.5rem}.share-management-page .filter-btn{padding:.5rem .75rem;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:6px;font-size:.875rem;color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.share-management-page .filter-btn:hover{background:var(--bg-quaternary);color:var(--text-primary)}.share-management-page .filter-btn.active{background:var(--accent-primary);color:#fff;border-color:var(--accent-primary)}.share-management-page .share-list-container{flex:1;overflow-y:auto;padding:1.5rem 2rem}.share-management-page .share-list{display:flex;flex-direction:column;gap:1rem}.share-management-page .loading-state,.share-management-page .error-state,.share-management-page .empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 2rem;text-align:center;color:var(--text-secondary)}.share-management-page .loading-spinner{width:24px;height:24px;border:2px solid var(--border-color);border-top:2px solid var(--accent-primary);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.share-management-page .empty-icon,.share-management-page .error-icon{font-size:3rem;margin-bottom:1rem;opacity:.6}.share-management-page .loading-state h3,.share-management-page .error-state h3,.share-management-page .empty-state h3{margin:0 0 .5rem;font-size:1.25rem;color:var(--text-primary)}.share-management-page .loading-state p,.share-management-page .error-state p,.share-management-page .empty-state p{margin:0 0 1rem;font-size:.875rem;color:var(--text-secondary)}@media (max-width: 768px){.share-management-page .page-actions{padding:1rem}.share-management-page .stats-grid{grid-template-columns:repeat(2,1fr);padding:1rem}.share-management-page .search-filter-bar{flex-direction:column;gap:.75rem;padding:1rem}.share-management-page .search-box{max-width:none;width:100%}.share-management-page .filter-buttons{justify-content:center;flex-wrap:wrap}.share-management-page .share-list-container{padding:1rem}}@media (max-width: 480px){.share-management-page .stats-grid{grid-template-columns:1fr}.share-management-page .stat-card{padding:.75rem}.share-management-page .stat-value{font-size:1.25rem}.share-management-page .filter-btn{padding:.375rem .5rem;font-size:.8125rem}}@media (prefers-color-scheme: dark){.share-management-page .stat-card{box-shadow:0 1px 3px #0000004d}.share-management-page .stat-card:hover{box-shadow:0 2px 8px #0006}.share-management-page .loading-spinner{border-color:#fff3;border-top-color:var(--accent-primary)}}.secure-notes-container{padding:24px;max-width:1400px;margin:0 auto;animation:fadeIn .3s ease-in}.secure-notes-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;padding-bottom:20px;border-bottom:1px solid var(--border-color)}.header-title{display:flex;align-items:center;gap:12px}.notes-count{padding:6px 14px;background:var(--bg-secondary);border-radius:20px;font-size:15px;font-weight:500;color:var(--text-primary)}.secure-notes-filters{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.filter-select{flex:1;max-width:140px;padding:8px 28px 8px 10px;border:1px solid var(--border-color);border-radius:8px;background:var(--bg-primary);font-size:14px;height:36px;cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");background-position:right 8px center;background-repeat:no-repeat;background-size:16px;transition:all .2s}.filter-toggle.active:hover{background:var(--primary-hover)}.secure-notes-stats{display:flex;gap:24px;margin-bottom:28px;padding:14px 18px;background:var(--bg-secondary);border-radius:10px}.secure-notes-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.secure-note-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;padding:16px;cursor:pointer;transition:all .2s;display:flex;flex-direction:column;min-height:200px}.secure-note-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.secure-note-card.archived{opacity:.7}.note-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.note-card-title{display:flex;align-items:center;gap:8px;flex:1}.note-card-title h3{margin:0;font-size:16px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.note-card-actions{display:flex;gap:4px}.note-card-meta{display:flex;gap:8px;margin-bottom:12px;flex-wrap:wrap}.note-category{padding:2px 8px;border-radius:4px;color:#fff;font-size:12px}.note-tags{display:flex;align-items:center;gap:4px;flex-wrap:wrap}.note-tag{padding:2px 6px;background:var(--bg-secondary);border-radius:4px;font-size:12px;color:var(--text-secondary)}.note-tag-more{padding:2px 6px;background:var(--bg-secondary);border-radius:4px;font-size:12px;color:var(--primary-color)}.note-card-content{flex:1;margin-bottom:12px}.note-card-content p{margin:0;font-size:14px;color:var(--text-secondary);line-height:1.5;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.note-card-footer{display:flex;justify-content:space-between;align-items:center;padding-top:12px;border-top:1px solid var(--border-color)}.note-card-info{display:flex;gap:12px;font-size:12px;color:var(--text-secondary)}.note-attachment-count,.note-date{display:flex;align-items:center;gap:4px}.note-card-buttons{display:flex;gap:4px}.icon-button.active{color:var(--primary-color)}.pin-modal-content{padding:24px;text-align:center}.pin-modal-icon{margin-bottom:24px;color:var(--primary-color)}.pin-modal-description{margin-bottom:24px;color:var(--text-secondary);line-height:1.5}.pin-input-group{margin-bottom:20px}.pin-input-group label{display:block;margin-bottom:8px;font-size:14px;font-weight:500;text-align:left}.pin-inputs{display:flex;gap:8px;justify-content:center;align-items:center}.pin-digit{width:45px;height:45px;text-align:center;font-size:20px;font-weight:600;border:2px solid var(--border-color);border-radius:8px;transition:all .2s}.pin-digit:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(var(--primary-rgb),.1)}.pin-visibility-toggle{padding:8px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;cursor:pointer;color:var(--text-secondary);transition:all .2s}.pin-visibility-toggle:hover{background:var(--bg-primary);color:var(--text-primary)}.pin-strength{margin:16px 0}.pin-strength-bar{height:4px;background:var(--bg-secondary);border-radius:2px;overflow:hidden;margin-bottom:8px}.pin-strength-fill{height:100%;transition:width .3s}.pin-error{display:flex;align-items:center;gap:8px;padding:12px;background:#dc35451a;border:1px solid rgba(220,53,69,.3);border-radius:6px;color:#dc3545;margin-bottom:16px;font-size:14px}.pin-modal-actions{display:flex;gap:12px;justify-content:center}@media (hover: none) and (pointer: coarse){.filter-toggle,.icon-button{min-width:44px;min-height:44px}.secure-note-card{cursor:default}.secure-note-card:active{transform:scale(.98);transition:transform .1s}}.rich-text-editor{border:1px solid var(--border-color);border-radius:8px;overflow:hidden}.editor-toolbar{display:flex;gap:4px;padding:8px;background:var(--bg-secondary);border-bottom:1px solid var(--border-color);flex-wrap:wrap}.editor-button{padding:6px 8px;background:transparent;border:none;border-radius:4px;cursor:pointer;color:var(--text-secondary);transition:all .2s}.editor-button:hover{background:var(--bg-primary);color:var(--text-primary)}.editor-button.active{background:var(--primary-color);color:#fff}.editor-button:disabled{opacity:.5;cursor:not-allowed}.editor-divider{width:1px;height:24px;background:var(--border-color);margin:0 4px}.editor-content{min-height:300px;max-height:500px;overflow-y:auto;padding:16px}.editor-content .ProseMirror{outline:none;min-height:280px}.editor-content .ProseMirror p.is-editor-empty:first-child:before{content:attr(data-placeholder);color:var(--text-secondary);pointer-events:none;float:left;height:0}.editor-footer{padding:8px 16px;background:var(--bg-secondary);border-top:1px solid var(--border-color);text-align:right}.character-count{font-size:12px;color:var(--text-secondary)}.secure-note-form{padding:20px}.note-title-input{width:100%;font-size:20px;font-weight:600;border:none;border-bottom:2px solid var(--border-color);padding:8px 0;background:transparent}.note-title-input:focus{outline:none;border-bottom-color:var(--primary-color)}.form-row{display:grid;grid-template-columns:1fr auto;gap:16px;margin-bottom:16px}.form-options{display:flex;gap:16px}.form-checkbox{display:flex;align-items:center;gap:6px;cursor:pointer;font-size:14px}.form-checkbox input[type=checkbox]{width:16px;height:16px;cursor:pointer}.tags-input{display:flex;flex-direction:column;gap:8px}.tag-item{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;background:var(--primary-color);color:#fff;border-radius:16px;font-size:14px}.tag-remove{background:transparent;border:none;cursor:pointer;color:#fff;padding:0;display:flex;align-items:center}.tag-input{padding:8px 12px;border:1px solid var(--border-color);border-radius:6px;font-size:14px}.file-attachment{margin-top:16px}.drop-zone{padding:40px;border:2px dashed var(--border-color);border-radius:8px;text-align:center;cursor:pointer;transition:all .2s}.drop-zone:hover,.drop-zone.active{border-color:var(--primary-color);background:rgba(var(--primary-rgb),.05)}.drop-zone-hint{font-size:12px;color:var(--text-secondary);margin-top:8px}.attachment-error{display:flex;align-items:center;gap:8px;padding:12px;background:#dc35451a;border:1px solid rgba(220,53,69,.3);border-radius:6px;color:#dc3545;margin-top:12px;font-size:14px}.attachment-list{margin-top:16px;border:1px solid var(--border-color);border-radius:8px;overflow:hidden}.attachment-header{display:flex;justify-content:space-between;padding:12px 16px;background:var(--bg-secondary);border-bottom:1px solid var(--border-color);font-size:14px;font-weight:500}.attachment-size-bar{height:4px;background:var(--bg-secondary);overflow:hidden}.attachment-size-fill{height:100%;transition:width .3s}.attachment-items{max-height:200px;overflow-y:auto}.attachment-item{display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid var(--border-color)}.attachment-item:last-child{border-bottom:none}.attachment-icon{color:var(--text-secondary)}.attachment-info{flex:1}.attachment-name{font-size:14px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attachment-size{font-size:12px;color:var(--text-secondary)}.attachment-actions{display:flex;gap:4px}.attachment-action{padding:6px;background:transparent;border:none;border-radius:4px;cursor:pointer;color:var(--text-secondary);transition:all .2s}.attachment-action:hover{background:var(--bg-secondary);color:var(--text-primary)}.attachment-action.danger:hover{background:#dc35451a;color:#dc3545}.secure-notes-empty{padding:60px 20px;text-align:center;color:var(--text-secondary)}.secure-notes-empty h3{margin:16px 0 8px;font-size:18px;font-weight:600;color:var(--text-primary)}.secure-notes-empty p{margin-bottom:20px}.secure-notes-loading{padding:60px;text-align:center;color:var(--text-secondary)}.secure-notes-error{padding:20px;background:#dc35451a;border:1px solid rgba(220,53,69,.3);border-radius:8px;color:#dc3545;text-align:center}@media (max-width: 768px){.secure-notes-container{padding:12px}.secure-notes-grid{grid-template-columns:1fr;gap:16px}.secure-notes-header{flex-direction:column;align-items:flex-start;gap:16px;margin-bottom:24px;padding-bottom:16px}.filter-select,.search-box input{font-size:16px}.secure-notes-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;padding:12px 14px}.form-row{grid-template-columns:1fr}.form-options{flex-direction:column}.pin-inputs{gap:4px}.pin-digit{width:42px;height:42px;font-size:18px}.header-actions{display:flex;width:100%;justify-content:space-between}.filter-toggles{display:flex;gap:8px;justify-content:center}.filter-toggle{width:40px;height:40px;padding:10px}.search-box input{font-size:16px;min-height:44px;padding:12px 16px 12px 40px}.note-card-header{margin-bottom:8px}.note-card-title h3{font-size:17px}.secure-notes-empty{padding:40px 20px}}.note-view-modal{background:#fff;border-radius:12px;max-width:800px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #00000026;margin:0 auto;position:relative}.note-view-header{padding:24px 24px 16px;border-bottom:1px solid #e9ecef;position:sticky;top:0;background:#fff;z-index:10}.note-view-title{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.title-section{flex:1;min-width:0}.title-section h2{margin:0 0 8px;font-size:1.5rem;font-weight:600;color:#2d3748;word-break:break-word;display:flex;align-items:center;gap:8px}.pin-icon{color:#e53e3e;flex-shrink:0}.note-badges{display:flex;align-items:center;gap:8px;flex-shrink:0;margin-left:16px}.category-badge{padding:4px 8px;border-radius:12px;font-size:.75rem;font-weight:500;color:#fff;white-space:nowrap}.favorite-icon.filled{color:#e53e3e;fill:currentColor}.archive-icon{color:#718096}.note-view-actions{display:flex;align-items:center;gap:4px}.note-view-actions .favorite-active{color:#e53e3e}.note-meta{display:flex;flex-wrap:wrap;gap:16px;padding:0 24px 16px;border-bottom:1px solid #f1f3f4}.meta-item{display:flex;align-items:center;gap:6px;font-size:.875rem;color:#718096}.meta-item svg{flex-shrink:0}.note-tags{display:flex;align-items:center;gap:8px;padding:16px 24px;border-bottom:1px solid #f1f3f4}.note-tags svg{color:#718096;flex-shrink:0}.tags-list{display:flex;flex-wrap:wrap;gap:6px}.tag{background:#f7fafc;color:#4a5568;padding:4px 8px;border-radius:12px;font-size:.75rem;font-weight:500;border:1px solid #e2e8f0}.note-content{padding:24px;min-height:200px}.formatted-content{font-size:1rem;line-height:1.6;color:#2d3748}.formatted-content h1,.formatted-content h2,.formatted-content h3{margin-top:1.5em;margin-bottom:.5em;font-weight:600}.formatted-content h1{font-size:1.25rem}.formatted-content h2{font-size:1.125rem}.formatted-content h3{font-size:1rem}.formatted-content p{margin-bottom:1em}.formatted-content ul,.formatted-content ol{margin-bottom:1em;padding-left:1.5em}.formatted-content li{margin-bottom:.25em}.formatted-content blockquote{border-left:4px solid #cbd5e0;padding-left:1em;margin:1em 0;font-style:italic;color:#4a5568}.formatted-content code{background:#f7fafc;padding:2px 4px;border-radius:4px;font-size:.875em;border:1px solid #e2e8f0}.formatted-content pre{background:#f7fafc;padding:1em;border-radius:8px;overflow-x:auto;border:1px solid #e2e8f0;margin:1em 0}.formatted-content a{color:#3182ce;text-decoration:underline}.formatted-content img{max-width:100%;height:auto;border-radius:8px;margin:1em 0}.raw-content{background:#f7fafc;padding:16px;border-radius:8px;font-size:.875rem;line-height:1.5;white-space:pre-wrap;word-break:break-word;border:1px solid #e2e8f0;color:#2d3748}.note-attachments{padding:0 24px 24px;border-top:1px solid #f1f3f4}.note-attachments h4{margin:0 0 12px;font-size:1rem;font-weight:600;color:#2d3748;display:flex;align-items:center;gap:8px}.attachments-list{display:flex;flex-direction:column;gap:8px}.attachment-item{display:flex;align-items:center;justify-content:space-between;padding:12px;background:#f7fafc;border-radius:8px;border:1px solid #e2e8f0}.attachment-info{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0}.attachment-name{font-weight:500;color:#2d3748;word-break:break-word}.attachment-size{font-size:.875rem;color:#718096}.attachment-actions{display:flex;gap:8px;align-items:center}.note-view-footer{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-top:1px solid #e9ecef;background:#f8f9fa;border-bottom-left-radius:12px;border-bottom-right-radius:12px}.content-toggle{flex:1}.footer-actions{display:flex;align-items:center;gap:8px}[data-theme=dark] .note-view-modal{background:#2d3748;color:#e2e8f0}[data-theme=dark] .note-view-header{background:#2d3748;border-bottom-color:#4a5568}[data-theme=dark] .title-section h2{color:#e2e8f0}[data-theme=dark] .note-meta{border-bottom-color:#4a5568}[data-theme=dark] .meta-item{color:#a0aec0}[data-theme=dark] .note-tags{border-bottom-color:#4a5568}[data-theme=dark] .tag{background:#4a5568;color:#e2e8f0;border-color:#718096}[data-theme=dark] .formatted-content{color:#e2e8f0}[data-theme=dark] .formatted-content blockquote{border-left-color:#718096;color:#a0aec0}[data-theme=dark] .formatted-content code{background:#4a5568;border-color:#718096;color:#e2e8f0}[data-theme=dark] .formatted-content pre{background:#4a5568;border-color:#718096}[data-theme=dark] .raw-content{background:#4a5568;border-color:#718096;color:#e2e8f0}[data-theme=dark] .note-attachments{border-top-color:#4a5568}[data-theme=dark] .note-attachments h4{color:#e2e8f0}[data-theme=dark] .attachment-item{background:#4a5568;border-color:#718096}[data-theme=dark] .attachment-name{color:#e2e8f0}[data-theme=dark] .attachment-size{color:#a0aec0}[data-theme=dark] .note-view-footer{background:#374151;border-top-color:#4a5568}@media (max-width: 768px){.note-view-modal{width:95%;max-height:95vh;margin:2.5vh auto}.note-view-header{padding:16px 16px 12px}.note-view-title{flex-direction:column;gap:12px;align-items:flex-start}.note-badges{margin-left:0}.note-meta{padding:0 16px 12px;flex-direction:column;gap:8px}.note-tags{padding:12px 16px}.note-content{padding:16px}.note-attachments{padding:0 16px 16px}.note-view-footer{padding:12px 16px;flex-direction:column;gap:12px;align-items:stretch}.footer-actions{width:100%;justify-content:center}}.mobile-filters{margin-bottom:20px}.mobile-filters .search-box{position:relative;margin-bottom:12px}.mobile-filters .search-box input{width:100%;padding:10px 12px 10px 36px;border:1px solid var(--border-color);border-radius:10px;font-size:14px;background:var(--bg-primary);transition:all .2s}.mobile-filters .search-box input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #4a90e21a}.mobile-filters .search-box svg{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--text-secondary);pointer-events:none}.mobile-filters .filter-controls{display:flex;gap:12px;align-items:center}.mobile-filters .filter-select{flex:1;max-width:200px;padding:10px 32px 10px 12px;border:1px solid var(--border-color);border-radius:8px;background:var(--bg-primary);font-size:14px;cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");background-position:right 10px center;background-repeat:no-repeat;background-size:16px;transition:all .2s}.mobile-filters .filter-select:hover{border-color:var(--primary-color)}.mobile-filters .filter-select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #4a90e21a}.mobile-filters .filter-toggle{width:40px;height:40px;padding:0;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;cursor:pointer;transition:all .2s;color:var(--text-secondary);display:flex;align-items:center;justify-content:center}.mobile-filters .filter-toggle:hover{border-color:var(--primary-color);color:var(--primary-color)}.mobile-filters .filter-toggle.active{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.mobile-filters .filter-reset-btn{width:40px;height:40px;padding:0;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;cursor:pointer;transition:all .2s;color:var(--text-secondary);display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:400;line-height:1}.mobile-filters .filter-reset-btn:hover{border-color:var(--danger-color, #dc3545);color:var(--danger-color, #dc3545);background:#dc35451a}.secure-file-upload{padding:20px}.upload-drop-zone{border:2px dashed var(--border-color);border-radius:12px;padding:40px 20px;text-align:center;cursor:pointer;transition:all .3s ease;background:var(--surface-secondary);margin-bottom:24px}.upload-drop-zone:hover{border-color:var(--primary-color);background:var(--surface-elevated)}.upload-drop-zone.dragging{border-color:var(--primary-color);background:var(--primary-light);transform:scale(1.02)}.upload-drop-zone.has-file{border-style:solid;border-color:var(--success-color);background:var(--success-background)}.drop-zone-content{display:flex;flex-direction:column;align-items:center;gap:12px}.drop-zone-content svg{color:var(--text-secondary);transition:color .3s ease}.upload-drop-zone:hover .drop-zone-content svg{color:var(--primary-color)}.upload-drop-zone.has-file .drop-zone-content svg{color:var(--success-color)}.file-name{font-weight:600;font-size:16px;color:var(--text-primary);word-break:break-all;max-width:100%}.file-size{font-size:14px;color:var(--text-secondary)}.upload-text{font-size:16px;color:var(--text-primary);margin:0}.upload-hint{font-size:13px;color:var(--text-secondary);margin:0}.change-file-btn{padding:6px 12px;border:1px solid var(--border-color);border-radius:6px;background:var(--background-primary);color:var(--text-secondary);font-size:13px;cursor:pointer;transition:all .2s ease}.change-file-btn:hover{border-color:var(--primary-color);color:var(--primary-color)}.upload-metadata{display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:500;color:var(--text-secondary)}.form-group label svg{color:var(--text-disabled)}.form-input,.form-select,.form-textarea{padding:10px 12px;border:1px solid var(--border-color);border-radius:8px;background:var(--background-primary);color:var(--text-primary);font-size:14px;transition:all .2s ease}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px var(--primary-light)}.form-textarea{resize:vertical;min-height:80px;font-family:inherit}.tag-input-wrapper{display:flex;gap:8px}.tag-input-wrapper .form-input{flex:1}.tag-add-btn{padding:10px 16px;border:1px solid var(--primary-color);border-radius:8px;background:var(--primary-color);color:#fff;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.tag-add-btn:hover:not(:disabled){background:var(--primary-dark);border-color:var(--primary-dark)}.tag-add-btn:disabled{opacity:.5;cursor:not-allowed}.tags-list{display:flex;flex-wrap:wrap;gap:8px}.tag{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;background:var(--primary-light);color:var(--primary-color);border-radius:16px;font-size:13px}.tag button{display:flex;align-items:center;justify-content:center;padding:0;border:none;background:none;color:var(--primary-color);cursor:pointer;transition:transform .2s ease}.tag button:hover{transform:scale(1.2)}.pin-toggle-wrapper{display:flex;flex-direction:column;gap:8px}.pin-toggle-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;border:2px solid var(--border-color);border-radius:8px;background:var(--background-primary);color:var(--text-secondary);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.pin-toggle-btn:hover{border-color:var(--primary-color);color:var(--primary-color);background:var(--surface-secondary)}.pin-toggle-btn.active{border-color:var(--success-color);background:var(--success-background);color:var(--success-color)}.pin-hint{font-size:12px;color:var(--text-disabled);text-align:center}.pin-input-section{padding:16px;background:var(--surface-secondary);border-radius:8px;display:flex;flex-direction:column;gap:12px}.pin-input-group{display:flex;flex-direction:column;gap:6px}.pin-input-group label{font-size:12px;color:var(--text-secondary)}.pin-input{font-family:monospace;letter-spacing:.3em;text-align:center}.pin-info{display:flex;align-items:center;gap:6px;padding:8px 12px;background:var(--info-background);color:var(--info-color);border-radius:6px;font-size:12px;margin:0}.pin-info svg{flex-shrink:0}.upload-error{display:flex;align-items:center;gap:8px;padding:12px 16px;background:var(--error-background);color:var(--error-color);border:1px solid var(--error-border);border-radius:8px;font-size:14px;margin-top:16px}.upload-error svg{flex-shrink:0}.upload-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:24px;padding-top:20px;border-top:1px solid var(--border-light)}[data-theme=dark]{--success-background: rgba(40, 167, 69, .1);--info-background: rgba(23, 162, 184, .1);--info-color: #17a2b8}[data-theme=light]{--success-background: rgba(40, 167, 69, .05);--info-background: rgba(23, 162, 184, .05);--info-color: #0c7489}@media (max-width: 768px){.secure-file-upload{padding:16px}.upload-drop-zone{padding:30px 16px}.upload-metadata{gap:16px}.tag-input-wrapper{flex-direction:column}.tag-add-btn{width:100%}}.secure-files-container{padding:24px;max-width:1400px;margin:0 auto;animation:fadeIn .3s ease-in}.secure-files-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid var(--border-color)}.header-info{display:flex;align-items:center;gap:12px}.files-count{padding:6px 14px;background:var(--bg-secondary);border-radius:20px;font-size:14px;font-weight:500;color:var(--text-secondary)}.header-actions{display:flex;gap:8px}.secure-files-filters{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.search-box{width:100%;position:relative}.search-box input{width:100%;padding:8px 12px 8px 32px;border:1px solid var(--border-color);border-radius:10px;font-size:16px;background:var(--bg-primary);transition:all .2s;height:36px}.search-box input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #4a90e21a}.search-box svg{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--text-secondary);pointer-events:none}.filter-controls{display:flex;gap:8px;align-items:center;width:100%}.filter-select{flex:1;max-width:140px;padding:8px 28px 8px 10px;border:1px solid var(--border-color);border-radius:8px;background:var(--bg-primary);font-size:14px;height:36px;cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");background-position:right 8px center;background-repeat:no-repeat;background-size:16px;transition:all .2s}.filter-select:hover{border-color:var(--primary-color)}.filter-select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #4a90e21a}.filter-toggle{width:36px;height:36px;padding:0;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;cursor:pointer;transition:all .2s;color:var(--text-secondary);display:flex;align-items:center;justify-content:center;flex-shrink:0}.filter-toggle:hover{border-color:var(--primary-color);color:var(--primary-color)}.filter-toggle.active{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.filter-reset-btn{width:36px;height:36px;padding:0;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;cursor:pointer;transition:all .2s;color:var(--text-secondary);display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:18px;font-weight:400;line-height:1}.filter-reset-btn:hover{border-color:var(--danger-color, #dc3545);color:var(--danger-color, #dc3545);background:#dc35451a}.secure-files-stats{display:flex;gap:24px;margin-bottom:28px;padding:14px 18px;background:var(--bg-secondary);border-radius:10px}.stat-item{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--text-secondary);white-space:nowrap}.upload-progress{margin-bottom:20px;padding:16px;background:var(--bg-secondary);border-radius:8px}.progress-bar{height:8px;background:var(--border-color);border-radius:4px;overflow:hidden;margin-bottom:8px}.progress-fill{height:100%;background:var(--primary-color);transition:width .3s ease;border-radius:4px}.progress-text{font-size:14px;color:var(--text-secondary)}.secure-files-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.secure-file-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;padding:16px;cursor:pointer;transition:all .2s;display:flex;flex-direction:column}.secure-file-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.file-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.file-card-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--bg-secondary);border-radius:8px;color:var(--primary-color)}.file-card-actions{display:flex;gap:4px}.file-card-body{flex:1;margin-bottom:12px}.file-card-name{font-size:16px;font-weight:600;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-card-meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.file-size,.file-date{font-size:12px;color:var(--text-secondary)}.file-category{padding:2px 8px;background:var(--bg-secondary);border-radius:4px;font-size:12px}.file-card-footer{display:flex;justify-content:space-between;align-items:center;padding-top:12px;border-top:1px solid var(--border-color)}.file-security{display:flex;gap:8px}.security-badge{display:flex;align-items:center;gap:4px;padding:2px 8px;background:#4a90e21a;border-radius:4px;font-size:12px;color:var(--primary-color)}.file-card-buttons{display:flex;gap:4px}.icon-button{padding:6px;background:transparent;border:none;border-radius:4px;cursor:pointer;color:var(--text-secondary);transition:all .2s}.icon-button:hover{background:var(--bg-secondary);color:var(--text-primary)}.icon-button.danger:hover{background:#dc35451a;color:#dc3545}.secure-files-empty{padding:60px 20px;text-align:center;color:var(--text-secondary)}.secure-files-empty h3{margin:16px 0 8px;font-size:18px;font-weight:600;color:var(--text-primary)}.secure-files-empty p{margin-bottom:20px}.secure-files-loading{padding:60px;text-align:center;color:var(--text-secondary)}.secure-files-error{padding:20px;background:#dc35451a;border:1px solid rgba(220,53,69,.3);border-radius:8px;color:#dc3545;text-align:center}@media (max-width: 768px){.secure-files-container{padding:12px}.secure-files-grid{grid-template-columns:1fr;gap:16px}.secure-files-header{flex-direction:column;align-items:flex-start;gap:16px;margin-bottom:24px;padding-bottom:16px}.filter-select{font-size:16px}.secure-files-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;padding:12px 14px}.header-actions{display:flex;width:100%;justify-content:space-between}.filter-toggle{width:40px;height:40px;padding:10px}.search-box input{font-size:16px;min-height:36px;padding:8px 12px 8px 32px}.secure-files-empty{padding:40px 20px}}@media (hover: none) and (pointer: coarse){.filter-toggle,.icon-button{min-width:44px;min-height:44px}.secure-file-card{cursor:default}.secure-file-card:active{transform:scale(.98);transition:transform .1s}}.mobile-nav-bar{position:fixed;bottom:0;left:0;right:0;background:#fffffffa;backdrop-filter:blur(20px);border-top:.5px solid #e5e5ea;display:flex;justify-content:space-around;padding:8px 0 env(safe-area-inset-bottom,8px);z-index:100}.mobile-nav-item{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;padding:0;background:none;border:none;color:#8e8e93;cursor:pointer;transition:color .2s ease;-webkit-tap-highlight-color:transparent}.mobile-nav-item.active{color:#007aff}.mobile-nav-icon{font-size:20px}.mobile-nav-label{font-size:9px;font-weight:500}@media (prefers-color-scheme: dark){.mobile-nav-bar{background:#1c1c1efa;border-top-color:#38383a}.mobile-nav-item{color:#8e8e93}.mobile-nav-item.active{color:#0a84ff}}.two-factor-settings{width:100%}.two-factor-settings.loading{display:flex;align-items:center;gap:12px;padding:20px;color:var(--text-secondary)}.loading-spinner{width:16px;height:16px;border:2px solid var(--border-color);border-top-color:var(--primary-color);border-radius:50%;animation:spin 1s linear infinite}.two-factor-status{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;padding:20px;background:var(--background-primary);border-radius:8px;border:1px solid var(--border-color)}.status-header{display:flex;align-items:flex-start;gap:16px;flex:1}.status-icon{flex-shrink:0}.status-enabled{color:var(--success-color)}.status-disabled{color:var(--warning-color)}.status-info h3{font-size:16px;font-weight:600;color:var(--text-primary);margin:0 0 4px}.status-info p{font-size:14px;color:var(--text-secondary);margin:0;line-height:1.4}.status-actions{flex-shrink:0}.enabled-actions{display:flex;flex-direction:column;gap:8px;align-items:flex-end}.backup-codes-section{margin-top:24px;padding:20px;background:var(--surface-elevated);border-radius:8px;border:1px solid var(--border-color)}.backup-codes-section h4{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:600;color:var(--text-primary);margin:0 0 8px}.backup-codes-section p{font-size:14px;color:var(--text-secondary);margin:0 0 16px;line-height:1.4}.backup-codes-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin-bottom:16px}.backup-code{display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--background-primary);border:1px solid var(--border-color);border-radius:6px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:13px}.code-number{color:var(--text-secondary);font-weight:600;min-width:16px}.backup-code code{color:var(--text-primary);background:none;padding:0;font-size:13px;font-family:inherit}.backup-actions{margin-bottom:16px}.backup-warning{display:flex;align-items:center;gap:8px;padding:12px 16px;background:var(--warning-background);color:var(--warning-color);border-radius:6px;font-size:13px;line-height:1.4}.two-factor-settings .btn-primary{background:var(--primary-color);color:#fff;border:none}.two-factor-settings .btn-primary:hover{background:var(--primary-color-hover)}.two-factor-settings .btn-secondary{background:var(--background-primary);color:var(--text-primary);border:1px solid var(--border-color)}.two-factor-settings .btn-secondary:hover{background:var(--hover-background);border-color:var(--primary-color)}.two-factor-settings .btn-danger{background:var(--danger-color);color:#fff;border:none}.two-factor-settings .btn-danger:hover{background:var(--danger-color-hover)}@media (max-width: 768px){.two-factor-status{flex-direction:column;gap:16px}.status-actions{width:100%}.enabled-actions{flex-direction:row;align-items:center;justify-content:flex-start}.backup-codes-grid{grid-template-columns:1fr}.backup-code{justify-content:space-between}.backup-actions,.backup-actions .btn{width:100%}}:root{--success-color: #28a745;--warning-color: #ffc107;--warning-background: rgba(255, 193, 7, .1);--danger-color: #dc3545;--danger-color-hover: #c82333;--primary-color-hover: #5a67d8}[data-theme=dark]{--warning-background: rgba(255, 193, 7, .2)}.pin-management-section{max-width:600px}.pin-alert{display:flex;align-items:center;gap:8px;padding:12px 16px;border-radius:8px;margin-bottom:20px;font-size:14px;animation:slideDown .3s ease}.pin-alert-error{background:var(--error-background, #fee);color:var(--error-color, #d00);border:1px solid var(--error-border, #fcc)}.pin-alert-success{background:var(--success-background, #efe);color:var(--success-color, #060);border:1px solid var(--success-border, #cfc)}.pin-status-card{background:var(--surface-secondary);border:1px solid var(--border-color);border-radius:12px;padding:20px;margin-bottom:24px}.pin-status-header{display:flex;justify-content:space-between;align-items:center;gap:16px}.pin-status-info{display:flex;align-items:center;gap:16px}.pin-status-info h3{margin:0 0 4px;font-size:16px;font-weight:600;color:var(--text-primary)}.pin-status-text{margin:0;font-size:13px;color:var(--text-secondary)}.icon-active{color:var(--success-color, #28a745)}.icon-inactive{color:var(--text-disabled)}.pin-status-actions{display:flex;gap:8px;flex-wrap:wrap}.pin-form-card{background:var(--surface-secondary);border:1px solid var(--border-color);border-radius:12px;padding:20px;margin-bottom:24px}.pin-form-title{margin:0 0 20px;font-size:15px;font-weight:600;color:var(--text-primary)}.pin-form-fields{display:flex;flex-direction:column;gap:16px;margin-bottom:20px}.pin-input-group{display:flex;flex-direction:column;gap:8px}.pin-input-group label{font-size:13px;font-weight:500;color:var(--text-secondary)}.pin-input-wrapper{position:relative;display:flex;align-items:center}.pin-input-wrapper input{flex:1;padding:10px 40px 10px 12px;border:1px solid var(--border-color);border-radius:8px;background:var(--background-primary);color:var(--text-primary);font-size:16px;font-family:monospace;letter-spacing:.5em;text-align:center;transition:all .2s ease}.pin-input-wrapper input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px var(--primary-color-alpha)}.pin-visibility-toggle{position:absolute;right:8px;padding:4px;background:transparent;border:none;color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:color .2s ease}.pin-visibility-toggle:hover{color:var(--text-primary)}.pin-form-actions{display:flex;justify-content:flex-end;gap:12px}.pin-settings-card{background:var(--surface-secondary);border:1px solid var(--border-color);border-radius:12px;padding:20px}.pin-settings-title{margin:0 0 20px;font-size:15px;font-weight:600;color:var(--text-primary)}.pin-setting-item{display:flex;justify-content:space-between;align-items:center;padding:16px 0;border-bottom:1px solid var(--border-light)}.pin-setting-item:last-child{border-bottom:none;padding-bottom:0}.pin-setting-label{flex:1;margin-right:16px}.pin-setting-label span{display:block;font-size:14px;font-weight:500;color:var(--text-primary);margin-bottom:4px}.pin-setting-description{margin:0;font-size:12px;color:var(--text-secondary);line-height:1.4}.pin-switch{position:relative;display:inline-block;width:48px;height:24px}.pin-switch input{opacity:0;width:0;height:0}.pin-switch-slider{position:absolute;cursor:pointer;inset:0;background-color:var(--switch-background);transition:.3s;border-radius:24px}.pin-switch-slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.3s;border-radius:50%}.pin-switch input:checked+.pin-switch-slider{background-color:var(--primary-color)}.pin-switch input:checked+.pin-switch-slider:before{transform:translate(24px)}.pin-switch input:disabled+.pin-switch-slider{opacity:.5;cursor:not-allowed}.pin-select{padding:8px 12px;border:1px solid var(--border-color);border-radius:8px;background:var(--background-primary);color:var(--text-primary);font-size:14px;min-width:120px;cursor:pointer;transition:all .2s ease}.pin-select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px var(--primary-color-alpha)}.pin-select:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 768px){.pin-status-header{flex-direction:column;align-items:flex-start}.pin-status-actions{width:100%;justify-content:flex-start}.pin-setting-item{flex-direction:column;align-items:flex-start;gap:12px}.pin-switch,.pin-select{align-self:flex-end}}[data-theme=dark]{--switch-background: #4a4a4a;--primary-color-alpha: rgba(99, 102, 241, .1)}.pin-migration-banner{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:20px;border-radius:12px;margin:20px 0;display:flex;align-items:flex-start;gap:20px;box-shadow:0 4px 6px #0000001a;position:relative;animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.pin-migration-banner.pin-migration-success{background:linear-gradient(135deg,#10b981,#059669)}.pin-migration-icon{flex-shrink:0;width:48px;height:48px;background:#fff3;border-radius:12px;display:flex;align-items:center;justify-content:center}.pin-migration-content{flex:1;min-width:0}.pin-migration-content h3{margin:0 0 8px;font-size:20px;font-weight:600}.pin-migration-content p{margin:0 0 12px;opacity:.95;line-height:1.5}.pin-migration-info{display:flex;align-items:flex-start;gap:8px;padding:12px;background:#ffffff1a;border-radius:8px;margin:12px 0}.pin-migration-info svg{flex-shrink:0;margin-top:2px}.pin-migration-stats{display:flex;align-items:center;gap:12px;padding:12px;background:#ffffff1a;border-radius:8px;margin:12px 0}.pin-migration-stats .stat-item{display:flex;align-items:center;gap:4px}.pin-migration-stats .stat-item strong{font-size:24px;font-weight:700}.pin-migration-stats .stat-item span{opacity:.9;font-size:14px}.pin-migration-stats .stat-item.highlight{padding:8px 12px;background:#fff3;border-radius:6px}.pin-migration-benefits{margin-top:16px}.pin-migration-benefits h4{margin:0 0 8px;font-size:14px;font-weight:600;opacity:.9}.pin-migration-benefits ul{margin:0;padding:0;list-style:none}.pin-migration-benefits li{display:flex;align-items:center;gap:8px;padding:4px 0;opacity:.95}.pin-migration-benefits li svg{flex-shrink:0;color:#10b981}.pin-migration-error{display:flex;align-items:center;gap:8px;padding:12px;background:#ef444433;border-radius:8px;margin:12px 0;color:#fef2f2}.pin-migration-error svg{flex-shrink:0}.pin-migration-progress{display:flex;align-items:center;gap:8px;padding:12px;background:#ffffff1a;border-radius:8px;margin:12px 0}.pin-migration-progress .spin{animation:spin 1s linear infinite}.pin-migration-actions{display:flex;flex-direction:column;gap:8px;flex-shrink:0}.pin-migration-actions button{white-space:nowrap}.pin-migration-dismiss{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.3);padding:8px 16px;border-radius:6px;font-size:14px;cursor:pointer;transition:all .2s}.pin-migration-dismiss:hover{background:#ffffff1a;border-color:#ffffff80}.pin-migration-close{position:absolute;top:12px;right:12px;background:transparent;border:none;color:#fff;cursor:pointer;padding:4px;border-radius:4px;transition:background .2s}.pin-migration-close:hover{background:#fff3}@media (max-width: 768px){.pin-migration-banner{flex-direction:column}.pin-migration-stats{flex-wrap:wrap}.pin-migration-actions,.pin-migration-actions button{width:100%}}.settings-page{width:100%;max-width:1200px;margin:0 auto;padding:24px}.settings-container{background:var(--surface-elevated);border-radius:12px;overflow:hidden;box-shadow:0 4px 12px #00000014}.settings-tabs{display:flex;background:var(--background-primary);border-bottom:1px solid var(--border-color);overflow-x:auto}.settings-tab{display:flex;align-items:center;gap:8px;padding:16px 24px;background:transparent;border:none;color:var(--text-secondary);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;position:relative;white-space:nowrap}.settings-tab:hover{color:var(--text-primary);background:var(--hover-background)}.settings-tab.active{color:var(--primary-color);background:var(--surface-elevated)}.settings-tab.active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:var(--primary-color)}.settings-content{padding:32px}.settings-save-status{background:var(--success-background);color:var(--success-color);padding:12px 16px;border-radius:8px;margin-bottom:24px;font-size:14px;display:flex;align-items:center;gap:8px;animation:slideDown .3s ease}.settings-section{max-width:800px}.settings-section-title{font-size:20px;font-weight:600;color:var(--text-primary);margin-bottom:24px}.setting-item{display:flex;justify-content:space-between;align-items:center;padding:20px 0;border-bottom:1px solid var(--border-color)}.setting-item:last-child{border-bottom:none}.setting-item-full{display:block;padding:24px 0}.setting-label{flex:1}.setting-label span{font-size:15px;font-weight:500;color:var(--text-primary);display:block;margin-bottom:4px}.setting-description{font-size:13px;color:var(--text-secondary);margin:0}.setting-control{display:flex;align-items:center;gap:12px}.theme-selector{display:flex;gap:8px;padding:4px;background:var(--background-primary);border-radius:8px}.theme-option{display:flex;align-items:center;gap:6px;padding:8px 16px;background:transparent;border:none;border-radius:6px;color:var(--text-secondary);font-size:14px;cursor:pointer;transition:all .2s ease}.theme-option:hover{background:var(--hover-background);color:var(--text-primary)}.theme-option.active{background:var(--surface-elevated);color:var(--primary-color);box-shadow:0 2px 4px #0000001a}.setting-select{padding:8px 12px;background:var(--input-background);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);font-size:14px;min-width:150px;cursor:pointer;transition:all .2s ease}.setting-select:hover{border-color:var(--primary-color)}.setting-select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px var(--primary-color-alpha)}.setting-switch{position:relative;display:inline-block;width:48px;height:24px}.setting-switch input{opacity:0;width:0;height:0}.switch-slider{position:absolute;cursor:pointer;inset:0;background-color:var(--toggle-background);transition:.3s;border-radius:24px}.switch-slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.3s;border-radius:50%}.setting-switch input:checked+.switch-slider{background-color:var(--primary-color)}.setting-switch input:checked+.switch-slider:before{transform:translate(24px)}.account-email,.account-date{font-size:14px;color:var(--text-primary);padding:8px 12px;background:var(--background-primary);border-radius:6px}.settings-danger-zone{margin-top:48px;padding:24px;background:var(--danger-background);border:1px solid var(--danger-color);border-radius:8px}.danger-title{display:flex;align-items:center;gap:8px;color:var(--danger-color);font-size:16px;font-weight:600;margin-bottom:20px}.setting-item.danger .setting-label span{color:var(--danger-color)}.settings-page .btn-danger{background:var(--danger-color);color:#fff;border:none}.settings-page .btn-danger:hover{background:var(--danger-color-hover)}.settings-page .btn-secondary{background:var(--background-primary);color:var(--text-primary);border:1px solid var(--border-color)}.settings-page .btn-secondary:hover{background:var(--hover-background);border-color:var(--primary-color)}@media (max-width: 768px){.settings-page{padding:16px}.settings-content{padding:20px}.settings-tabs{overflow-x:auto;-webkit-overflow-scrolling:touch}.settings-tab{padding:12px 16px;font-size:13px}.setting-item{flex-direction:column;align-items:flex-start;gap:12px}.setting-control{width:100%;justify-content:flex-start}.setting-select,.theme-selector{width:100%}.theme-option{flex:1;justify-content:center}}[data-theme=dark] .settings-container{background:var(--surface-elevated);box-shadow:0 4px 12px #0000004d}[data-theme=dark] .settings-tabs,[data-theme=dark] .theme-selector,[data-theme=dark] .setting-select,[data-theme=dark] .account-email,[data-theme=dark] .account-date{background:var(--background-secondary)}:root{--toggle-background: #ccc;--danger-background: rgba(255, 0, 0, .05);--danger-color: #dc3545;--danger-color-hover: #c82333;--success-background: rgba(40, 167, 69, .1);--success-color: #28a745;--primary-color-alpha: rgba(79, 70, 229, .1)}[data-theme=dark]{--toggle-background: #555;--danger-background: rgba(255, 0, 0, .1)}.pwa-update-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:20000;padding:20px;animation:fadeIn .3s ease}.pwa-update-prompt{background:#fff;border-radius:12px;box-shadow:0 8px 32px #00000026;width:100%;max-width:400px;overflow:hidden;animation:slideUp .3s ease}.pwa-update-header{display:flex;align-items:flex-start;padding:20px;gap:16px}.pwa-update-icon{flex-shrink:0;width:48px;height:48px;background:#f0f9ff;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#0ea5e9}.pwa-update-content{flex:1}.pwa-update-content h3{font-size:16px;font-weight:600;color:#333;margin:0 0 8px}.pwa-update-content p{font-size:14px;color:#666;line-height:1.5;margin:0}.pwa-update-close{flex-shrink:0;background:none;border:none;color:#666;cursor:pointer;padding:4px;border-radius:6px;transition:all .2s ease}.pwa-update-close:hover{background:#f5f5f5;color:#333}.pwa-update-close:disabled{opacity:.5;cursor:not-allowed}.pwa-update-actions{display:flex;gap:12px;padding:0 20px 20px;justify-content:flex-end}.pwa-update-actions .btn{min-width:100px}.pwa-offline-toast{position:fixed;top:20px;right:20px;z-index:19000;animation:slideInRight .3s ease,slideOutRight .3s ease 2.7s;animation-fill-mode:forwards}@keyframes slideInRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes slideOutRight{to{opacity:0;transform:translate(100%)}}.pwa-offline-content{background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 4px 12px #0000001a;padding:16px 20px;display:flex;align-items:center;gap:12px;min-width:280px}.pwa-offline-icon{font-size:20px;flex-shrink:0}.pwa-offline-content span{font-size:14px;font-weight:500;color:#333}@media (max-width: 768px){.pwa-update-overlay{padding:16px}.pwa-update-prompt{max-width:none}.pwa-update-header{padding:16px;gap:12px}.pwa-update-actions{padding:0 16px 16px;flex-direction:column}.pwa-update-actions .btn{width:100%;min-width:auto}.pwa-offline-toast{top:16px;left:16px;right:16px}.pwa-offline-content{min-width:auto;padding:12px 16px}}[data-theme=dark] .pwa-update-prompt{background:#2d3748;border:1px solid #4a5568}[data-theme=dark] .pwa-update-icon{background:#1a3a52}[data-theme=dark] .pwa-update-content h3{color:#e2e8f0}[data-theme=dark] .pwa-update-content p,[data-theme=dark] .pwa-update-close{color:#a0aec0}[data-theme=dark] .pwa-update-close:hover{background:#4a5568;color:#e2e8f0}[data-theme=dark] .pwa-offline-content{background:#2d3748;border-color:#4a5568}[data-theme=dark] .pwa-offline-content span{color:#e2e8f0}.loading-fallback{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;background:var(--color-surface, #ffffff);border-radius:8px;border:1px solid var(--color-border, #e5e5e5);min-height:200px}.loading-spinner{width:40px;height:40px;border:3px solid var(--color-border, #e5e5e5);border-top:3px solid var(--color-primary, #007bff);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}.loading-fallback p{margin:0;color:var(--color-text-muted, #6c757d);font-size:14px;font-weight:500}.error-fallback{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;background:var(--color-surface, #ffffff);border-radius:8px;border:1px solid var(--color-danger, #dc3545);min-height:200px;text-align:center}.error-fallback h2{margin:0 0 12px;color:var(--color-danger, #dc3545);font-size:18px;font-weight:600}.error-fallback p{margin:0 0 20px;color:var(--color-text-muted, #6c757d);font-size:14px;line-height:1.5;max-width:300px}.error-fallback button{padding:8px 16px;border:1px solid var(--color-danger, #dc3545);background:transparent;color:var(--color-danger, #dc3545);border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.error-fallback button:hover{background:var(--color-danger, #dc3545);color:#fff}[data-theme=dark] .loading-fallback{background:var(--color-surface-dark, #2d3748);border-color:var(--color-border-dark, #4a5568)}[data-theme=dark] .loading-fallback p{color:var(--color-text-muted-dark, #a0aec0)}[data-theme=dark] .error-fallback{background:var(--color-surface-dark, #2d3748)}[data-theme=dark] .error-fallback p{color:var(--color-text-muted-dark, #a0aec0)}@media (max-width: 768px){.loading-fallback,.error-fallback{padding:30px 16px;min-height:150px}.loading-spinner{width:32px;height:32px;border-width:2px}.error-fallback h2{font-size:16px}.error-fallback p{font-size:13px}}@media (prefers-reduced-motion: reduce){.loading-spinner{animation:none;border-top-color:transparent}.error-fallback button{transition:none}}.password-search{display:flex;flex-direction:column;gap:20px;padding:20px;background-color:var(--bg-secondary);border-radius:12px;box-shadow:var(--shadow-md)}.password-search .filters-container,.filters-container{background:var(--bg-primary);border-radius:12px;padding:20px;margin-bottom:24px;box-shadow:var(--shadow-sm);border:1px solid var(--border-color)}.search-box{display:flex;align-items:center;gap:12px;margin-bottom:16px;padding:12px 16px;background:var(--bg-secondary);border-radius:8px;border:1px solid var(--border-color);transition:border-color .2s ease}.search-box:focus-within{border-color:var(--primary-color)}.search-box input{flex:1;border:none;background:none;outline:none;font-size:14px;color:var(--text-primary)}.search-box input::placeholder{color:var(--text-secondary)}.search-header-actions{flex-shrink:0}.password-search .filters-container .filter-controls,.filters-container .filter-controls{display:flex!important;gap:16px!important;flex-wrap:wrap!important;align-items:center!important;padding:8px 0!important}.filter-label{display:flex;align-items:center;gap:8px;color:var(--text-secondary);font-size:14px;font-weight:500;white-space:nowrap;margin-right:4px}.filter-group{display:flex;align-items:center;gap:8px;white-space:nowrap}.password-search .filters-container .filter-group.checkbox-group,.filters-container .filter-group.checkbox-group{display:flex!important;flex-direction:row!important;flex-wrap:wrap!important;gap:16px!important;align-items:center!important}.filter-group.checkbox-group label{display:flex;align-items:center;gap:6px;cursor:pointer;font-size:14px;color:var(--text-primary);white-space:nowrap}.filter-group.checkbox-group input[type=checkbox]{width:16px;height:16px;cursor:pointer;margin:0}.filters-container .filter-checkboxes,.dashboard .filters-container .filter-checkboxes{display:flex!important;flex-direction:row!important;gap:16px!important;align-items:center!important;flex-wrap:wrap!important}.filters-container .filter-checkbox,.dashboard .filters-container .filter-checkbox{display:flex!important;align-items:center!important;gap:6px!important;cursor:pointer!important;font-size:14px!important;color:var(--text-primary)!important;white-space:nowrap!important}.filters-container .filter-checkbox input[type=checkbox],.dashboard .filters-container .filter-checkbox input[type=checkbox]{width:16px!important;height:16px!important;cursor:pointer!important;margin:0!important;flex-shrink:0!important}.filters-container .filter-checkbox span,.dashboard .filters-container .filter-checkbox span{font-size:14px!important;color:var(--text-primary)!important}.filter-group svg{flex-shrink:0;color:var(--text-secondary)}.filter-group select{padding:8px 32px 8px 12px;border:1px solid var(--border-color);border-radius:6px;background:var(--bg-primary);color:var(--text-primary);font-size:14px;cursor:pointer;min-width:120px;flex-shrink:0;transition:all .2s ease;appearance:none;background-image:url('data:image/svg+xml;charset=US-ASCII,%3Csvg width="14" height="8" viewBox="0 0 14 8" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M1 1L7 7L13 1" stroke="%236B7280" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/%3E%3C/svg%3E');background-repeat:no-repeat;background-position:right 8px center}.filter-group select:hover{border-color:var(--primary-color);background-color:var(--bg-secondary)}.filter-group select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(var(--primary-rgb),.1)}.password-search-results{background:var(--bg-primary);border-radius:8px;padding:16px;border:1px solid var(--border-color)}.password-search-loading{text-align:center;padding:40px;color:var(--text-secondary);font-size:16px}.password-search-empty{text-align:center;padding:40px;color:var(--text-secondary)}.password-search-empty h3{margin-bottom:8px;color:var(--text-primary)}[data-theme=dark] .filter-group select{background-image:url('data:image/svg+xml;charset=US-ASCII,%3Csvg width="14" height="8" viewBox="0 0 14 8" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M1 1L7 7L13 1" stroke="%23D1D5DB" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/%3E%3C/svg%3E')}@media (max-width: 768px){.password-search{padding:16px;gap:16px}.filters-container{padding:16px;margin-bottom:16px}.filter-controls{flex-direction:column;align-items:stretch}.filter-group,.filter-group select{width:100%}.search-box{flex-wrap:wrap}.search-header-actions{width:100%;margin-top:8px}.search-header-actions .btn{width:100%}}@media (min-width: 769px) and (max-width: 1024px){.filter-controls{gap:8px}.filter-group select{min-width:100px;font-size:13px}}:root{--primary-50: #f0f9ff;--primary-100: #e0f2fe;--primary-200: #bae6fd;--primary-300: #7dd3fc;--primary-400: #38bdf8;--primary-500: #0ea5e9;--primary-600: #0284c7;--primary-700: #0369a1;--primary-800: #075985;--primary-900: #0c4a6e;--success-50: #f0fdf4;--success-100: #dcfce7;--success-200: #bbf7d0;--success-300: #86efac;--success-400: #4ade80;--success-500: #22c55e;--success-600: #16a34a;--success-700: #15803d;--warning-50: #fffbeb;--warning-100: #fef3c7;--warning-200: #fde68a;--warning-300: #fcd34d;--warning-400: #fbbf24;--warning-500: #f59e0b;--warning-600: #d97706;--danger-50: #fef2f2;--danger-100: #fee2e2;--danger-200: #fecaca;--danger-300: #fca5a5;--danger-400: #f87171;--danger-500: #ef4444;--danger-600: #dc2626;--danger-700: #b91c1c;--gray-50: #f9fafb;--gray-100: #f3f4f6;--gray-200: #e5e7eb;--gray-300: #d1d5db;--gray-400: #9ca3af;--gray-500: #6b7280;--gray-600: #4b5563;--gray-700: #374151;--gray-800: #1f2937;--gray-900: #111827;--color-background: var(--gray-50);--color-surface: #ffffff;--color-border: var(--gray-200);--color-text-primary: var(--gray-900);--color-text-secondary: var(--gray-600);--color-text-muted: var(--gray-500)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;line-height:1.25rem;border-radius:.375rem;border:1px solid transparent;cursor:pointer;transition:all .15s ease-in-out;text-decoration:none;white-space:nowrap;user-select:none}.btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.btn:focus{outline:2px solid transparent;outline-offset:2px;box-shadow:0 0 0 2px var(--primary-500)}.btn--sm{padding:.25rem .75rem;font-size:.75rem;line-height:1rem}.btn--md{padding:.5rem 1rem;font-size:.875rem;line-height:1.25rem}.btn--lg{padding:.75rem 1.5rem;font-size:1rem;line-height:1.5rem}.btn--primary{background-color:var(--primary-500);border-color:var(--primary-500);color:#fff}.btn--primary:hover:not(:disabled){background-color:var(--primary-600);border-color:var(--primary-600)}.btn--primary:active{background-color:var(--primary-700);border-color:var(--primary-700)}.btn--secondary{background-color:var(--gray-100);border-color:var(--gray-300);color:var(--gray-700)}.btn--secondary:hover:not(:disabled){background-color:var(--gray-200);border-color:var(--gray-400)}.btn--secondary:active{background-color:var(--gray-300)}.btn--success{background-color:var(--success-500);border-color:var(--success-500);color:#fff}.btn--success:hover:not(:disabled){background-color:var(--success-600);border-color:var(--success-600)}.btn--warning{background-color:var(--warning-500);border-color:var(--warning-500);color:#fff}.btn--warning:hover:not(:disabled){background-color:var(--warning-600);border-color:var(--warning-600)}.btn--danger{background-color:var(--danger-500);border-color:var(--danger-500);color:#fff}.btn--danger:hover:not(:disabled){background-color:var(--danger-600);border-color:var(--danger-600)}.btn--outline{background-color:transparent;border-color:var(--primary-500);color:var(--primary-500)}.btn--outline:hover:not(:disabled){background-color:var(--primary-50);border-color:var(--primary-600);color:var(--primary-600)}.btn--outline-secondary{background-color:transparent;border-color:var(--gray-300);color:var(--gray-600)}.btn--outline-secondary:hover:not(:disabled){background-color:var(--gray-50);border-color:var(--gray-400);color:var(--gray-700)}.btn--ghost{background-color:transparent;border-color:transparent;color:var(--gray-600)}.btn--ghost:hover:not(:disabled){background-color:var(--gray-100);color:var(--gray-700)}.btn--icon{padding:.5rem;width:2.5rem;height:2.5rem}.btn--icon.btn--sm{padding:.25rem;width:2rem;height:2rem}.btn--icon.btn--lg{padding:.75rem;width:3rem;height:3rem}.btn-group{display:inline-flex;border-radius:.375rem;overflow:hidden}.btn-group .btn{border-radius:0;border-right-width:0}.btn-group .btn:first-child{border-top-left-radius:.375rem;border-bottom-left-radius:.375rem}.btn-group .btn:last-child{border-top-right-radius:.375rem;border-bottom-right-radius:.375rem;border-right-width:1px}.btn-group .btn:not(:first-child):not(:last-child){border-radius:0}.btn--loading{position:relative;pointer-events:none}.btn--loading:before{content:"";position:absolute;top:50%;left:50%;width:1rem;height:1rem;margin:-.5rem 0 0 -.5rem;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}:root{--bg-primary: #ffffff;--bg-secondary: #f8f9fa;--bg-tertiary: #f5f7fa;--bg-header: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--text-primary: #333333;--text-secondary: #6c757d;--text-muted: #495057;--text-danger: #dc3545;--border-color: #e9ecef;--border-hover: #dee2e6;--shadow-sm: 0 2px 4px rgba(0, 0, 0, .08);--shadow-md: 0 4px 12px rgba(0, 0, 0, .15);--shadow-lg: 0 4px 20px rgba(0, 0, 0, .12);--primary-color: #667eea;--primary-dark: #5a67d8;--primary-rgb: 102, 126, 234;--accent-primary: #667eea;--accent-dark: #5a67d8;--accent-light: rgba(102, 126, 234, .1);--success-color: #28a745;--danger-color: #dc3545;--warning-color: #ffc107;--info-color: #17a2b8}[data-theme=dark]{--bg-primary: #1a1a1a;--bg-secondary: #2d2d2d;--bg-tertiary: #1e1e1e;--bg-header: linear-gradient(135deg, #4a5568 0%, #2d3748 100%);--text-primary: #f7fafc;--text-secondary: #a0aec0;--text-muted: #cbd5e0;--text-danger: #f56565;--border-color: #4a5568;--border-hover: #718096;--shadow-sm: 0 2px 4px rgba(0, 0, 0, .3);--shadow-md: 0 4px 12px rgba(0, 0, 0, .4);--shadow-lg: 0 4px 20px rgba(0, 0, 0, .5);--primary-color: #63b3ed;--primary-dark: #4299e1;--primary-rgb: 99, 179, 237;--accent-primary: #63b3ed;--accent-dark: #4299e1;--accent-light: rgba(99, 179, 237, .1);--success-color: #48bb78;--danger-color: #f56565;--warning-color: #ed8936;--info-color: #4fd1c7}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background-color:var(--bg-tertiary);color:var(--text-primary);line-height:1.6;transition:background-color .3s ease,color .3s ease}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--border-hover)}*:focus{outline:2px solid var(--primary-color);outline-offset:2px}::selection{background-color:var(--primary-color);color:#fff}.high-contrast{--text-primary: #000000;--text-secondary: #333333;--bg-primary: #ffffff;--bg-secondary: #f5f5f5;--border-color: #000000;--primary-color: #0066cc;--danger-color: #cc0000;--success-color: #006600;--warning-color: #cc6600}.high-contrast.theme-dark{--text-primary: #ffffff;--text-secondary: #cccccc;--bg-primary: #000000;--bg-secondary: #1a1a1a;--border-color: #ffffff;--primary-color: #3399ff;--danger-color: #ff3333;--success-color: #33ff33;--warning-color: #ff9933}.large-fonts{font-size:18px}.large-fonts h1{font-size:2.5rem}.large-fonts h2{font-size:2rem}.large-fonts h3{font-size:1.75rem}.large-fonts h4{font-size:1.5rem}.large-fonts h5{font-size:1.25rem}.large-fonts h6{font-size:1.125rem}.large-fonts .btn{font-size:1rem;padding:12px 20px}.large-fonts .btn-sm{font-size:.9rem;padding:10px 16px}.large-fonts .btn-lg{font-size:1.2rem;padding:14px 24px}.large-fonts input,.large-fonts textarea,.large-fonts select{font-size:1rem;padding:12px}.no-animations *,.no-animations *:before,.no-animations *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.no-animations{--animation-duration: 0ms;--transition-duration: 0ms}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.high-contrast *:focus,.high-contrast *:focus-visible{outline:3px solid var(--primary-color)!important;outline-offset:2px!important}.large-fonts .modal-content{max-width:90vw;max-height:90vh;overflow-y:auto}.large-fonts .settings-modal .modal-content{max-width:600px}.high-contrast .modal-content,.high-contrast .btn,.high-contrast .password-item,.high-contrast .form-group input{box-shadow:none!important}.high-contrast .btn{border:2px solid var(--border-color);font-weight:600}.high-contrast .btn-primary{background-color:var(--primary-color);color:var(--bg-primary);border-color:var(--primary-color)}.high-contrast .btn-primary:hover{background-color:var(--text-primary);color:var(--bg-primary);border-color:var(--text-primary)}.high-contrast .btn-danger{background-color:var(--danger-color);color:var(--bg-primary);border-color:var(--danger-color)}.settings-applied{transition:all .3s ease}.no-animations .settings-applied{transition:none}.theme-dark.high-contrast .password-item{border:2px solid var(--border-color);background-color:var(--bg-secondary)}.theme-dark.high-contrast .modal-overlay{background-color:#000000e6}@media print{.high-contrast{--text-primary: #000000;--bg-primary: #ffffff;--border-color: #000000}.large-fonts{font-size:14px}}:root{--btn-height-xs: 24px;--btn-height-sm: 28px;--btn-height-md: 36px;--btn-height-lg: 44px;--btn-padding-xs: 4px 8px;--btn-padding-sm: 6px 12px;--btn-padding-md: 8px 16px;--btn-padding-lg: 12px 24px;--btn-font-xs: .7rem;--btn-font-sm: .75rem;--btn-font-md: .875rem;--btn-font-lg: 1rem;--btn-radius-sm: 4px;--btn-radius-md: 6px;--btn-radius-lg: 8px;--btn-icon-size-xs: 16px;--btn-icon-size-sm: 18px;--btn-icon-size-md: 20px;--btn-icon-size-lg: 24px}.btn-xs{min-height:var(--btn-height-xs);padding:var(--btn-padding-xs);font-size:var(--btn-font-xs);border-radius:var(--btn-radius-sm)}.btn-sm{min-height:var(--btn-height-sm);padding:var(--btn-padding-sm);font-size:var(--btn-font-sm);border-radius:var(--btn-radius-sm)}.btn-md{min-height:var(--btn-height-md);padding:var(--btn-padding-md);font-size:var(--btn-font-md);border-radius:var(--btn-radius-md)}.btn-lg{min-height:var(--btn-height-lg);padding:var(--btn-padding-lg);font-size:var(--btn-font-lg);border-radius:var(--btn-radius-lg)}.btn-icon-only{padding:0;width:var(--btn-height-sm);height:var(--btn-height-sm);display:inline-flex;align-items:center;justify-content:center}.btn-icon-only.btn-xs{width:var(--btn-height-xs);height:var(--btn-height-xs)}.btn-icon-only.btn-md{width:var(--btn-height-md);height:var(--btn-height-md)}.btn-icon-only.btn-lg{width:var(--btn-height-lg);height:var(--btn-height-lg)}.btn-group{display:flex;gap:.5rem}.btn-group-sm{gap:.375rem}.btn-group-xs{gap:.25rem}:root{--form-bg: var(--gray-50);--form-border: var(--gray-200);--form-focus-border: var(--primary-500);--form-hover-border: var(--gray-300);--form-disabled-bg: var(--gray-100);--form-disabled-color: var(--gray-500);--form-padding: 8px 12px;--form-radius: 6px;--form-gap: .5rem;--label-size: .7rem;--label-weight: 500;--label-color: var(--gray-500);--label-spacing: .05em}@media (prefers-color-scheme: dark){:root{--form-bg: var(--gray-700);--form-border: var(--gray-600);--form-hover-border: var(--gray-500);--form-disabled-bg: var(--gray-800);--label-color: var(--gray-400)}}.form-field{display:flex;flex-direction:column;gap:.25rem;margin-bottom:1rem}.form-field:last-child{margin-bottom:0}.form-label{font-size:var(--label-size);font-weight:var(--label-weight);color:var(--label-color);text-transform:uppercase;letter-spacing:var(--label-spacing);display:block}.form-label-required:after{content:" *";color:var(--danger-500)}.form-value-container{display:flex;align-items:center;justify-content:space-between;gap:var(--form-gap);width:100%;background:var(--form-bg);padding:var(--form-padding);border-radius:var(--form-radius);border:1px solid var(--form-border);transition:border-color .15s ease}.form-value-container:hover{border-color:var(--form-hover-border)}.form-value-container:focus-within{border-color:var(--form-focus-border);box-shadow:0 0 0 3px rgba(var(--primary-rgb),.1)}.form-input,.form-textarea,.form-select{width:100%;background:var(--form-bg);padding:var(--form-padding);border-radius:var(--form-radius);border:1px solid var(--form-border);font-size:.875rem;color:var(--text-primary);transition:all .15s ease}.form-input:hover,.form-textarea:hover,.form-select:hover{border-color:var(--form-hover-border)}.form-input:focus,.form-textarea:focus,.form-select:focus{outline:none;border-color:var(--form-focus-border);box-shadow:0 0 0 3px rgba(var(--primary-rgb),.1)}.form-input:disabled,.form-textarea:disabled,.form-select:disabled{background:var(--form-disabled-bg);color:var(--form-disabled-color);cursor:not-allowed}.form-value{flex:1;font-size:.8rem;color:var(--gray-700);font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,monospace;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}@media (prefers-color-scheme: dark){.form-value{color:var(--gray-200)}}.form-actions{display:flex;gap:var(--form-gap);align-items:center;flex-shrink:0}.form-group{margin-bottom:1.5rem}.form-group-title{font-size:.9rem;font-weight:600;color:var(--text-primary);margin-bottom:.75rem}.form-field.error .form-input,.form-field.error .form-textarea,.form-field.error .form-select,.form-field.error .form-value-container{border-color:var(--danger-500)}.form-error{font-size:.75rem;color:var(--danger-500);margin-top:.25rem}.form-help{font-size:.75rem;color:var(--gray-500);margin-top:.25rem}@media (max-width: 768px){.form-value-container{padding:10px 12px}.form-actions{gap:.25rem}}:root{--card-bg: var(--color-surface);--card-border: var(--gray-200);--card-hover-border: var(--gray-300);--card-radius: .5rem;--card-padding: 1rem;--card-shadow: 0 1px 3px rgba(0, 0, 0, .1);--card-hover-shadow: 0 2px 8px rgba(0, 0, 0, .1);--card-min-height: 160px;--card-transition: all .15s ease-in-out;--card-hover-transform: translateY(-2px)}@media (prefers-color-scheme: dark){:root{--card-bg: var(--gray-800);--card-border: var(--gray-700);--card-hover-border: var(--gray-600);--card-shadow: 0 1px 3px rgba(0, 0, 0, .3);--card-hover-shadow: 0 2px 8px rgba(0, 0, 0, .3)}}.card-grid{display:grid;gap:1rem;align-items:start}.card-grid-auto{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.card-grid-2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));max-width:800px}.card-grid-3{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--card-radius);padding:var(--card-padding);min-height:var(--card-min-height);display:flex;flex-direction:column;transition:var(--card-transition);position:relative;overflow:hidden}.card:hover{border-color:var(--card-hover-border);box-shadow:var(--card-hover-shadow);transform:var(--card-hover-transform)}.card:focus-within{outline:2px solid var(--primary-color);outline-offset:2px}.card-content{display:flex;flex-direction:column;gap:1rem;flex:1}.card-header{display:flex;align-items:start;justify-content:space-between;gap:1rem}.card-body{flex:1}.card-footer{display:flex;align-items:center;justify-content:space-between;gap:.5rem;border-top:1px solid var(--card-border);padding-top:.75rem;margin-top:auto}.card-title{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0 0 .75rem;line-height:1.2;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.card-subtitle{font-size:.875rem;color:var(--text-secondary);margin:0 0 .5rem}.card-text{font-size:.875rem;color:var(--text-primary);line-height:1.5}.card.loading{opacity:.6;pointer-events:none}.card.selected{border-color:var(--primary-500);box-shadow:0 0 0 3px rgba(var(--primary-rgb),.2)}.card.disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.card.error{border-color:var(--danger-500);background:var(--danger-50)}@media (prefers-color-scheme: dark){.card.error{background:rgba(var(--danger-rgb),.1)}}.card-actions{display:flex;gap:.5rem;align-items:center}.card-actions-vertical{flex-direction:column;align-items:stretch}.card-actions-end{justify-content:flex-end}.card-actions-center{justify-content:center}@media (max-width: 1024px){.card-grid-auto{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}}@media (max-width: 768px){.card-grid,.card-grid-auto,.card-grid-2,.card-grid-3{grid-template-columns:1fr;gap:.75rem}.card{--card-padding: 1rem}}@media (prefers-reduced-motion: reduce){.card{transition:none}.card:hover{transform:none}}.card-skeleton{background:var(--gray-100);border:1px solid var(--gray-200);border-radius:var(--card-radius);padding:var(--card-padding);min-height:var(--card-min-height);position:relative;overflow:hidden}.card-skeleton:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#fff0,#ffffff4d,#fff0);animation:shimmer 1.5s infinite}.app-container{max-width:800px;margin:0 auto;padding:20px;min-height:100vh}.app-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;padding:20px;background:var(--bg-header);border-radius:12px;box-shadow:var(--shadow-md);color:#fff;transition:box-shadow .3s ease}.app-header h1{margin:0 0 5px;font-size:28px;font-weight:700}.app-header p{margin:0;opacity:.9;font-size:14px}.main-content{display:flex;flex-direction:column;gap:20px}.section{background:var(--bg-primary);border-radius:12px;padding:20px;box-shadow:var(--shadow-sm);border:1px solid var(--border-color)}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.section-title{font-size:18px;font-weight:600;color:var(--text-primary)}.sidebar-overlay{position:fixed;inset:0;background-color:#0000004d;z-index:998;opacity:0;animation:fadeIn .2s ease-out forwards}@keyframes fadeIn{to{opacity:1}}.sidebar{position:fixed;top:0;left:0;height:100vh;background:var(--bg-primary);border-right:1px solid var(--border-color);z-index:999;transition:width .3s ease,transform .3s ease;overflow-x:hidden;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--border-color) transparent}.sidebar::-webkit-scrollbar{width:4px}.sidebar::-webkit-scrollbar-track{background:transparent}.sidebar::-webkit-scrollbar-thumb{background-color:var(--border-color);border-radius:2px}.sidebar-open{width:280px;transform:translate(0)}.sidebar-closed{width:72px;transform:translate(0);overflow:hidden}.sidebar-closed .sidebar-header{overflow:hidden;padding:.75rem;justify-content:center;min-height:64px;border-bottom:1px solid var(--border-color)}.sidebar-closed .sidebar-brand{overflow:hidden;justify-content:center;width:100%;margin:0;padding:0}.sidebar-toggle-collapsed{display:flex;align-items:center;justify-content:center;width:40px;height:40px;margin:0 auto;border:none;background:var(--bg-secondary);border-radius:8px;color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.sidebar-toggle-collapsed:hover{background:var(--accent-primary);color:#fff;transform:scale(1.05)}.sidebar-toggle-collapsed svg{animation:slideArrow 1.5s ease-in-out infinite}@keyframes slideArrow{0%,to{transform:translate(0)}50%{transform:translate(3px)}}.sidebar-toggle-collapsed:hover svg{animation:none;transform:translate(2px)}@media (max-width: 768px){.sidebar{width:280px!important;transform:translate(-100%);box-shadow:0 4px 16px #0000001a}.sidebar-open{transform:translate(0)}.sidebar-toggle-collapsed{width:36px;height:36px}}.sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.2rem;border-bottom:1px solid var(--border-color);min-height:64px}.sidebar-brand{display:flex;align-items:center;gap:.8rem;overflow:hidden}.brand-icon{font-size:1.5rem;flex-shrink:0}.brand-text h2{font-size:1.1rem;font-weight:600;color:var(--text-primary);margin:0;line-height:1.2}.brand-text p{font-size:.7rem;color:var(--text-secondary);margin:0;line-height:1.2}.sidebar-toggle{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:var(--bg-secondary);border-radius:8px;color:var(--text-secondary);cursor:pointer;transition:all .2s ease;flex-shrink:0}.sidebar-toggle:hover{background:var(--accent-primary);color:#fff;transform:scale(1.05)}.sidebar-nav{flex:1;padding:1rem 0}.nav-menu{list-style:none;padding:0;margin:0}.nav-item{margin-bottom:.25rem}.nav-link{display:flex;align-items:center;padding:.8rem 1.2rem;color:var(--text-secondary);text-decoration:none;transition:all .2s ease;position:relative;border-radius:0;gap:.8rem}.nav-link:hover{background:var(--bg-secondary);color:var(--text-primary)}.nav-link-active{background:var(--accent-light);color:var(--accent-primary);border-right:3px solid var(--accent-primary)}.nav-link-active:hover{background:var(--accent-light);color:var(--accent-primary)}.nav-icon{flex-shrink:0;opacity:.8}.nav-link-active .nav-icon{opacity:1}.nav-content{display:flex;flex-direction:column;gap:.1rem;overflow:hidden}.nav-label{font-size:.9rem;font-weight:500;line-height:1.2}.nav-description{font-size:.75rem;opacity:.7;line-height:1.2}.sidebar-footer{padding:1rem 1.2rem;border-top:1px solid var(--border-color);margin-top:auto}.footer-info{text-align:center}.footer-version{font-size:.75rem;color:var(--text-secondary);margin:0 0 .25rem}.footer-copyright{font-size:.7rem;color:var(--text-tertiary);margin:0}.app-layout{display:flex;min-height:100vh;background:var(--bg-primary)}.main-content{flex:1;display:flex;flex-direction:column;margin-left:72px;transition:margin-left .3s ease}.content-shifted{margin-left:280px}@media (max-width: 768px){.main-content,.content-shifted{margin-left:0}}.app-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;background:var(--bg-primary);border-bottom:1px solid var(--border-color);position:sticky;top:0;z-index:100;gap:1rem;min-height:64px}.header-left{display:flex;align-items:center;gap:1rem;flex:1;min-width:0}.mobile-menu-button{display:none;align-items:center;justify-content:center;width:36px;height:36px;border:none;background:transparent;border-radius:6px;color:var(--text-secondary);cursor:pointer;transition:all .2s ease;padding:0}.mobile-menu-button:hover{background:var(--bg-tertiary);color:var(--text-primary)}@media (max-width: 768px){.mobile-menu-button{display:flex;flex-shrink:0}.app-header{padding:.75rem 1rem;gap:.75rem}.header-left{gap:.75rem}.page-title{font-size:1.1rem}}.page-title{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header-right{display:flex;align-items:center;gap:1rem;flex-shrink:0}.user-info{display:flex;align-items:center;gap:.5rem;color:var(--text-secondary);font-size:.9rem}.user-name{font-weight:500;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width: 768px){.header-right{gap:.5rem}.user-info{font-size:.85rem;gap:.25rem}.user-name{max-width:100px}}.logout-button{display:flex;align-items:center;gap:.5rem;color:var(--text-secondary);background:transparent;border:none;padding:.5rem .8rem;border-radius:6px;cursor:pointer;transition:all .2s ease;text-decoration:none}.logout-button:hover{background:var(--bg-secondary);color:var(--text-primary)}.logout-text{font-size:.9rem}@media (max-width: 480px){.logout-text,.user-info{display:none}.page-title{font-size:1rem}}.page-content{flex:1;padding:0 2rem;overflow:auto}@media (max-width: 768px){.page-content{padding:0 1rem}}@media (prefers-color-scheme: dark){.sidebar{background:var(--bg-primary);border-right-color:var(--border-color)}.sidebar-toggle{background:var(--bg-secondary);color:var(--text-secondary)}.sidebar-toggle:hover{background:var(--bg-tertiary);color:var(--text-primary)}.nav-link:hover{background:var(--bg-secondary)}.nav-link-active{background:var(--accent-light);color:var(--accent-primary)}}@media (min-width: 769px){.sidebar-overlay{display:none!important}}@media (max-width: 768px){.sidebar{position:fixed!important;left:0!important;top:0!important;width:280px!important;height:100vh!important;transform:translate(-100%)!important;z-index:999!important}.sidebar.sidebar-open{transform:translate(0)!important}.main-content{margin-left:0!important;width:100%!important}.content-shifted{margin-left:0!important}.page-content{width:100%;max-width:100%}.dashboard-welcome{position:relative;z-index:1}}@media (min-width: 769px){.sidebar{width:72px!important}.sidebar.sidebar-open{width:280px!important}.main-content{margin-left:72px!important;transition:margin-left .3s ease}.main-content.content-shifted{margin-left:280px!important}}.app-layout{display:flex;min-height:100vh;position:relative}.main-content{flex:1;min-width:0;background:var(--bg-primary)}.dashboard-container{width:100%;max-width:100%;padding:0}.password-search-container{width:100%;padding:0;margin:0}.dashboard-container{padding:0;margin:0;min-height:100%}.dashboard-welcome{margin-bottom:2rem;padding:1.5rem 0;border-bottom:1px solid var(--border-color)}.welcome-title{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin:0 0 .5rem;line-height:1.3}.welcome-subtitle{font-size:.95rem;color:var(--text-secondary);margin:0;line-height:1.4}@media (max-width: 768px){.dashboard-welcome{padding:1rem 0;margin-bottom:1.5rem}.welcome-title{font-size:1.25rem}.welcome-subtitle{font-size:.9rem}}@media (prefers-color-scheme: dark){.welcome-title{color:var(--text-primary)}.welcome-subtitle{color:var(--text-secondary)}}.page-title-section{display:flex;flex-direction:column;gap:2px}.page-title-row{display:flex;align-items:center;gap:12px}.stats-inline{display:flex;gap:6px;align-items:center}.stat-badge{display:flex;align-items:center;gap:4px;padding:4px 8px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;font-size:12px;color:var(--text-secondary);transition:all .2s ease;cursor:default}.stat-badge:hover{transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.stat-badge span{font-weight:600}.stat-password{color:#4f46e5!important;border-color:#4f46e54d!important;background:#4f46e50d!important}.stat-creditcard{color:#f59e0b!important;border-color:#f59e0b4d!important;background:#f59e0b0d!important}.stat-apikey{color:#10b981!important;border-color:#10b9814d!important;background:#10b9810d!important}.page-title{margin:0;font-size:1.5rem;font-weight:600;color:var(--text-primary, #333);line-height:1.2}.page-subtitle-header{margin:0;font-size:.85rem;color:var(--text-secondary, #666);line-height:1.3}@media (max-width: 768px){.app-header{display:grid;grid-template-columns:auto 1fr auto;align-items:center;padding:.75rem 1rem;gap:.75rem;min-height:56px}.header-left{display:contents}.mobile-menu-button{grid-column:1;width:36px;height:36px;display:flex;align-items:center;justify-content:center}.page-title-section{grid-column:2;padding:0 .5rem}.page-title-row{flex-direction:column;align-items:flex-start;gap:4px}.stats-inline{gap:4px}.stat-badge{font-size:10px;padding:2px 6px;gap:2px}.page-title{font-size:1.1rem;text-align:left;margin:0}.page-subtitle-header{font-size:.75rem;color:var(--text-secondary, #666);margin:2px 0 0;line-height:1.2}.header-right{grid-column:3;justify-content:flex-end}}@media (max-width: 480px){.app-header{padding:.75rem;gap:.5rem}.page-title-section{padding:0 .25rem}.page-title{font-size:1rem}.page-subtitle-header{font-size:.7rem}.logout-button{width:32px;height:32px;padding:0;min-width:auto}.logout-button svg{width:16px;height:16px}}@media (max-width: 360px){.page-title{font-size:.95rem}.page-subtitle-header{font-size:.65rem}.mobile-menu-button{width:32px;height:32px}}@media (max-width: 768px){.page-content{padding:.75rem}.dashboard-container{width:100%;max-width:none}.password-search-container,.password-list-container{padding:0;margin:0;width:100%}.password-list-grid{grid-template-columns:1fr;gap:.75rem;margin:.75rem 0;padding:0;width:100%}.password-item{width:100%;margin:0;box-sizing:border-box}.search-bar-container{width:100%;padding:0;margin-bottom:.75rem}.search-bar{width:100%}.dashboard-welcome{padding:1rem 0;margin:0 0 1rem}}@media (max-width: 480px){.page-content{padding:.5rem}.password-list-grid{gap:.5rem;margin:.5rem 0}.password-item{padding:.875rem}.password-item-value-container{padding:8px 10px}.dashboard-welcome{padding:.75rem 0;margin-bottom:.75rem}}@media (max-width: 360px){.page-content{padding:.375rem}.password-list-grid{gap:.375rem}.password-item{padding:.75rem;min-height:140px}.password-item-title{font-size:.95rem}.password-item-value{font-size:.75rem}}.full-width-mobile{@media (max-width: 768px){width:100%!important;max-width:none!important;margin-left:0!important;margin-right:0!important}}html,body,.app-layout{overflow-x:hidden;width:100%}.main-content{overflow-x:hidden;width:100%;max-width:100%}.page-content,.dashboard-container,.password-search-container{overflow-x:hidden;width:100%;max-width:100%;box-sizing:border-box}.password-list-grid{width:100%;max-width:100%;box-sizing:border-box;overflow-x:hidden}.password-card-modern,.password-item{width:100%!important;max-width:100%!important;box-sizing:border-box!important}@media (max-width: 768px){.page-content{padding-left:.75rem;padding-right:.75rem}.password-list-grid{margin-left:0;margin-right:0;padding-left:0;padding-right:0}.field-content{max-width:100%;overflow:hidden}.field-value{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.field-actions,.card-actions{flex-shrink:0;overflow:hidden}}@media (max-width: 480px){.page-content{padding-left:.5rem;padding-right:.5rem}}@viewport{width:device-width;initial-scale:1;maximum-scale:1;user-scalable:no}.dashboard-actions{display:flex;align-items:center;gap:24px}.header-action-item{color:#fff;font-size:16px;font-weight:500;cursor:pointer;padding:8px 12px;border-radius:6px;transition:all .2s ease;user-select:none;text-decoration:none}.header-action-item:hover{color:#fffc;background-color:#ffffff1a;transform:translateY(-1px)}.header-action-item:active{transform:translateY(0) scale(.98);background-color:#fff3}.logout-item{font-size:24px;padding:6px;border-radius:8px}.logout-item:hover{transform:scale(1.1);background-color:#ffffff1a}.logout-item:active{transform:scale(.95)}@media (max-width: 768px){.dashboard-actions{gap:16px}.header-action-item{font-size:14px;padding:6px 8px}.logout-item{font-size:20px;padding:4px}.search-header-actions{width:100%;justify-content:center;gap:.75rem}.add-password-button{flex:1;max-width:200px;min-width:auto}}@media (max-width: 425px){.dashboard-actions{gap:12px}.header-action-item:not(.logout-item){font-size:0;padding:8px;position:relative}.header-action-item:not(.logout-item):before{font-size:18px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.header-action-item:nth-child(1):before{content:"📊"}.header-action-item:nth-child(2):before{content:"⚙️"}.logout-item{font-size:18px}}.theme-dark .header-action-item{color:#ffffffe6}.theme-dark .header-action-item:hover{color:#ffffffb3;background-color:#ffffff0d}.header-action-item:focus-visible{outline:2px solid rgba(255,255,255,.8);outline-offset:2px}@media (prefers-reduced-motion: reduce){.header-action-item{transition:none!important;transform:none!important}.header-action-item:hover,.header-action-item:active,.logout-item:hover,.logout-item:active{transform:none!important}}@media (prefers-contrast: high){.header-action-item{border:1px solid rgba(255,255,255,.3)}.header-action-item:hover{border-color:#fff9}}.search-header-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.add-password-button{min-width:120px}@media (max-width: 425px){.dashboard-actions{gap:12px}.header-action-item:not(.logout-item){font-size:0;padding:8px;position:relative}.header-action-item:not(.logout-item):before{font-size:18px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.header-action-item:nth-child(1):before{content:"📊"}.header-action-item:nth-child(2):before{content:"⚙️"}.logout-item{font-size:18px}.add-password-button .btn-text{display:none}.add-password-button{min-width:44px;width:44px;justify-content:center}.search-header-actions{gap:12px}}.theme-dark .menu-dropdown{background:var(--bg-primary);border-color:var(--border-color);box-shadow:0 8px 24px #0000004d}.theme-dark .menu-item:hover{background:var(--bg-secondary)}.theme-dark .menu-item:active{background:var(--bg-tertiary)}.menu-button:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}.menu-item:focus-visible{outline:2px solid var(--primary-color);outline-offset:-2px;background:var(--bg-secondary)}.menu-overlay{position:fixed;inset:0;z-index:99}@media (prefers-reduced-motion: reduce){.menu-dropdown{animation:none}.menu-item{transition:none}}.settings-modal .modal-content{max-width:500px}.settings-content{display:flex;flex-direction:column;gap:24px}.settings-section{display:flex;flex-direction:column;gap:16px}.settings-section-title{font-size:16px;font-weight:600;color:var(--text-primary);margin:0;padding-bottom:8px;border-bottom:1px solid var(--border-color)}.settings-row{display:flex;align-items:center;justify-content:space-between;padding:12px 0;gap:16px;min-height:48px}.settings-row-label{flex:1;display:flex;flex-direction:column;gap:4px}.settings-row-control{flex-shrink:0;display:flex;align-items:center}.settings-item{display:flex;flex-direction:column;gap:6px}.settings-label{font-size:14px;font-weight:500;color:var(--text-primary)}.settings-description{font-size:12px;color:var(--text-secondary);opacity:.8}.settings-toggle{position:relative;display:inline-block;width:44px;height:24px}.settings-toggle input{opacity:0;width:0;height:0}.settings-toggle-slider{position:absolute;cursor:pointer;inset:0;background-color:var(--border-color);transition:.3s;border-radius:24px}.settings-toggle-slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.3s;border-radius:50%;box-shadow:0 1px 3px #0003}.settings-toggle input:checked+.settings-toggle-slider{background-color:var(--primary-color)}.settings-toggle input:checked+.settings-toggle-slider:before{transform:translate(20px)}.settings-toggle:hover .settings-toggle-slider{box-shadow:0 0 0 8px #667eea1a}.theme-toggle-container{display:flex;align-items:center;padding:8px 0}.settings-select{width:120px;padding:8px 12px;border:1px solid var(--border-color);border-radius:6px;font-size:14px;background:var(--bg-primary);color:var(--text-primary);cursor:pointer}.settings-select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px #667eea1a}.settings-action-group{display:flex;flex-direction:column;gap:12px}.settings-action-button{justify-content:flex-start;text-align:left}.settings-info-box{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;padding:16px;margin-top:12px}.settings-info-text{font-size:13px;color:var(--text-secondary);margin:0 0 8px;line-height:1.4}.settings-info-text:last-child{margin-bottom:0}.settings-footer{display:flex;align-items:center;justify-content:space-between;padding-top:16px;border-top:1px solid var(--border-color);margin-top:8px}.settings-footer-info{display:flex;flex-direction:column;gap:4px}.settings-version,.settings-build{font-size:12px;color:var(--text-secondary)}.settings-footer-actions{display:flex;gap:8px}.settings-checkbox{display:flex;align-items:center;gap:8px;cursor:pointer;padding:4px 0}.settings-checkbox input[type=checkbox]{width:16px;height:16px;margin:0;cursor:pointer}.settings-checkbox-text{font-size:14px;color:var(--text-primary);user-select:none}.settings-info{flex:1}.settings-actions{display:flex;gap:8px}.theme-dark .settings-select{background:var(--bg-secondary);border-color:var(--border-color);color:var(--text-primary)}.theme-dark .settings-select:focus{background:var(--bg-primary)}.theme-dark .settings-toggle-slider:before{background-color:var(--bg-primary)}@media (max-width: 768px){.settings-modal .modal-content{width:95%;max-width:none}.settings-content{gap:20px}.settings-section{gap:12px}.settings-row{flex-direction:column;align-items:flex-start;gap:8px;min-height:auto}.settings-row-control{align-self:flex-end;width:auto;margin-top:8px}.settings-select{width:100px}.settings-footer{flex-direction:column;gap:12px;text-align:center}.settings-footer .settings-footer-actions{order:-1;width:100%}.settings-footer-actions .btn{flex:1}}.settings-checkbox:focus-within{outline:2px solid var(--primary-color);outline-offset:2px;border-radius:4px}.settings-select:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}.settings-toggle:focus-within{outline:2px solid var(--primary-color);outline-offset:2px;border-radius:24px}@media (prefers-contrast: high){.settings-section-title,.settings-footer,.settings-select{border-width:2px}.settings-checkbox input[type=checkbox],.settings-toggle-slider{border:2px solid var(--text-primary)}}.sort-controls,.filter-controls{display:flex;align-items:center;gap:.5rem}.sort-select,.filter-select{padding:6px 32px 6px 8px;border:1px solid var(--gray-300);border-radius:6px;font-size:.875rem;background:var(--bg-primary);color:var(--text-primary);cursor:pointer;min-width:120px;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%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%3cpolyline points='6,9 12,15 18,9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 8px center;background-size:14px}.sort-select:focus,.filter-select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px #3b82f61a}.sort-order-toggle{min-width:36px;padding:6px}.sort-order-toggle .btn-icon{font-size:1rem}.sort-controls.active .sort-select,.filter-controls.active .filter-select{border-color:var(--primary-color);background-color:#3b82f60d}.sort-order-toggle.active{background-color:var(--primary-color);color:#fff;border-color:var(--primary-color)}@media (prefers-color-scheme: dark){.sort-select,.filter-select{background:var(--bg-secondary);border-color:var(--gray-600);color:var(--text-primary)}.sort-select:focus,.filter-select:focus{border-color:var(--primary-color);background:var(--bg-primary)}}@media (max-width: 768px){.sort-controls,.filter-controls{flex-direction:column;width:100%;gap:.25rem}.sort-select,.filter-select,.sort-order-toggle{width:100%;min-width:auto}}.sort-select:hover,.filter-select:hover{border-color:var(--gray-400);background-color:#00000005}.sort-order-toggle:hover{transform:translateY(-1px)}.password-search-controls{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem;padding:1rem;background:var(--bg-secondary);border-radius:8px;border:1px solid var(--border-color)}.password-search-controls .controls-left,.password-search-controls .controls-right{display:flex;align-items:center;gap:1rem}.filter-controls:before{content:"필터:";font-size:.875rem;color:var(--text-secondary);font-weight:500;white-space:nowrap}.sort-controls:before{content:"정렬:";font-size:.875rem;color:var(--text-secondary);font-weight:500;white-space:nowrap}@media (max-width: 768px){.password-search-controls{flex-direction:column;align-items:stretch;gap:.75rem}.password-search-controls .controls-left,.password-search-controls .controls-right{width:100%}.filter-controls:before,.sort-controls:before{display:none}}.filter-select.has-filter{border-color:var(--primary-color);background-color:#3b82f61a;font-weight:600}.sort-select.has-sort{border-color:#10b981;background-color:#10b9811a}.filter-reset-button{padding:4px 8px;font-size:.75rem;opacity:.8;transition:all .2s ease}.filter-reset-button:hover{opacity:1;background-color:#ef44441a;color:#ef4444;transform:scale(1.05)}.btn{padding:10px 20px;border:none;border-radius:6px;cursor:pointer;font-weight:600;font-size:14px;transition:all .2s ease;text-decoration:none;display:inline-flex;align-items:center;gap:8px}.btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.btn-primary{background-color:var(--success-color);color:#fff}.btn-primary:hover:not(:disabled){background-color:#218838}.btn-danger{background-color:var(--danger-color);color:#fff}.btn-danger:hover:not(:disabled){background-color:#c82333}.btn-secondary{background-color:var(--text-secondary);color:#fff}.btn-secondary:hover:not(:disabled){background-color:#5a6268}.btn-info{background-color:var(--info-color);color:#fff}.btn-info:hover:not(:disabled){background-color:#138496}.btn-warning{background-color:var(--warning-color);color:#fff}.btn-warning:hover:not(:disabled){background-color:#e0a800}.btn-sm{padding:6px 12px;font-size:12px}.btn-lg{padding:12px 24px;font-size:16px}.btn-outline{background:transparent;border:2px solid var(--primary-color);color:var(--primary-color)}.btn-outline:hover:not(:disabled){background:var(--primary-color);color:#fff}.btn-icon{padding:8px;border-radius:50%;min-width:40px;min-height:40px;justify-content:center}.card{background:var(--bg-primary);border-radius:10px;box-shadow:var(--shadow-sm);overflow:hidden;transition:box-shadow .2s ease,background-color .3s ease}.card:hover{box-shadow:var(--shadow-lg)}.card-body{padding:20px}.card-header{padding:15px 20px;background:var(--bg-secondary);border-bottom:1px solid var(--border-color);font-weight:600}.card-footer{padding:15px 20px;background:var(--bg-secondary);border-top:1px solid var(--border-color)}.form-group{margin-bottom:15px}.form-label{display:block;margin-bottom:5px;font-weight:600;color:var(--text-primary)}.form-input{width:100%;padding:10px 12px;border:2px solid var(--border-color);border-radius:6px;font-size:14px;background-color:var(--bg-primary);color:var(--text-primary);transition:border-color .2s ease,background-color .3s ease,color .3s ease}.form-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #667eea1a}.form-input.error{border-color:var(--danger-color)}.form-error{color:var(--danger-color);font-size:12px;margin-top:5px}.form-textarea{resize:vertical;min-height:80px}.form-select{appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3e%3cpath d='M7 10l5 5 5-5z'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 8px center;background-size:20px;padding-right:35px}.form-row{display:flex;gap:15px}.form-row .form-group{flex:1}.form-inline{display:flex;align-items:center;gap:10px}.form-inline .form-group{margin-bottom:0}.modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;animation:fadeIn .3s ease-in-out}.modal-content{background:var(--bg-primary);padding:30px;border-radius:12px;width:90%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:0 10px 30px #0000004d;transition:background-color .3s ease;border:1px solid var(--border-color);animation:slideUp .3s ease-out}.modal-header{margin-bottom:20px;display:flex;justify-content:space-between;align-items:center}.modal-header h3{margin:0;color:var(--text-primary);font-size:20px;font-weight:600}.modal-close{background:none;border:none;font-size:24px;cursor:pointer;color:var(--text-secondary);padding:5px;border-radius:4px;transition:background-color .2s ease}.modal-close:hover{background-color:var(--bg-secondary)}.modal-body{margin-bottom:20px;color:var(--text-primary);line-height:1.6}.modal-footer{display:flex;gap:10px;justify-content:flex-end;padding-top:20px;border-top:1px solid var(--border-color)}.confirm-dialog .modal-content{max-width:400px}.confirm-dialog .modal-body{text-align:center;padding:20px 0}.confirm-dialog .modal-footer{justify-content:center}.modal-sm .modal-content{max-width:400px}.modal-lg .modal-content{max-width:700px}.modal-xl .modal-content{max-width:900px}.modal-fullscreen .modal-content{width:95vw;height:95vh;max-width:none;max-height:none;margin:2.5vh auto}@media (max-width: 768px){.modal-overlay{padding:0;align-items:flex-start;overflow-y:auto}.modal-content{width:100%;min-height:100vh;min-height:-webkit-fill-available;height:auto;max-width:100%;max-height:none;border-radius:0;margin:0;padding:0;overflow:visible;display:flex;flex-direction:column;padding-bottom:env(safe-area-inset-bottom)}.modal-sm .modal-content,.modal-md .modal-content,.modal-lg .modal-content,.modal-xl .modal-content{max-width:100%;width:100%;min-height:100vh;min-height:-webkit-fill-available;height:auto;max-height:none}.modal-header{padding:16px 20px;margin:0;border-bottom:1px solid var(--border-color);flex-shrink:0}.modal-body{padding:20px;margin:0;flex:1 1 auto;overflow-y:auto;-webkit-overflow-scrolling:touch;min-height:0}.modal-footer{padding:16px 20px;padding-bottom:calc(16px + env(safe-area-inset-bottom));margin:auto 0 0;border-top:1px solid var(--border-color);flex-shrink:0;background:var(--bg-primary)}}.loading{display:flex;justify-content:center;align-items:center;padding:40px;color:var(--text-secondary)}.loading:before{content:"";width:20px;height:20px;border:2px solid var(--border-color);border-top:2px solid var(--primary-color);border-radius:50%;animation:spin 1s linear infinite;margin-right:10px}.empty-state{text-align:center;padding:60px 20px;color:var(--text-secondary)}.empty-state h3{margin-bottom:10px;color:var(--text-muted)}.empty-state p{margin-bottom:20px}.hidden{display:none!important}.invisible{visibility:hidden}.text-muted{color:var(--text-muted)!important}.text-primary{color:var(--primary-color)!important}.text-success{color:var(--success-color)!important}.text-danger{color:var(--danger-color)!important}.text-warning{color:var(--warning-color)!important}.mt-0{margin-top:0!important}.mt-1{margin-top:5px!important}.mt-2{margin-top:10px!important}.mt-3{margin-top:15px!important}.mt-4{margin-top:20px!important}.mb-0{margin-bottom:0!important}.mb-1{margin-bottom:5px!important}.mb-2{margin-bottom:10px!important}.mb-3{margin-bottom:15px!important}.mb-4{margin-bottom:20px!important}.pt-0{padding-top:0!important}.pt-1{padding-top:5px!important}.pt-2{padding-top:10px!important}.pt-3{padding-top:15px!important}.pt-4{padding-top:20px!important}.pb-0{padding-bottom:0!important}.pb-1{padding-bottom:5px!important}.pb-2{padding-bottom:10px!important}.pb-3{padding-bottom:15px!important}.pb-4{padding-bottom:20px!important}.d-flex{display:flex!important}.flex-column{flex-direction:column!important}.justify-content-center{justify-content:center!important}.justify-content-between{justify-content:space-between!important}.align-items-center{align-items:center!important}.flex-wrap{flex-wrap:wrap!important}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.fade-in{animation:fadeIn .3s ease-in-out}.slide-up{animation:slideUp .3s ease-out}.pulse{animation:pulse 2s infinite}.modal-overlay{position:fixed;inset:0;background:#00000080;backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:20px;z-index:1000;animation:modalOverlayFadeIn .2s ease-out}.modal-content{background:var(--bg-primary);border-radius:16px;box-shadow:0 20px 40px #00000026,0 4px 12px #0000001a;border:1px solid var(--border-color);max-height:90vh;display:flex;flex-direction:column;animation:modalContentSlideIn .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.modal-sm{width:100%;max-width:400px}.modal-md{width:100%;max-width:500px}.modal-lg{width:100%;max-width:700px}.modal-xl{width:100%;max-width:900px}.modal-header{display:flex;align-items:flex-start;justify-content:space-between;padding:20px 24px 16px;border-bottom:1px solid var(--border-color);flex-shrink:0}.modal-title-section{flex:1;min-width:0}.modal-title{margin:0;font-size:18px;font-weight:600;color:var(--text-primary);display:flex;align-items:center;gap:8px;line-height:1.4}.modal-icon{font-size:20px;flex-shrink:0}.modal-subtitle{margin:4px 0 0;font-size:14px;color:var(--text-secondary);opacity:.8}.modal-close-button{background:none;border:none;font-size:18px;color:var(--text-secondary);cursor:pointer;padding:8px;border-radius:6px;transition:all .2s ease;flex-shrink:0;margin-left:16px;line-height:1;width:32px;height:32px;display:flex;align-items:center;justify-content:center}.modal-close-button:hover{background:var(--bg-secondary);color:var(--text-primary);transform:scale(1.1)}.modal-close-button:active{transform:scale(.95)}.modal-close-button:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}.modal-body{padding:20px 24px;overflow-y:auto;flex:1;min-height:0}.modal-body::-webkit-scrollbar{width:6px}.modal-body::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:3px}.modal-body::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.modal-body::-webkit-scrollbar-thumb:hover{background:var(--border-hover)}.modal-footer{display:flex;align-items:center;justify-content:space-between;padding:16px 24px 20px;border-top:1px solid var(--border-color);flex-shrink:0;gap:16px}.modal-footer>div:last-child{display:flex;gap:8px;flex-shrink:0}.modal-footer .btn{min-width:80px}.theme-dark .modal-content{background:var(--bg-primary);border-color:var(--border-color);box-shadow:0 20px 40px #0006,0 4px 12px #0000004d}.theme-dark .modal-overlay{background:#000000b3}@media (max-width: 768px){.modal-overlay{padding:10px;align-items:flex-end}.modal-content{width:100%!important;max-width:none!important;margin:0;border-radius:16px 16px 0 0;max-height:95vh;animation:modalContentSlideUp .3s cubic-bezier(.4,0,.2,1)}@keyframes modalContentSlideUp{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}.modal-header{padding:16px 20px 12px}.modal-title{font-size:16px}.modal-body{padding:16px 20px}.modal-footer{padding:12px 20px 16px;flex-direction:column;gap:12px}.modal-footer>div:last-child{width:100%;order:-1}.modal-footer .btn{width:100%;min-width:auto;height:48px}}@media (max-width: 375px){.modal-overlay{padding:5px}.modal-content{border-radius:12px 12px 0 0}.modal-header,.modal-body,.modal-footer{padding-left:16px;padding-right:16px}}@media (max-height: 500px) and (orientation: landscape){.modal-overlay{align-items:center;padding:10px}.modal-content{max-height:95vh;border-radius:16px;animation:modalContentSlideIn .3s cubic-bezier(.4,0,.2,1)}.modal-header{padding:12px 20px 8px}.modal-title{font-size:16px}.modal-body{padding:12px 20px}.modal-footer{padding:8px 20px 12px}}@media (prefers-contrast: high){.modal-content,.modal-header,.modal-footer{border-width:2px!important}.modal-close-button{border:1px solid var(--text-secondary)!important}}.modal-content.modal-danger .modal-header{border-bottom-color:var(--danger-color)}.modal-content.modal-danger .modal-title{color:var(--danger-color)}.modal-content.modal-success .modal-header{border-bottom-color:var(--success-color)}.modal-content.modal-success .modal-title{color:var(--success-color)}.modal-content.modal-warning .modal-header{border-bottom-color:var(--warning-color)}.modal-content.modal-warning .modal-title{color:var(--warning-color)}.modal-content.modal-loading{pointer-events:none;opacity:.7}.modal-content.modal-loading:after{content:"";position:absolute;inset:0;background:#fffc;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(2px)}.theme-dark .modal-content.modal-loading:after{background:#000c}.modal.settings-modal .modal-dialog .modal-content,.settings-modal.show .modal-dialog .modal-content{max-height:90vh;display:flex;flex-direction:column}.modal.settings-modal .modal-dialog .modal-content .modal-body,.settings-modal.show .modal-dialog .modal-content .modal-body{overflow-y:auto;overflow-x:hidden;max-height:calc(90vh - 180px);flex:1 1 auto;background:transparent;box-shadow:none;border:none;padding:0}.modal.settings-modal .modal-dialog .modal-content .modal-body .settings-content,.settings-modal.show .modal-dialog .modal-content .modal-body .settings-content{padding:0;background:transparent;box-shadow:none;border:none}.modal.settings-modal .modal-dialog .modal-content .modal-body .settings-section,.settings-modal.show .modal-dialog .modal-content .modal-body .settings-section{padding:24px 0;margin:0;border-bottom:1px solid var(--border-color, #e5e5e5)}.modal.settings-modal .modal-dialog .modal-content .modal-body .settings-section:first-child,.settings-modal.show .modal-dialog .modal-content .modal-body .settings-section:first-child{padding-top:0}.modal.settings-modal .modal-dialog .modal-content .modal-body .settings-section:last-child,.settings-modal.show .modal-dialog .modal-content .modal-body .settings-section:last-child{border-bottom:none;padding-bottom:0}.modal.settings-modal .modal-dialog .modal-content .modal-footer,.settings-modal.show .modal-dialog .modal-content .modal-footer{flex-shrink:0;position:relative;z-index:10;background:var(--bg-primary, #ffffff);border-top:2px solid var(--border-color, #e5e5e5);margin-top:0}.modal.settings-modal .modal-dialog .modal-content .modal-body::-webkit-scrollbar,.settings-modal.show .modal-dialog .modal-content .modal-body::-webkit-scrollbar{width:6px}.modal.settings-modal .modal-dialog .modal-content .modal-body::-webkit-scrollbar-track,.settings-modal.show .modal-dialog .modal-content .modal-body::-webkit-scrollbar-track{background:transparent}.modal.settings-modal .modal-dialog .modal-content .modal-body::-webkit-scrollbar-thumb,.settings-modal.show .modal-dialog .modal-content .modal-body::-webkit-scrollbar-thumb{background:#0003;border-radius:3px}.modal.settings-modal .modal-dialog .modal-content .modal-body::-webkit-scrollbar-thumb:hover,.settings-modal.show .modal-dialog .modal-content .modal-body::-webkit-scrollbar-thumb:hover{background:#0000004d}@media (max-width: 768px){.modal.settings-modal .modal-dialog .modal-content,.settings-modal.show .modal-dialog .modal-content{max-height:100vh;height:100vh;border-radius:0}.modal.settings-modal .modal-dialog .modal-content .modal-body,.settings-modal.show .modal-dialog .modal-content .modal-body{max-height:calc(100vh - 160px)}.modal.settings-modal .modal-dialog .modal-content .modal-body .settings-section,.settings-modal.show .modal-dialog .modal-content .modal-body .settings-section{padding:16px}}@media (max-height: 600px){.modal.settings-modal .modal-dialog .modal-content .modal-body,.settings-modal.show .modal-dialog .modal-content .modal-body{max-height:calc(90vh - 140px)}}.theme-dark .modal.settings-modal .modal-dialog .modal-content .modal-footer,.theme-dark .settings-modal.show .modal-dialog .modal-content .modal-footer{background:var(--bg-primary);border-top-color:var(--border-color)}.theme-dark .modal.settings-modal .modal-dialog .modal-content .modal-body::-webkit-scrollbar-track,.theme-dark .settings-modal.show .modal-dialog .modal-content .modal-body::-webkit-scrollbar-track{background:var(--bg-secondary)}.theme-dark .modal.settings-modal .modal-dialog .modal-content .modal-body::-webkit-scrollbar-thumb,.theme-dark .settings-modal.show .modal-dialog .modal-content .modal-body::-webkit-scrollbar-thumb{background:var(--border-color)}.modal.settings-modal .modal-dialog .modal-content,.settings-modal.show .modal-dialog .modal-content{transition:all .3s ease}.modal.settings-modal .modal-content .modal-body .btn,.settings-modal.show .modal-dialog .modal-content .btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;font-family:inherit;font-weight:500;line-height:1;border:1px solid transparent;border-radius:6px;cursor:pointer;transition:all .2s ease;text-decoration:none;white-space:nowrap;user-select:none;visibility:visible;opacity:1}.modal.settings-modal .modal-content .modal-body .btn.btn-sm,.settings-modal.show .modal-dialog .modal-content .btn.btn-sm{padding:6px 12px;font-size:.875rem;min-height:32px}.modal.settings-modal .modal-content .modal-body .settings-2fa-button,.settings-modal.show .modal-dialog .modal-content .settings-2fa-button{position:relative;z-index:10;cursor:pointer;display:inline-flex;visibility:visible;opacity:1;min-width:100px;min-height:32px}.modal.settings-modal .modal-content .modal-body .btn.btn-primary,.settings-modal.show .modal-dialog .modal-content .btn.btn-primary,.modal.settings-modal .modal-content .modal-body .settings-2fa-button.btn-primary,.settings-modal.show .modal-dialog .modal-content .settings-2fa-button.btn-primary{background-color:#3b82f6;border-color:#3b82f6;color:#fff}.modal.settings-modal .modal-content .modal-body .btn.btn-primary:hover:not(:disabled),.settings-modal.show .modal-dialog .modal-content .btn.btn-primary:hover:not(:disabled),.modal.settings-modal .modal-content .modal-body .settings-2fa-button.btn-primary:hover:not(:disabled),.settings-modal.show .modal-dialog .modal-content .settings-2fa-button.btn-primary:hover:not(:disabled){background-color:#2563eb;border-color:#2563eb;color:#fff;transform:translateY(-1px)}.modal.settings-modal .modal-content .modal-body .btn.btn-outline-danger,.settings-modal.show .modal-dialog .modal-content .btn.btn-outline-danger,.modal.settings-modal .modal-content .modal-body .settings-2fa-button.btn-outline-danger,.settings-modal.show .modal-dialog .modal-content .settings-2fa-button.btn-outline-danger{background-color:transparent;border-color:#ef4444;color:#ef4444}.modal.settings-modal .modal-content .modal-body .btn.btn-outline-danger:hover:not(:disabled),.settings-modal.show .modal-dialog .modal-content .btn.btn-outline-danger:hover:not(:disabled),.modal.settings-modal .modal-content .modal-body .settings-2fa-button.btn-outline-danger:hover:not(:disabled),.settings-modal.show .modal-dialog .modal-content .settings-2fa-button.btn-outline-danger:hover:not(:disabled){background-color:#ef4444;border-color:#ef4444;color:#fff;transform:translateY(-1px)}.modal.settings-modal .modal-content .modal-body .settings-row-control,.settings-modal.show .modal-dialog .modal-content .settings-row-control{position:relative;z-index:5;display:flex;align-items:center;min-height:40px}.modal.settings-modal .modal-content .modal-body .settings-row-control .btn,.settings-modal.show .modal-dialog .modal-content .settings-row-control .btn{position:relative;z-index:10}.modal.settings-modal .modal-content .modal-body .settings-2fa-button:hover,.settings-modal.show .modal-dialog .modal-content .settings-2fa-button:hover{transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}@media (max-width: 768px){.modal.settings-modal .modal-content .modal-body .settings-2fa-button,.settings-modal.show .modal-dialog .modal-content .settings-2fa-button{min-width:80px;font-size:14px}}.modal.settings-modal .modal-content .modal-body .settings-2fa-button .btn-icon,.settings-modal.show .modal-dialog .modal-content .settings-2fa-button .btn-icon{font-size:1em;line-height:1}.modal.settings-modal .modal-content .modal-body .settings-2fa-button .btn-text,.settings-modal.show .modal-dialog .modal-content .settings-2fa-button .btn-text{font-weight:500}.theme-dark .modal.settings-modal .modal-content .modal-body .btn.btn-primary,.theme-dark .settings-modal.show .modal-dialog .modal-content .btn.btn-primary{background-color:#3b82f6;border-color:#3b82f6;color:#fff}.theme-dark .modal.settings-modal .modal-content .modal-body .btn.btn-outline-danger,.theme-dark .settings-modal.show .modal-dialog .modal-content .btn.btn-outline-danger{background-color:transparent;border-color:#ef4444;color:#ef4444}.dashboard-container{max-width:800px;margin:0 auto;padding:20px;font-family:Arial,sans-serif}.dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;padding:20px;background-color:var(--bg-secondary);border-radius:10px;box-shadow:var(--shadow-sm);transition:background-color .3s ease,box-shadow .3s ease}.dashboard-title{margin:0 0 5px;color:var(--text-primary);font-size:28px;transition:color .3s ease}.dashboard-subtitle{margin:0;color:var(--text-secondary);font-size:14px;transition:color .3s ease}.dashboard-actions{display:flex;gap:10px;align-items:center}.btn-add-password{padding:10px 20px;background-color:var(--success-color);color:#fff;border:none;border-radius:5px;cursor:pointer;font-size:16px;font-weight:700;transition:background-color .2s ease,opacity .2s ease}.btn-add-password:disabled{cursor:not-allowed;opacity:.6}.btn-add-password:hover:not(:disabled){background-color:#218838}.btn-logout{padding:10px 15px;background-color:var(--danger-color);color:#fff;border:none;border-radius:5px;cursor:pointer;transition:background-color .2s ease}.btn-logout:hover{background-color:#c82333}.dashboard-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:30px}.stat-card{background:var(--bg-primary);padding:20px;border-radius:10px;box-shadow:var(--shadow-sm);text-align:center;border:1px solid var(--border-color)}.stat-number{font-size:32px;font-weight:700;color:var(--primary-color);margin-bottom:5px}.stat-label{color:var(--text-secondary);font-size:14px}.dashboard-nav{display:flex;gap:10px;margin-bottom:20px;overflow-x:auto}.nav-tab{padding:10px 20px;background:var(--bg-secondary);border:none;border-radius:6px;cursor:pointer;transition:all .2s ease;white-space:nowrap;color:var(--text-primary)}.nav-tab:hover{background:var(--border-color)}.nav-tab.active{background:var(--primary-color);color:#fff}.dashboard-container{max-width:1200px;margin:0 auto;padding:2rem 1rem}.dashboard-header{background:linear-gradient(135deg,var(--primary-600) 0%,var(--primary-700) 100%);border-radius:1rem;padding:2rem;margin-bottom:2rem;display:flex;justify-content:space-between;align-items:center;color:#fff;box-shadow:0 4px 6px -1px #0000001a}.dashboard-title{font-size:2rem;font-weight:700;margin:0 0 .5rem;color:#fff}.dashboard-subtitle{font-size:1rem;margin:0;color:#ffffffe6;font-weight:400}.dashboard-actions{display:flex;align-items:center;gap:.75rem}.header-action-button{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;padding:.5rem 1rem;border-radius:.5rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;backdrop-filter:blur(10px)}.header-action-button:hover:not(:disabled){background:#fff3;border-color:#ffffff4d;transform:translateY(-1px)}.security-button{background:#22c55e33!important;border-color:#22c55e66!important;color:#86efac!important}.security-button:hover:not(:disabled){background:#22c55e4d!important;border-color:#22c55e99!important;color:#fff!important}.logout-button{background:#ef444433!important;border-color:#ef444466!important;color:#fca5a5!important}.logout-button:hover:not(:disabled){background:#ef44444d!important;border-color:#ef444499!important;color:#fff!important}.dashboard-actions .btn{background:#ffffff1a;border-color:#fff3;color:#fff;backdrop-filter:blur(10px)}.dashboard-actions .btn:hover:not(:disabled){background:#fff3;border-color:#ffffff4d;transform:translateY(-1px)}.security-badge{position:absolute;top:-4px;right:-4px;background:#ef4444;color:#fff;border-radius:50%;width:16px;height:16px;font-size:10px;font-weight:600;display:flex;align-items:center;justify-content:center;animation:pulse 2s infinite}[data-theme=dark] .dashboard-header{background:linear-gradient(135deg,var(--primary-700) 0%,var(--primary-800) 100%);box-shadow:0 4px 6px -1px #0000004d}@media (max-width: 768px){.dashboard-container{padding:1rem .5rem}.dashboard-header{flex-direction:column;gap:1.5rem;padding:1.5rem;text-align:center}.dashboard-title{font-size:1.5rem}.dashboard-subtitle{font-size:.875rem}.dashboard-actions{flex-wrap:wrap;justify-content:center;gap:.5rem}.header-action-button{font-size:.75rem;padding:.375rem .75rem}}@media (max-width: 425px){.dashboard-container{padding:.5rem .25rem}.dashboard-header{padding:1rem;border-radius:.75rem}.dashboard-title{font-size:1.25rem}.dashboard-actions{width:100%}.header-action-button{flex:1;min-width:0;font-size:.7rem;padding:.3rem .5rem}}@media (prefers-reduced-motion: reduce){.header-action-button{animation:none;transition:none}.security-badge{animation:none}}@media (prefers-contrast: high){.dashboard-header{border:2px solid white}.header-action-button{border-width:2px}.security-button{border-color:#22c55e!important}.logout-button{border-color:#ef4444!important}}@media print{.dashboard-actions,.security-recommendations-modal-overlay{display:none}.dashboard-header{background:none;color:#000;border:1px solid black}}.password-list-loading,.password-list-empty{text-align:center;padding:40px;color:var(--text-secondary)}.password-list-empty h3{color:var(--text-muted);margin-bottom:10px}.password-list-container{margin-top:20px}.password-list-title{color:var(--text-primary);margin-bottom:1rem;font-size:1.125rem;font-weight:600;display:flex;align-items:center;justify-content:space-between}.password-list-title .count-badge{background-color:var(--primary-color);color:#fff;padding:2px 8px;border-radius:12px;font-size:.75rem;font-weight:500}.password-item{padding:20px;margin-bottom:15px;border:1px solid var(--border-color);border-radius:8px;background-color:var(--bg-secondary);box-shadow:var(--shadow-sm);transition:all .3s ease}.password-item:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.password-item-content{display:flex;justify-content:space-between;align-items:flex-start}.password-item-title{margin:0 0 15px;color:var(--text-primary);font-size:18px;font-weight:700}.password-item-field{margin-bottom:10px;display:flex;align-items:center}.password-item-label{min-width:60px;color:var(--text-secondary);font-weight:500}.password-item-value{margin-left:10px;font-family:monospace;color:var(--text-primary)}.password-item-hidden{background-color:var(--bg-tertiary);padding:2px 6px;border-radius:3px;color:var(--text-muted)}.password-item-link{margin-left:10px;color:var(--info-color);text-decoration:none}.password-item-link:hover{text-decoration:underline}.password-item-date{font-size:12px;color:var(--text-secondary);margin-top:10px}.password-item-actions{margin-left:15px;display:flex;flex-direction:column;gap:8px}.btn-toggle-password{margin-left:10px;padding:2px 6px;font-size:12px;background-color:var(--text-secondary);color:#fff;border:none;border-radius:3px;cursor:pointer;transition:background-color .2s ease}.btn-toggle-password:hover{background-color:#5a6268}.btn-copy{padding:4px 8px;font-size:12px;background-color:var(--info-color);color:#fff;border:none;border-radius:3px;cursor:pointer;transition:background-color .2s ease}.btn-copy:hover{background-color:#138496}.btn-delete-password{padding:8px 12px;background-color:var(--danger-color);color:#fff;border:none;border-radius:5px;cursor:pointer;font-size:14px;transition:background-color .2s ease}.btn-delete-password:hover{background-color:#c82333}.password-category{display:inline-block;padding:2px 8px;font-size:11px;font-weight:500;border-radius:12px;background-color:var(--primary-color);color:#fff;margin-left:10px}.password-tags{margin-top:10px;display:flex;gap:5px;flex-wrap:wrap}.password-tag{padding:2px 6px;font-size:11px;background-color:var(--bg-tertiary);color:var(--text-secondary);border-radius:3px;border:1px solid var(--border-color)}.password-search-container{width:100%;padding:0}.password-search{background:var(--color-surface);border-radius:.5rem;padding:1.5rem;box-shadow:0 1px 3px #0000001a;margin-bottom:1.5rem;width:100%;box-sizing:border-box}.password-search-header{margin-bottom:1rem}.search-header-main{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem}.search-header-main .search-bar{flex:1}.search-results-info{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;border-top:1px solid var(--gray-200);margin-top:.5rem}.search-results-text{flex:1}.search-results-count{font-size:.875rem;color:var(--gray-700);font-weight:500}.search-results-count.search-active{color:var(--primary-color);font-weight:600}.search-results-count.filter-active{color:var(--warning-color, #f59e0b);font-weight:600}.search-results-actions{display:flex;align-items:center;gap:.5rem}.password-search-controls{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;padding:1rem;background:var(--gray-50);border-radius:.375rem;border:1px solid var(--gray-200)}.controls-left,.controls-right{display:flex;align-items:center;gap:.75rem}.password-search-results{position:relative}.password-search-loading{display:flex;justify-content:center;align-items:center;padding:3rem;color:var(--gray-500);font-size:.875rem}.password-search-empty{text-align:center;padding:3rem 1rem;color:var(--gray-500)}.password-search-empty h3{font-size:1.125rem;font-weight:600;margin-bottom:.5rem;color:var(--gray-700)}.password-search-empty p{font-size:.875rem;color:var(--gray-500)}@media (max-width: 768px){.password-search{padding:1rem;margin-bottom:1rem;border-radius:.375rem;box-shadow:none;border:1px solid var(--gray-200)}.password-search-controls{flex-direction:column;align-items:stretch;gap:.75rem}.controls-left,.controls-right{justify-content:center}.password-search .search-header-main{flex-direction:column!important;gap:1rem!important;align-items:stretch!important}.password-search .search-header-main .search-bar{width:100%;flex:none}.password-search .search-header-actions{width:100%;display:flex!important;justify-content:center!important;gap:.75rem!important}.password-search .add-password-button{flex:1;max-width:200px}.search-results-info{flex-direction:column;gap:.5rem;align-items:flex-start}.search-results-text{width:100%}.search-results-actions{width:100%;justify-content:center}}@media (max-width: 425px){.search-results-info{gap:.75rem}.search-results-count{font-size:.8rem;text-align:center}}.password-item{--item-padding: 1rem;--item-gap: 1rem;--item-min-height: 160px;--item-border-radius: .5rem;--title-size: 1rem;--label-size: .7rem;--value-size: .8rem;--link-size: .75rem;--date-size: .7rem;--btn-height: 24px;--btn-padding: 4px 8px;--btn-gap: .375rem;--action-btn-height: 28px;--action-btn-padding: 6px 8px;--item-bg: var(--color-surface);--item-border: var(--gray-200);--item-hover-border: var(--gray-300);--value-bg: var(--gray-50);--link-color: var(--primary-600)}@media (prefers-color-scheme: dark){.password-item{--item-bg: var(--gray-800);--item-border: var(--gray-700);--item-hover-border: var(--gray-600);--value-bg: var(--gray-700)}}.password-list-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1rem;margin-top:1rem;align-items:start}.password-item{background:var(--item-bg);border:1px solid var(--item-border);border-radius:var(--item-border-radius);padding:var(--item-padding);min-height:var(--item-min-height);display:flex;flex-direction:column;transition:all .15s ease-in-out}.password-item:hover{border-color:var(--item-hover-border);box-shadow:0 2px 8px #0000001a;transform:translateY(-2px)}.password-item:focus{outline:2px solid var(--primary-color);outline-offset:2px}.password-item-content{display:flex;flex-direction:column;gap:var(--item-gap);flex:1}.password-item-main{flex:1}.password-item-title{font-size:var(--title-size);font-weight:600;color:var(--gray-900);margin:0 0 .75rem;line-height:1.2;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.password-item-label{font-size:var(--label-size);font-weight:500;color:var(--gray-500);text-transform:uppercase;letter-spacing:.05em}.password-item-value{font-size:var(--value-size);color:var(--gray-700);font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,monospace;flex:1;line-height:1.3;text-align:left;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.password-item-hidden{font-family:inherit;letter-spacing:.1em}.password-item-date{font-size:var(--date-size);color:var(--gray-500);text-align:center;padding:6px;background:var(--value-bg);border-radius:4px;margin-top:.5rem}.password-item-field{display:flex;flex-direction:column;margin-bottom:.5rem;gap:.25rem}.password-item-value-container{display:flex;align-items:center;justify-content:space-between;gap:.75rem;width:100%;background:var(--value-bg);padding:10px 12px;border-radius:6px;border:1px solid var(--item-border);min-height:38px}.password-controls{display:flex;align-items:center;gap:var(--btn-gap);flex-shrink:0}.password-item .password-controls .btn{font-size:.75rem;min-height:var(--btn-height);border-radius:4px;padding:var(--btn-padding);min-width:auto}.password-item-actions .btn{font-size:.75rem;padding:var(--action-btn-padding);min-height:var(--action-btn-height);border-radius:4px;flex:1;max-width:80px}.copy-success{background:var(--success-light);border-color:var(--success-primary);color:var(--success-primary)}.password-item-actions{display:flex;flex-direction:row;gap:.5rem;align-items:center;justify-content:center;border-top:1px solid var(--item-border);padding-top:.75rem;margin-top:auto}.password-item-link{color:var(--link-color);text-decoration:none;font-size:var(--link-size);display:inline-block;background:var(--value-bg);padding:6px 10px;border-radius:4px;border:1px solid var(--item-border);max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:all .15s ease}.password-item-link:hover{color:#fff;background:var(--link-color);border-color:var(--link-color)}@media (max-width: 1024px){.password-list-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}}@media (max-width: 768px){.password-list-grid{grid-template-columns:1fr;gap:.75rem;padding:0;margin:.75rem 0}.password-item{--item-padding: 1rem;width:100%;max-width:none}.password-item-value-container{padding:10px 12px;flex-direction:row;gap:.5rem}.password-item-value{max-width:none;flex:1;min-width:0}.password-controls{--btn-gap: .25rem;flex-shrink:0}.password-item .password-controls .btn{font-size:.7rem;padding:3px 6px}}@media (max-width: 480px){.password-list-grid{gap:.5rem;margin:.5rem 0}.password-item{--item-padding: .875rem}}@media (prefers-color-scheme: dark){.password-item:hover{box-shadow:0 2px 8px #0000004d}.password-item-title{color:var(--gray-100)}.password-item-value{color:var(--gray-200)}.password-item-value-container{border-color:var(--gray-600)}.password-item-date{color:var(--gray-300)}.password-item-link{border-color:var(--gray-600)}.password-item-link:hover{background:var(--primary-600);border-color:var(--primary-600)}}.password-item .btn:focus,.password-item-link:focus{outline:2px solid var(--primary-color);outline-offset:1px}@media (prefers-reduced-motion: reduce){.password-item,.password-item-link,.password-item .btn{transition:none}.password-item:hover{transform:none}}.password-item.loading{opacity:.6;pointer-events:none}.password-item.selected{border-color:var(--primary-500);box-shadow:0 0 0 3px rgba(var(--primary-rgb),.2)}.password-item.error{border-color:var(--danger-500);background:var(--danger-50)}@media (max-width: 768px){.password-item-value-container{display:flex;flex-direction:row;align-items:center;width:100%;padding:8px 10px;gap:.5rem}.password-item-value{flex:1 1 auto;min-width:0;max-width:none!important;font-size:.85rem}.password-controls{flex:0 0 auto;display:flex;gap:.25rem;margin-left:auto}.password-controls .copy-button-text{min-width:44px;font-size:.7rem;padding:4px 8px}.password-controls .password-toggle-button{width:30px;height:30px;padding:0;display:flex;align-items:center;justify-content:center;min-width:30px}.password-item-actions{gap:.75rem;padding-top:.75rem}.password-item-actions .btn{flex:1;max-width:none;min-width:60px}}@media (max-width: 480px){.password-item{padding:.875rem}.password-item-value-container{padding:8px;gap:.375rem}.password-item-title{font-size:.95rem}.password-item-value{font-size:.8rem}.password-controls .copy-button-text{width:32px;min-width:32px;padding:0;font-size:0}.password-controls .copy-button-text:before{content:"📋";font-size:14px}.copy-button-text.copy-success:before{content:"✓"}}@media (max-width: 360px){.password-item{padding:.75rem}.password-item-value-container{padding:8px}.password-item-label{font-size:.65rem}.password-item-actions .btn{font-size:.7rem;padding:5px 8px;min-height:26px}}.password-item-value-container{padding:8px 10px!important;gap:8px!important;display:flex!important;align-items:center!important}.password-item-value{flex:1 1 auto!important;min-width:0!important;max-width:none!important;margin-right:0!important}.password-controls{flex:0 0 auto!important;display:flex!important;align-items:center!important;gap:6px!important;margin-left:0!important}.password-controls .btn{padding:4px 8px!important;min-height:28px!important;height:28px!important}.password-controls .password-toggle-button{width:28px!important;min-width:28px!important;padding:0!important}.password-controls .copy-button-text{min-width:42px!important;font-size:.7rem!important}@media (max-width: 768px){.password-item-value-container{padding:6px 8px!important;gap:6px!important;min-height:36px!important}.password-controls{gap:4px!important}.password-controls .btn{padding:3px 6px!important;min-height:26px!important;height:26px!important;font-size:.65rem!important}.password-controls .password-toggle-button{width:26px!important;min-width:26px!important}.password-controls .copy-button-text{min-width:40px!important}}@media (max-width: 480px){.password-item-value-container{padding:5px 6px!important;gap:4px!important}.password-controls .btn{padding:2px 5px!important;min-height:24px!important;height:24px!important}.password-controls .password-toggle-button{width:24px!important;min-width:24px!important}.password-controls .copy-button-text{min-width:38px!important;font-size:.6rem!important}}.btn-share-password{padding:8px 12px;background-color:#007bff;color:#fff;border:none;border-radius:5px;cursor:pointer;font-size:14px;margin-right:10px;transition:background-color .2s ease;display:inline-flex;align-items:center;gap:5px}.btn-share-password:hover{background-color:#0056b3}.btn-share-password:disabled{background-color:#6c757d;cursor:not-allowed;opacity:.6}.btn-share-password.loading{position:relative}.btn-share-password.loading:after{content:"";position:absolute;width:16px;height:16px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spin 1s linear infinite;right:8px}.btn-share-status{padding:4px 8px;font-size:12px;border-radius:3px;border:none;cursor:default;font-weight:500}.btn-share-status.active{background-color:#d4edda;color:#155724}.btn-share-status.expired{background-color:#f8d7da;color:#721c24}.btn-share-status.pending{background-color:#fff3cd;color:#856404}.btn-share-manage{padding:8px 16px;background-color:#6f42c1;color:#fff;border:none;border-radius:5px;cursor:pointer;font-size:14px;transition:background-color .2s ease;display:inline-flex;align-items:center;gap:5px}.btn-share-manage:hover{background-color:#5a2d91}.btn-copy-share-link{padding:6px 12px;background-color:#28a745;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:13px;transition:all .2s ease}.btn-copy-share-link:hover{background-color:#218838}.btn-copy-share-link.copied{background-color:#17a2b8}.btn-copy-share-link.copied:after{content:" ✓"}.share-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.share-actions-inline{display:inline-flex;gap:5px;margin-left:10px}.share-modal-overlay{position:fixed!important;inset:0!important;background-color:#000000bf;display:flex;justify-content:center;align-items:center;z-index:999999!important;animation:fadeIn .2s ease-in-out;padding:20px;box-sizing:border-box}.share-modal-content{background:var(--bg-primary);border-radius:12px;width:100%;max-width:550px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 40px #0000004d;border:1px solid var(--border-color);animation:slideUp .3s ease-out;overflow:hidden}.share-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid var(--border-color);background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;flex-shrink:0}.share-modal-header h3{margin:0;font-size:16px;font-weight:600;line-height:1.3}.share-modal-close{background:none;border:none;color:#fff;font-size:20px;cursor:pointer;padding:5px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:background-color .2s ease}.share-modal-close:hover{background-color:#fff3}.share-modal-body{padding:24px;background-color:var(--bg-primary);color:var(--text-primary);overflow-y:auto;flex:1;min-height:0}.share-modal-footer{padding:16px 24px;border-top:1px solid var(--border-color);background-color:var(--bg-secondary);display:flex;justify-content:flex-end;gap:12px;flex-shrink:0}.share-modal-body::-webkit-scrollbar{width:6px}.share-modal-body::-webkit-scrollbar-track{background:var(--bg-secondary)}.share-modal-body::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.share-modal-body::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}@keyframes slideUp{0%{transform:translateY(30px) scale(.95);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}@media (max-width: 768px){.share-modal-overlay{padding:10px}.share-modal-content{max-width:100%;max-height:95vh}.share-modal-header{padding:16px 20px}.share-modal-header h3{font-size:14px}.share-modal-body{padding:20px}.share-modal-footer{padding:12px 20px;flex-direction:column}}@media (prefers-contrast: high){.share-modal-overlay{background-color:#000000e6}.share-modal-content{border:2px solid var(--text-primary)}}.share-card{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;padding:16px;transition:all .2s ease}.share-card:hover{border-color:var(--border-hover);box-shadow:var(--shadow-sm)}.share-card__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.share-card__title{margin:0;font-size:14px;font-weight:600;color:var(--text-primary)}.share-card__status{padding:4px 8px;border-radius:4px;font-size:11px;font-weight:600;text-transform:uppercase}.share-card--active .share-card__status{background-color:#d4edda;color:#155724;border:1px solid #c3e6cb}.share-card--warning .share-card__status{background-color:#fff3cd;color:#856404;border:1px solid #ffeaa7}.share-card--completed .share-card__status{background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.share-card__info{margin-bottom:12px}.share-card__key{display:flex;align-items:center;gap:8px;cursor:pointer;padding:8px;border-radius:4px;transition:background-color .2s ease}.share-card__key:hover{background-color:var(--bg-tertiary)}.share-card__key-label{font-size:12px;color:var(--text-secondary);font-weight:600}.share-card__key-value{font-family:monospace;font-size:11px;background-color:var(--bg-tertiary);padding:2px 6px;border-radius:3px;color:var(--text-primary)}.share-card__copy-icon{font-size:12px;opacity:.6}.share-card__usage{margin-bottom:12px}.share-card__usage-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px;font-size:12px;color:var(--text-secondary)}.share-card__usage-text{font-weight:600;color:var(--text-primary)}.share-card__progress{height:4px;background-color:var(--bg-tertiary);border-radius:2px;overflow:hidden}.share-card__progress-bar{height:100%;background-color:var(--primary-color);transition:width .3s ease}.share-card--warning .share-card__progress-bar{background-color:#ffc107}.share-card--completed .share-card__progress-bar{background-color:#dc3545}.share-card__timing{margin-bottom:12px;display:grid;grid-template-columns:1fr 1fr;gap:8px}.share-card__timing-item{display:flex;flex-direction:column;gap:2px}.share-card__timing-label{font-size:11px;color:var(--text-secondary);font-weight:600}.share-card__timing-value{font-size:12px;color:var(--text-primary)}.share-card__timing-value.expired{color:#dc3545;font-weight:600}.share-card__actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.share-card__revoke-btn,.share-card__copy-btn{padding:6px 12px;border:none;border-radius:4px;font-size:11px;font-weight:500;cursor:pointer;transition:all .2s ease}.share-card__revoke-btn{background-color:#dc3545;color:#fff}.share-card__revoke-btn:hover:not(:disabled){background-color:#c82333}.share-card__revoke-btn:disabled{opacity:.6;cursor:not-allowed}.share-card__copy-btn{background-color:var(--primary-color);color:#fff}.share-card__copy-btn:hover{background-color:#5a6fd8}.share-card__completed-badge{padding:4px 8px;border-radius:4px;font-size:10px;font-weight:600;background-color:var(--bg-tertiary);color:var(--text-secondary);border:1px solid var(--border-color)}@media (max-width: 768px){.share-card__timing{grid-template-columns:1fr}.share-card__actions{flex-direction:column;align-items:stretch}.share-card__revoke-btn,.share-card__copy-btn{width:100%;text-align:center}}.theme-dark .share-card--active .share-card__status{background-color:#1e3d29;color:#5cb85c;border-color:#2d5a3d}.theme-dark .share-card--warning .share-card__status{background-color:#3d3517;color:#ffc107;border-color:#5a4e1a}.theme-dark .share-card--completed .share-card__status{background-color:#3d1a1a;color:#f8d7da;border-color:#5a1a1a}.share-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;backdrop-filter:blur(2px)}.share-modal-content{background:var(--bg-primary);border-radius:16px;box-shadow:0 20px 40px #0003;width:100%;max-width:540px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;border:1px solid var(--border-color)}.share-modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px 24px 16px;border-bottom:1px solid var(--border-color)}.share-modal-header h3{margin:0;font-size:18px;font-weight:600;color:var(--text-primary)}.share-modal-close{background:none;border:none;font-size:20px;cursor:pointer;color:var(--text-secondary);padding:4px;border-radius:4px;transition:all .2s ease}.share-modal-close:hover{background:var(--bg-hover);color:var(--text-primary)}.share-modal-body{padding:24px;overflow-y:auto;flex:1}.share-modal-footer{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-top:1px solid var(--border-color);gap:12px}.password-share-settings{display:flex;flex-direction:column;gap:24px}.password-share-preview{background:var(--bg-secondary);padding:16px;border-radius:8px;border:1px solid var(--border-color)}.password-share-preview h4{margin:0 0 12px;font-size:14px;font-weight:600;color:var(--text-primary)}.password-share-preview-item{margin-bottom:8px;font-size:13px;color:var(--text-secondary)}.password-share-preview-item:last-child{margin-bottom:0}.password-share-preview-item strong{color:var(--text-primary);font-weight:500}.password-share-options{display:flex;flex-direction:column;gap:16px}.password-share-options h4{margin:0;font-size:14px;font-weight:600;color:var(--text-primary)}.password-share-option{display:flex;flex-direction:column;gap:8px}.password-share-option label{font-size:13px;font-weight:500;color:var(--text-primary);display:flex;align-items:center;gap:8px;text-align:left}.password-share-option select{padding:8px 12px;border:1px solid var(--border-color);border-radius:6px;background:var(--bg-primary);color:var(--text-primary);font-size:13px}.password-share-option input[type=checkbox]{margin:0}.share-option-label{font-size:13px;font-weight:500;color:var(--text-primary);text-align:left;margin-bottom:4px}.share-option-hint{font-weight:400;color:var(--text-secondary);font-size:12px}.share-note-textarea{width:100%;padding:8px 12px;border:1px solid var(--border-color);border-radius:4px;font-size:14px;font-family:inherit;resize:vertical;background:var(--bg-primary);color:var(--text-primary);min-height:60px;transition:border-color .2s ease}.share-note-textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px rgba(var(--primary-color-rgb),.1)}.char-counter{color:var(--text-secondary);font-size:12px;text-align:right}.password-share-result{display:flex;flex-direction:column;gap:20px}.password-share-success{text-align:center;padding:20px;background:#f0f9f5;border:1px solid #d1fae5;border-radius:8px}.password-share-success-icon{font-size:32px;margin-bottom:8px}.password-share-success h4{margin:0 0 8px;color:#065f46;font-size:16px}.password-share-success p{margin:0;color:#047857;font-size:14px}.password-share-link{display:flex;flex-direction:column;gap:8px}.password-share-link label{font-size:13px;font-weight:500;color:var(--text-primary)}.password-share-link-input{display:flex;gap:8px;align-items:center}.password-share-link-input input{flex:1;padding:10px 12px;border:1px solid var(--border-color);border-radius:6px;background:var(--bg-secondary);color:var(--text-primary);font-size:13px;font-family:Courier New,monospace}.password-share-info{background:var(--bg-secondary);padding:16px;border-radius:8px;border:1px solid var(--border-color)}.password-share-info h5{margin:0 0 12px;font-size:14px;font-weight:600;color:var(--text-primary)}.password-share-info-item{margin-bottom:8px;font-size:13px;color:var(--text-secondary);display:flex;gap:8px}.password-share-info-item:last-child{margin-bottom:0}.password-share-info-item strong{color:var(--text-primary);font-weight:500;min-width:80px}.password-share-warning{background:#fef3c7;border:1px solid #fde68a;padding:16px;border-radius:8px}.password-share-warning h5{margin:0 0 12px;color:#92400e;font-size:14px;font-weight:600}.password-share-warning ul{margin:0;padding-left:20px;color:#78350f}.password-share-warning li{margin-bottom:4px;font-size:13px;line-height:1.4}.password-share-warning li:last-child{margin-bottom:0}.password-share-error{background:#fee2e2;border:1px solid #fca5a5;color:#991b1b;padding:12px 16px;border-radius:6px;font-size:13px;text-align:center}@media (max-width: 768px){.share-modal-content{margin:10px;max-width:none}.share-modal-header,.share-modal-body,.share-modal-footer{padding:16px}.password-share-link-input{flex-direction:column;align-items:stretch}.share-note-textarea{font-size:16px}}.theme-dark .share-modal-content .password-share-success{background-color:#1e3d29;border-color:#2d5a3d}.theme-dark .share-modal-content .password-share-success h4,.theme-dark .share-modal-content .password-share-success p{color:#5cb85c}.theme-dark .share-modal-content .password-share-warning{background-color:#3d3517;border-color:#5a4e1a}.theme-dark .share-modal-content .password-share-warning h5,.theme-dark .share-modal-content .password-share-warning ul,.theme-dark .share-modal-content .password-share-warning li{color:#ffc107}.theme-dark .share-modal-content .password-share-error{background-color:#3d1a1a;border-color:#5a1a1a;color:#f8d7da}.password-search{display:flex;flex-direction:column;gap:20px;padding:20px;background-color:var(--bg-secondary);border-radius:12px;box-shadow:var(--shadow-sm);border:1px solid var(--border-color)}.password-search-header{display:flex;flex-direction:column;gap:10px}.search-results-info{display:flex;justify-content:space-between;align-items:center;padding:0 4px}.search-results-count{font-size:14px;color:var(--text-primary);font-weight:500}.search-results-total{color:var(--text-secondary);font-weight:400}.password-search-controls{display:flex;gap:15px;align-items:flex-start;flex-wrap:wrap}.password-search-results{margin-top:10px}.password-search-loading{display:flex;justify-content:center;align-items:center;padding:40px;color:var(--text-secondary);font-size:16px}.password-search-empty{text-align:center;padding:40px 20px;color:var(--text-secondary)}.password-search-empty h3{color:var(--text-muted);margin-bottom:10px;font-size:18px}.password-search-empty p{margin-bottom:20px;font-size:14px}.search-stats{display:flex;gap:20px;padding:15px;background:var(--bg-primary);border-radius:8px;border:1px solid var(--border-color);margin-bottom:15px}.search-stat{text-align:center;flex:1}.search-stat-number{font-size:24px;font-weight:700;color:var(--primary-color);margin-bottom:4px}.search-stat-label{font-size:12px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.search-suggestions{margin-top:15px}.search-suggestions-title{font-size:14px;font-weight:600;color:var(--text-primary);margin-bottom:8px}.search-suggestions-list{display:flex;flex-wrap:wrap;gap:8px}.search-suggestion{padding:4px 8px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:4px;font-size:13px;color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.search-suggestion:hover{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.search-history{margin-top:10px}.search-history-title{font-size:13px;font-weight:600;color:var(--text-secondary);margin-bottom:6px}.search-history-items{display:flex;flex-wrap:wrap;gap:6px}.search-history-item{padding:3px 8px;background:var(--bg-tertiary);border-radius:12px;font-size:12px;color:var(--text-muted);cursor:pointer;transition:all .2s ease}.search-history-item:hover{background:var(--border-color);color:var(--text-primary)}.search-bar{display:flex;flex-direction:column;gap:8px}.search-bar-container{position:relative}.search-bar-input-wrapper{position:relative;display:flex;align-items:center;background:var(--bg-primary);border:2px solid var(--border-color);border-radius:8px;padding:12px 16px;transition:all .2s ease}.search-bar-input-wrapper:focus-within{border-color:var(--primary-color);box-shadow:0 0 0 3px #667eea1a}.search-bar-icon{margin-right:10px;font-size:18px;color:var(--text-secondary)}.search-bar-input{flex:1;border:none;outline:none;font-size:16px;color:var(--text-primary);background:transparent}.search-bar-input::placeholder{color:var(--text-muted)}.search-bar-clear{margin-left:10px;background:var(--bg-secondary);border:none;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-secondary);transition:all .2s ease}.search-bar-clear:hover{background:var(--border-color);color:var(--text-primary)}.search-bar-info{padding:8px 16px;background:#e3f2fd;border-radius:6px;font-size:14px;color:#1976d2}.search-bar-term{font-weight:600}.search-bar.focused .search-bar-input-wrapper{border-color:var(--primary-color);box-shadow:0 0 0 3px #667eea1a}.search-bar.has-results .search-bar-info{background:#d4edda;color:#155724}.search-bar.no-results .search-bar-info{background:#f8d7da;color:#721c24}.search-bar-compact .search-bar-input-wrapper{padding:8px 12px}.search-bar-compact .search-bar-input{font-size:14px}.search-bar-compact .search-bar-icon{font-size:16px;margin-right:8px}.search-bar-large .search-bar-input-wrapper{padding:16px 20px}.search-bar-large .search-bar-input{font-size:18px}.search-bar-large .search-bar-icon{font-size:20px;margin-right:12px}.search-autocomplete{position:absolute;top:100%;left:0;right:0;background:var(--bg-primary);border:1px solid var(--border-color);border-top:none;border-radius:0 0 8px 8px;box-shadow:var(--shadow-md);z-index:100;max-height:200px;overflow-y:auto}.search-autocomplete-item{padding:10px 16px;cursor:pointer;font-size:14px;color:var(--text-primary);border-bottom:1px solid var(--bg-secondary);transition:background-color .2s ease}.search-autocomplete-item:hover,.search-autocomplete-item.selected{background:var(--bg-secondary)}.search-autocomplete-item:last-child{border-bottom:none}.search-autocomplete-highlight{background:#ff0;font-weight:600}.search-history-toggle{position:absolute;right:45px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:var(--text-secondary);padding:4px;border-radius:4px;transition:all .2s ease}.search-history-toggle:hover{background:var(--bg-secondary);color:var(--text-primary)}.search-shortcut-hint{position:absolute;right:80px;top:50%;transform:translateY(-50%);font-size:11px;color:var(--text-muted);background:var(--bg-tertiary);padding:2px 6px;border-radius:3px;border:1px solid var(--border-color)}.filter-panel{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;overflow:hidden;flex:2;min-width:300px}.filter-panel-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:var(--bg-secondary);border-bottom:1px solid var(--border-color)}.filter-panel-toggle{display:flex;align-items:center;gap:8px;background:none;border:none;cursor:pointer;font-size:14px;font-weight:500;color:var(--text-primary);transition:color .2s ease}.filter-panel-toggle:hover{color:var(--primary-color)}.filter-panel-icon{font-size:12px}.filter-panel-title{font-weight:600}.filter-panel-badge{background:var(--primary-color);color:#fff;border-radius:10px;padding:2px 6px;font-size:12px;font-weight:600;margin-left:4px}.filter-panel-reset{background:none;border:1px solid var(--danger-color);color:var(--danger-color);padding:4px 8px;border-radius:4px;font-size:12px;cursor:pointer;transition:all .2s ease}.filter-panel-reset:hover{background:var(--danger-color);color:#fff}.filter-panel-content{padding:16px;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.filter-group{display:flex;flex-direction:column;gap:6px}.filter-label{font-size:13px;font-weight:600;color:var(--text-primary);margin-bottom:4px}.filter-select{padding:8px 12px;border:1px solid var(--border-color);border-radius:6px;background:var(--bg-primary);color:var(--text-primary);font-size:14px;cursor:pointer;transition:border-color .2s ease}.filter-select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #667eea1a}.filter-select:hover{border-color:var(--border-hover)}.filter-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}.filter-tag{padding:4px 8px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:12px;font-size:12px;color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.filter-tag:hover{background:var(--border-color);color:var(--text-primary)}.filter-tag-active{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.filter-tag-active:hover{background:#5a67d8;border-color:#5a67d8}.filter-date-range{display:flex;gap:8px;align-items:center}.filter-date-input{padding:6px 8px;border:1px solid var(--border-color);border-radius:4px;background:var(--bg-primary);color:var(--text-primary);font-size:13px;flex:1}.filter-date-separator{color:var(--text-secondary);font-size:12px}.filter-counter{display:flex;justify-content:space-between;align-items:center;padding:8px 16px;background:var(--bg-tertiary);border-top:1px solid var(--border-color);font-size:12px;color:var(--text-secondary)}.filter-active-count{font-weight:600;color:var(--primary-color)}.filter-preview{margin-top:8px;padding:8px;background:var(--bg-secondary);border-radius:4px;border:1px solid var(--border-color)}.filter-preview-title{font-size:12px;font-weight:600;color:var(--text-secondary);margin-bottom:4px}.filter-preview-items{display:flex;flex-wrap:wrap;gap:4px}.filter-preview-item{padding:2px 6px;background:var(--primary-color);color:#fff;border-radius:3px;font-size:11px}.filter-panel-content{transition:max-height .3s ease,opacity .3s ease;overflow:hidden}.filter-panel-collapsed .filter-panel-content{max-height:0;opacity:0;padding:0 16px}.filter-panel-expanded .filter-panel-content{max-height:500px;opacity:1}.sort-options{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;padding:16px;flex:1;min-width:250px}.sort-options-header{margin-bottom:15px}.sort-options-title{font-size:14px;font-weight:600;color:var(--text-primary)}.sort-options-content{display:flex;flex-direction:column;gap:15px}.sort-group{display:flex;flex-direction:column;gap:8px}.sort-label{font-size:13px;font-weight:600;color:var(--text-primary)}.sort-buttons{display:flex;flex-wrap:wrap;gap:6px}.sort-button{display:flex;align-items:center;gap:4px;padding:6px 10px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;cursor:pointer;font-size:12px;color:var(--text-primary);transition:all .2s ease}.sort-button:hover{background:var(--border-color);border-color:var(--border-hover)}.sort-button-active{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.sort-button-active:hover{background:#5a67d8;border-color:#5a67d8}.sort-button-icon{font-size:11px}.sort-button-text{font-weight:500}.sort-order-controls{display:flex;gap:8px}.sort-order-button{display:flex;align-items:center;gap:4px;padding:8px 12px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;cursor:pointer;font-size:13px;color:var(--text-primary);transition:all .2s ease;flex:1;justify-content:center}.sort-order-button:hover{background:var(--border-color);border-color:var(--border-hover)}.sort-order-button-active{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.sort-order-button-active:hover{background:#5a67d8;border-color:#5a67d8}.sort-order-icon{font-size:12px}.sort-order-text{font-weight:500}.sort-status{padding:8px 12px;background:var(--bg-tertiary);border-radius:6px;border:1px solid var(--border-color);display:flex;align-items:center;gap:6px}.sort-status-icon{font-size:14px}.sort-status-text{font-size:13px;color:var(--text-secondary);font-weight:500}.sort-options-compact{display:flex;align-items:center;gap:8px}.sort-select-compact{padding:8px 12px;border:1px solid var(--border-color);border-radius:6px;background:var(--bg-primary);color:var(--text-primary);font-size:13px;cursor:pointer;transition:border-color .2s ease}.sort-select-compact:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #667eea1a}.sort-order-toggle-compact{padding:8px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;cursor:pointer;color:var(--text-primary);transition:all .2s ease;min-width:36px;display:flex;align-items:center;justify-content:center}.sort-order-toggle-compact:hover{background:var(--border-color);border-color:var(--border-hover)}.sort-dropdown{position:relative}.sort-dropdown-menu{position:absolute;top:100%;left:0;right:0;background:var(--bg-primary);border:1px solid var(--border-color);border-top:none;border-radius:0 0 6px 6px;box-shadow:var(--shadow-md);z-index:10;max-height:200px;overflow-y:auto}.sort-dropdown-item{padding:10px 12px;cursor:pointer;font-size:13px;color:var(--text-primary);border-bottom:1px solid var(--bg-secondary);transition:background-color .2s ease;display:flex;align-items:center;gap:8px}.sort-dropdown-item:hover{background:var(--bg-secondary)}.sort-dropdown-item:last-child{border-bottom:none}.sort-dropdown-item.selected{background:var(--primary-color);color:#fff}.sort-hint{font-size:11px;color:var(--text-muted);margin-top:4px;font-style:italic}.tag-selector{display:flex;flex-direction:column;gap:8px}.tag-selector-container{position:relative}.selected-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px;min-height:20px}.selected-tag{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;background:var(--primary-color);color:#fff;border-radius:12px;font-size:12px;font-weight:500;animation:slideUp .2s ease-out}.selected-tag-text{max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.selected-tag-remove{background:none;border:none;color:#fffc;cursor:pointer;padding:0;margin-left:2px;font-size:14px;line-height:1;transition:color .2s ease}.selected-tag-remove:hover{color:#fff}.tag-input-container{position:relative;flex:1}.tag-input{width:100%;padding:8px 12px;border:2px solid var(--border-color);border-radius:6px;background:var(--bg-primary);color:var(--text-primary);font-size:14px;outline:none;transition:border-color .2s ease}.tag-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #667eea1a}.tag-input::placeholder{color:var(--text-muted)}.tag-dropdown{position:absolute;top:100%;left:0;right:0;background:var(--bg-primary);border:1px solid var(--border-color);border-top:none;border-radius:0 0 6px 6px;box-shadow:var(--shadow-md);z-index:100;max-height:200px;overflow-y:auto}.tag-dropdown-item{padding:10px 12px;cursor:pointer;font-size:14px;color:var(--text-primary);border-bottom:1px solid var(--bg-secondary);transition:background-color .2s ease;display:flex;align-items:center;gap:8px}.tag-dropdown-item:hover{background:var(--bg-secondary)}.tag-dropdown-item:last-child{border-bottom:none}.tag-dropdown-new{background:var(--bg-tertiary);font-weight:500}.tag-dropdown-new:hover{background:var(--primary-color);color:#fff}.tag-dropdown-empty{padding:15px 12px;text-align:center;color:var(--text-muted);font-size:13px;font-style:italic}.tag-new-icon{color:var(--success-color);font-weight:700;font-size:16px}.tag-selector-info{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--text-secondary)}.tag-count{font-weight:500}.tag-help{font-style:italic}.tag-categories{margin-bottom:8px}.tag-category{display:inline-block;margin-right:10px;margin-bottom:4px}.tag-category-title{font-size:11px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.tag-category-items{display:flex;flex-wrap:wrap;gap:4px}.tag-category-item{padding:3px 6px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:3px;font-size:11px;color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.tag-category-item:hover{background:var(--border-color);color:var(--text-primary)}.tag-category-item.selected{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.tag-stats{display:flex;gap:15px;margin-top:8px;padding:8px;background:var(--bg-secondary);border-radius:4px;font-size:11px;color:var(--text-secondary)}.tag-stat{display:flex;align-items:center;gap:4px}.tag-stat-number{font-weight:600;color:var(--primary-color)}.tag-suggestions{margin-bottom:8px}.tag-suggestions-title{font-size:12px;font-weight:600;color:var(--text-secondary);margin-bottom:4px}.tag-suggestion{display:inline-block;padding:2px 6px;margin:2px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:3px;font-size:11px;color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.tag-suggestion:hover{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.tag-input-container.focused .tag-input{border-color:var(--primary-color);box-shadow:0 0 0 3px #667eea1a}.tag-input-container.error .tag-input{border-color:var(--danger-color)}.tag-input-container.success .tag-input{border-color:var(--success-color)}.tag-limit-warning{color:var(--warning-color);font-size:11px;margin-top:4px;font-weight:500}.tag-limit-error{color:var(--danger-color);font-size:11px;margin-top:4px;font-weight:500}.btn.loading{position:relative;opacity:.7}.btn.loading:after{content:"";position:absolute;top:50%;left:50%;width:16px;height:16px;margin:-8px 0 0 -8px;border:2px solid transparent;border-top:2px solid var(--text-primary);border-radius:50%;animation:spin 1s linear infinite}.btn.active{background-color:var(--primary-color);color:#fff;border-color:var(--primary-color)}.btn.active:hover{background-color:var(--primary-dark);border-color:var(--primary-dark)}.password-search-controls{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:20px;padding:15px 20px;background:var(--bg-secondary);border-radius:12px;border:1px solid var(--border-color)}.controls-left,.controls-right{display:flex;align-items:center;gap:10px}.filter-button,.sort-button{min-width:110px!important;height:40px!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;font-weight:500!important;transition:all .2s ease!important;border-radius:10px!important;font-size:14px!important}.filter-button:hover,.sort-button:hover{background:var(--bg-tertiary)!important;border-color:var(--border-hover)!important;transform:translateY(-1px)!important;box-shadow:0 2px 8px #0000001a!important}.filter-button.active{background:var(--primary-color)!important;color:#fff!important;border-color:var(--primary-color)!important;box-shadow:0 2px 8px #667eea4d!important}.filter-button.active:hover{background:var(--primary-dark)!important;border-color:var(--primary-dark)!important}.sort-button{position:relative}.sort-button:active{transform:translateY(0) scale(.98)!important}.delete-button-improved{width:36px!important;height:36px!important;min-width:36px!important;padding:0!important;border-radius:8px!important;background:var(--bg-tertiary)!important;border:1px solid var(--border-color)!important;color:var(--text-danger)!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important;position:relative!important;overflow:hidden!important}.delete-button-improved:before{content:"";position:absolute;inset:0;background:radial-gradient(circle,transparent 0%,rgba(220,38,38,.1) 70%);opacity:0;transition:opacity .3s ease}.delete-button-improved:hover{background:var(--danger-color)!important;color:#fff!important;border-color:var(--danger-color)!important;transform:scale(1.1) rotate(5deg)!important;box-shadow:0 4px 12px #dc262666,0 2px 4px #dc262633!important}.delete-button-improved:hover:before{opacity:1}.delete-button-improved:active{transform:scale(.95) rotate(-2deg)!important;box-shadow:0 2px 8px #dc26264d!important}.delete-button-improved:focus-visible{animation:dangerPulse 2s infinite;outline:2px solid var(--danger-color)!important;outline-offset:2px!important}@keyframes dangerPulse{0%,to{box-shadow:0 0 #dc262666}50%{box-shadow:0 0 0 8px #dc262600}}.delete-button-improved.confirming{background:var(--warning-color)!important;color:#fff!important;border-color:var(--warning-color)!important;animation:shake .5s ease-in-out}.password-item-actions{display:flex;align-items:center;gap:8px;margin-left:0;flex-shrink:0}.refresh-button{width:40px!important;height:40px!important;min-width:40px!important;border-radius:10px!important;background:var(--bg-tertiary)!important;border:1px solid var(--border-color)!important;color:var(--text-secondary)!important;transition:all .3s ease!important;padding:0!important;display:flex!important;align-items:center!important;justify-content:center!important}.refresh-button:hover{background:var(--primary-color)!important;color:#fff!important;border-color:var(--primary-color)!important;transform:rotate(180deg)!important;box-shadow:0 4px 12px #667eea4d!important}.refresh-button:active{transform:rotate(180deg) scale(.95)!important}.refresh-button.loading{background:var(--primary-color)!important;color:#fff!important;border-color:var(--primary-color)!important;animation:continuousRotate 1s linear infinite!important}@keyframes continuousRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.search-header-main{display:flex;align-items:center;gap:12px;width:100%}.btn{position:relative;overflow:hidden}.btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.btn:hover:before{left:100%}.theme-dark .delete-button-improved{background:#ffffff0d!important;border-color:#ffffff1a!important}.theme-dark .delete-button-improved:hover{box-shadow:0 4px 12px #dc262666}@media (max-width: 768px){.password-search-controls{flex-direction:column;gap:12px;padding:12px 15px}.controls-left,.controls-right{width:100%;justify-content:center}.controls-left .btn,.controls-right .btn{flex:1;min-width:auto}.delete-button-improved{width:40px!important;height:40px!important;min-width:40px!important}}@keyframes buttonPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.btn.pulse{animation:buttonPulse .6s ease-in-out}.btn.success-feedback{background:var(--success-color)!important;color:#fff!important;border-color:var(--success-color)!important}.btn.error-feedback{background:var(--danger-color)!important;color:#fff!important;border-color:var(--danger-color)!important;animation:shake .5s ease-in-out}.password-form-modal{max-width:500px!important;width:90%!important;max-height:90vh!important;overflow-y:auto!important}.password-form{display:flex;flex-direction:column;gap:16px}.password-form__field-group{display:flex;flex-direction:column;gap:6px}.password-form__label{font-size:14px;font-weight:600;color:var(--text-primary);margin-bottom:4px}.password-form__label--required:after{content:" *";color:var(--danger-color);font-weight:700}.password-form__input,.password-form__textarea,.password-form__select{width:100%;padding:12px 16px;border:1px solid var(--border-color);border-radius:8px;font-size:14px;background:var(--bg-primary);color:var(--text-primary);transition:all .2s ease;font-family:inherit}.password-form__input:focus,.password-form__textarea:focus,.password-form__select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px #667eea1a;background:var(--bg-primary)}.password-form__input:disabled,.password-form__textarea:disabled,.password-form__select:disabled{background:var(--bg-secondary);color:var(--text-muted);cursor:not-allowed;opacity:.7}.password-form__input--error{border-color:var(--danger-color)!important;box-shadow:0 0 0 2px #dc35451a!important}.password-form__error{font-size:12px;color:var(--danger-color);margin-top:4px;display:flex;align-items:center;gap:4px}.password-form__error:before{content:"⚠️";font-size:10px}.password-form__textarea{resize:vertical;min-height:80px;max-height:120px}.password-form__select{cursor:pointer;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right 12px center;background-repeat:no-repeat;background-size:16px;padding-right:40px;appearance:none}.btn-loading{background:var(--primary-color)!important;color:#fff!important;border-color:var(--primary-color)!important;opacity:.8;cursor:not-allowed;position:relative}.btn-loading:after{content:"";position:absolute;top:50%;right:12px;width:14px;height:14px;margin-top:-7px;border:2px solid transparent;border-top:2px solid white;border-radius:50%;animation:spin 1s linear infinite}.theme-dark .password-form__input,.theme-dark .password-form__textarea,.theme-dark .password-form__select{background:var(--bg-secondary);border-color:var(--border-color);color:var(--text-primary)}.theme-dark .password-form__input:focus,.theme-dark .password-form__textarea:focus,.theme-dark .password-form__select:focus{background:var(--bg-primary);border-color:var(--primary-color)}.theme-dark .password-form__input:disabled,.theme-dark .password-form__textarea:disabled,.theme-dark .password-form__select:disabled{background:var(--bg-tertiary);color:var(--text-muted)}@media (max-width: 768px){.password-form-modal{width:95%!important;margin:10px!important;max-height:95vh!important}.password-form__input,.password-form__textarea,.password-form__select{font-size:16px;padding:14px 16px}.share-modal-footer{flex-direction:column;gap:12px;text-align:center}.share-modal-footer>div:last-child{order:-1}.share-modal-footer .btn{width:100%;padding:12px}}.password-form__input:focus-visible,.password-form__textarea:focus-visible,.password-form__select:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}.password-form-modal{animation:modalSlideIn .3s ease-out}.password-form-modal::-webkit-scrollbar{width:6px}.password-form-modal::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:3px}.password-form-modal::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.password-form-modal::-webkit-scrollbar-thumb:hover{background:var(--border-hover)}.password-form__input::placeholder,.password-form__textarea::placeholder{color:var(--text-muted);opacity:.7}.theme-dark .password-form__input::placeholder,.theme-dark .password-form__textarea::placeholder{color:var(--text-secondary);opacity:.8}@media (min-width: 769px) and (max-width: 1024px){.password-list-grid{grid-template-columns:repeat(2,1fr);gap:1rem}.password-search-controls{flex-direction:row;padding:16px 24px;gap:12px}.controls-left,.controls-right{width:auto;flex:1}.filter-button,.sort-button{min-width:120px}}@media (max-width: 768px){.search-header-main{flex-direction:row;gap:8px;width:100%}.search-header-main>*:first-child{flex:1}.refresh-button{width:44px;height:44px;min-width:44px;flex-shrink:0}.add-password-button{min-width:auto;padding:0 12px}.add-password-button .btn-text{display:none}.add-password-button{min-width:44px;justify-content:center}.password-search-controls{flex-direction:column;gap:12px;padding:12px 16px;margin-bottom:16px}.controls-left,.controls-right{width:100%;justify-content:center}.filter-button,.sort-button{flex:1;min-width:auto;height:44px;font-size:15px;padding:0 16px}.search-results-info{text-align:center;font-size:14px;margin-bottom:16px}.password-list-grid{grid-template-columns:1fr;gap:12px}.password-item{border-radius:12px;padding:16px;transition:transform .2s ease}.password-item:focus{outline:2px solid var(--primary-color);outline-offset:2px}.password-item-content{gap:16px}.password-item-title{font-size:18px;margin-bottom:12px;line-height:1.3}.password-item-field{margin-bottom:14px;gap:8px}.password-item-label{font-size:13px;font-weight:600;color:var(--text-secondary)}.password-item-value-container{background:var(--bg-secondary);padding:12px;border-radius:8px;border:1px solid var(--border-color);gap:8px;width:100%;justify-content:space-between}.password-item-value{font-size:14px;max-width:none;flex:1;min-width:0;text-align:left;font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,monospace}.password-item .password-controls{gap:6px;flex-shrink:0}.password-item .password-controls .btn{min-width:auto;min-height:36px;padding:8px;font-size:.8rem;border-radius:6px}.password-item-actions{padding-top:16px;border-top:1px solid var(--border-color);gap:12px;justify-content:center}.password-item-actions .btn{flex:1;height:44px;min-height:44px;font-weight:500;justify-content:center;max-width:120px}.edit-button-mobile{color:var(--color-primary);border-color:var(--color-primary)}.edit-button-mobile:hover{background-color:var(--color-primary);color:#fff}.share-button-mobile{min-width:44px;flex:1}.delete-button-mobile{width:44px;min-width:44px;flex:none}.password-item-link{display:block;background:var(--bg-secondary);padding:10px 12px;border-radius:8px;border:1px solid var(--border-color);text-decoration:none;color:var(--primary-color);font-size:14px;word-break:break-all;max-width:none;overflow:visible;white-space:normal}.password-item-link:hover{background:var(--primary-color);color:#fff}.password-item-date{font-size:12px;color:var(--text-muted);text-align:center;padding:8px;background:var(--bg-secondary);border-radius:6px}.dashboard-header{flex-direction:column;gap:16px;text-align:center;padding:16px}.dashboard-actions{width:100%;justify-content:center;flex-wrap:wrap;gap:8px}.dashboard-actions .btn{flex:1;min-width:120px;height:44px}.modal-content,.share-modal-content,.password-form-modal-content{width:95%;margin:10px;max-height:95vh;border-radius:16px}.modal-header,.share-modal-header,.password-form-modal-header{padding:16px 20px;border-bottom:1px solid var(--border-color)}.modal-body,.share-modal-body,.password-form-modal-body{padding:20px;max-height:calc(95vh - 140px);overflow-y:auto}.modal-footer,.share-modal-footer,.password-form-modal-footer{padding:16px 20px;border-top:1px solid var(--border-color);flex-direction:column;gap:12px}.modal-footer .btn,.share-modal-footer .btn,.password-form-modal-footer .btn{width:100%;height:48px;font-size:16px}}@media (max-width: 425px){.dashboard-header{padding:12px}.dashboard-title{font-size:20px}.dashboard-subtitle{font-size:13px}.password-search-controls{padding:10px 12px;gap:10px}.filter-button,.sort-button{font-size:14px;padding:0 12px}.password-item{padding:12px}.password-item-content{gap:12px}.password-item-title{font-size:16px}.share-button-mobile .btn-text,.edit-button-mobile .btn-text{display:none}.share-button-mobile,.edit-button-mobile{min-width:44px;width:44px;flex:none}.password-item-actions{justify-content:space-around;gap:16px}}@media (hover: none) and (pointer: coarse){.btn,.password-item-field button,.search-bar-clear,.modal-close{min-height:44px;min-width:44px}.btn:hover,.password-item:hover,.refresh-button:hover{transform:none}.btn:active,.password-item:active{transform:scale(.98);transition:transform .1s ease}.modal-body,.password-search-results{-webkit-overflow-scrolling:touch;scroll-behavior:smooth}}@media (max-height: 500px) and (orientation: landscape){.modal-content,.share-modal-content,.password-form-modal-content{max-height:95vh}.modal-body,.share-modal-body,.password-form-modal-body{max-height:calc(95vh - 120px)}.dashboard-header{padding:8px 16px}.dashboard-title{font-size:18px}.password-search-controls{padding:8px 16px}}@supports (padding-top: env(safe-area-inset-top)){@media (max-width: 768px){.dashboard-container,.modal-overlay,.share-modal-overlay,.password-form-modal-overlay{padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}}}@media (prefers-color-scheme: dark){@media (max-width: 768px){.password-item-value-container{background:var(--gray-700);border-color:var(--gray-600)}.password-item-link{background:var(--gray-700);border-color:var(--gray-600);color:var(--primary-color)}.password-item-date{background:var(--gray-700);color:var(--gray-300)}}}.password-strength-analyzer{margin:12px 0;padding:16px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;transition:all .2s ease}.strength-bar-container{display:flex;align-items:center;gap:12px;margin-bottom:12px}.strength-bar{flex:1;height:8px;background:var(--color-background-muted);border-radius:4px;overflow:hidden;position:relative}.strength-progress{height:100%;transition:width .3s ease,background-color .3s ease;border-radius:4px;position:relative}.strength-progress:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.2) 50%,transparent 100%);animation:shimmer 2s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.strength-label{font-size:14px;font-weight:600;min-width:80px;text-align:right;transition:color .3s ease}.strength-details{border-top:1px solid var(--color-border-light);padding-top:12px;margin-top:12px}.crack-time-info{display:grid;gap:8px;margin-bottom:16px}.info-item{display:flex;justify-content:space-between;align-items:center;padding:6px 0;font-size:13px}.info-label{color:var(--color-text-muted);font-weight:500}.info-value{color:var(--color-text);font-weight:600;font-family:var(--font-mono, "Courier New", monospace)}.recommendations{margin-top:12px}.recommendations h4{font-size:14px;font-weight:600;color:var(--color-text);margin:0 0 8px}.recommendations ul{list-style:none;padding:0;margin:0}.recommendations li{margin:4px 0;border-radius:4px;font-size:13px;line-height:1.4;position:relative;padding:6px 12px 6px 28px}.recommendations li:before{content:"";position:absolute;left:8px;top:50%;transform:translateY(-50%);width:4px;height:4px;border-radius:50%}.recommendation-warning{background:#dc35451a;border-left:3px solid #dc3545;color:#721c24}.recommendation-warning:before{background:#dc3545}.recommendation-suggestion{background:#0d6efd1a;border-left:3px solid #0d6efd;color:#084298}.recommendation-suggestion:before{background:#0d6efd}[data-theme=dark] .password-strength-analyzer{background:var(--color-surface-dark);border-color:var(--color-border-dark)}[data-theme=dark] .strength-bar{background:var(--color-background-muted-dark)}[data-theme=dark] .strength-details{border-top-color:var(--color-border-light-dark)}[data-theme=dark] .info-label{color:var(--color-text-muted-dark)}[data-theme=dark] .info-value,[data-theme=dark] .recommendations h4{color:var(--color-text-dark)}[data-theme=dark] .recommendation-warning{background:#dc354533;color:#f5c2c7}[data-theme=dark] .recommendation-suggestion{background:#0d6efd33;color:#9ec5fe}@media (max-width: 768px){.password-strength-analyzer{padding:12px;margin:8px 0}.strength-bar-container{gap:8px}.strength-label{min-width:70px;font-size:13px}.info-item{flex-direction:column;align-items:flex-start;gap:2px}.recommendations li{padding:8px 12px 8px 24px}}@media (prefers-reduced-motion: reduce){.strength-progress,.strength-label{transition:none}.strength-progress:after{animation:none}}@media (prefers-contrast: high){.password-strength-analyzer{border-width:2px}.strength-bar,.recommendations li{border:1px solid currentColor}}.password-generator{max-width:600px;margin:0 auto;padding:24px;background:var(--color-surface);border-radius:12px;border:1px solid var(--color-border);box-shadow:0 4px 6px #0000001a}.generator-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid var(--color-border-light)}.generator-header h3{margin:0;font-size:20px;font-weight:600;color:var(--color-text)}.generated-password-section{margin-bottom:32px}.current-password{display:flex;gap:8px;margin-bottom:12px}.password-display{flex:1;padding:12px 16px;border:2px solid var(--color-border);border-radius:8px;background:var(--color-background);font-family:var(--font-mono, "Courier New", monospace);font-size:16px;color:var(--color-text);outline:none;transition:border-color .2s ease}.password-display:focus{border-color:var(--color-primary)}.password-actions{display:flex;gap:8px}.copy-btn,.regenerate-btn{width:44px;height:44px;border:1px solid var(--color-border);background:var(--color-surface);border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.copy-btn:hover,.regenerate-btn:hover{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.copy-btn:disabled,.regenerate-btn:disabled{opacity:.5;cursor:not-allowed}.password-strength-display{position:relative;height:6px;background:var(--color-background-muted);border-radius:3px;overflow:hidden;margin-bottom:8px}.strength-bar{height:100%;transition:width .3s ease,background-color .3s ease;border-radius:3px}.strength-text{font-size:12px;color:var(--color-text-muted);font-weight:500}.generation-options{margin-bottom:32px}.option-group{margin-bottom:24px;padding:16px;background:var(--color-background-light);border-radius:8px;border:1px solid var(--color-border-light)}.option-label{display:block;margin-bottom:8px;font-size:14px;font-weight:500;color:var(--color-text)}.length-slider{width:100%;height:6px;border-radius:3px;background:var(--color-background-muted);outline:none;-webkit-appearance:none;margin-top:8px}.length-slider::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;border-radius:50%;background:var(--color-primary);cursor:pointer;border:2px solid white;box-shadow:0 2px 4px #0003}.length-slider::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:var(--color-primary);cursor:pointer;border:2px solid white;box-shadow:0 2px 4px #0003}.checkbox-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.checkbox-option{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--color-text);cursor:pointer;transition:color .2s ease}.checkbox-option input[type=checkbox]{width:16px;height:16px;accent-color:var(--color-primary);cursor:pointer}.checkbox-option:hover{color:var(--color-primary)}.exclude-chars-input{width:100%;padding:8px 12px;border:1px solid var(--color-border);border-radius:6px;background:var(--color-background);font-size:14px;color:var(--color-text);margin-top:8px;outline:none;transition:border-color .2s ease}.exclude-chars-input:focus{border-color:var(--color-primary)}.password-history{margin-bottom:32px}.password-history h4{margin:0 0 16px;font-size:16px;font-weight:600;color:var(--color-text)}.history-list{display:flex;flex-direction:column;gap:8px;max-height:200px;overflow-y:auto}.history-item{display:flex;align-items:center;gap:12px;padding:12px;background:var(--color-background-light);border:1px solid var(--color-border-light);border-radius:6px;transition:all .2s ease}.history-item:hover{background:var(--color-background-hover);border-color:var(--color-border)}.history-password{flex:1;font-family:var(--font-mono, "Courier New", monospace);font-size:14px;color:var(--color-text);cursor:pointer;padding:4px 8px;border-radius:4px;transition:background-color .2s ease;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.history-password:hover{background:var(--color-background-muted)}.history-info{display:flex;flex-direction:column;gap:2px;min-width:80px}.history-strength{font-size:12px;font-weight:600}.history-time{font-size:11px;color:var(--color-text-muted)}.history-copy-btn{width:32px;height:32px;border:1px solid var(--color-border);background:var(--color-surface);border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.history-copy-btn:hover{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.generator-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.generate-btn,.use-btn{padding:12px 24px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;min-width:140px}.generate-btn.primary{background:var(--color-primary);color:#fff}.generate-btn.primary:hover{background:var(--color-primary-dark);transform:translateY(-1px)}.use-btn.secondary{background:var(--color-secondary);color:var(--color-text);border:1px solid var(--color-border)}.use-btn.secondary:hover{background:var(--color-secondary-dark);border-color:var(--color-primary)}.use-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}[data-theme=dark] .password-generator{background:var(--color-surface-dark);border-color:var(--color-border-dark);box-shadow:0 4px 6px #0000004d}[data-theme=dark] .generator-header{border-bottom-color:var(--color-border-light-dark)}[data-theme=dark] .generator-header h3{color:var(--color-text-dark)}[data-theme=dark] .password-display{background:var(--color-background-dark);border-color:var(--color-border-dark);color:var(--color-text-dark)}[data-theme=dark] .option-group{background:var(--color-background-light-dark);border-color:var(--color-border-light-dark)}[data-theme=dark] .option-label,[data-theme=dark] .checkbox-option{color:var(--color-text-dark)}[data-theme=dark] .exclude-chars-input{background:var(--color-background-dark);border-color:var(--color-border-dark);color:var(--color-text-dark)}[data-theme=dark] .history-item{background:var(--color-background-light-dark);border-color:var(--color-border-light-dark)}[data-theme=dark] .history-item:hover{background:var(--color-background-hover-dark);border-color:var(--color-border-dark)}[data-theme=dark] .history-password{color:var(--color-text-dark)}[data-theme=dark] .history-time{color:var(--color-text-muted-dark)}@media (max-width: 768px){.password-generator{padding:16px;margin:0 12px}.current-password{flex-direction:column;gap:12px}.password-actions{justify-content:center}.checkbox-options{grid-template-columns:1fr;gap:16px}.generator-actions{flex-direction:column}.generate-btn,.use-btn{width:100%}.history-item{flex-direction:column;align-items:stretch;gap:8px}.history-password{text-align:center;padding:8px}.history-info{flex-direction:row;justify-content:space-between;align-items:center;min-width:auto}}@media (prefers-reduced-motion: reduce){.copy-btn,.regenerate-btn,.history-copy-btn,.generate-btn,.use-btn,.history-item,.checkbox-option,.strength-bar{transition:none}}@media (prefers-contrast: high){.password-generator,.password-display,.exclude-chars-input,.option-group,.history-item{border-width:2px}}.security-recommendations{max-width:1000px;min-height:600px;height:auto;margin:0 auto;padding:24px;background:var(--color-surface);border-radius:12px;border:1px solid var(--color-border);box-shadow:0 4px 6px #0000001a;display:flex;flex-direction:column}.recommendations-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid var(--color-border-light)}.recommendations-header h2{margin:0;font-size:24px;font-weight:600;color:var(--color-text)}.close-button{width:36px;height:36px;border:1px solid var(--color-border, #e5e5e5);background:var(--color-background-muted, #f8f9fa);border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;color:var(--color-text, #333);flex-shrink:0}.close-button:hover{background:var(--color-background-hover, #e9ecef);border-color:var(--color-border-hover, #dee2e6);color:var(--color-danger, #dc3545)}.close-button:focus{outline:2px solid var(--color-primary, #007bff);outline-offset:2px}.close-button svg{width:20px!important;height:20px!important;stroke-width:2}.recommendations-tabs{display:flex;gap:4px;margin-bottom:32px;background:var(--color-background-light);padding:4px;border-radius:8px;border:1px solid var(--color-border-light)}.tab-button{flex:1;padding:12px 16px;border:none;background:transparent;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;font-size:14px;font-weight:500;color:var(--color-text-muted);transition:all .2s ease}.tab-button:hover{background:var(--color-background-hover);color:var(--color-text)}.tab-button.active{background:var(--color-primary, #007bff);color:#fff!important;box-shadow:0 2px 4px #0000001a;font-weight:600}.overview-content,.issues-content,.recommendations-content,.passwords-content{display:flex;flex-direction:column;min-height:400px;overflow-y:auto;flex:1;opacity:1;animation:fadeIn .3s ease-in-out}.overview-content{gap:24px}.issues-content{gap:20px}.recommendations-content{gap:16px}.passwords-content{padding:0}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding:12px 16px;background:var(--color-background-light);border-radius:8px;border-left:4px solid var(--color-primary);transition:all .2s ease}.section-header:hover{box-shadow:0 2px 4px #0000001a}.section-header h3{margin:0;font-size:16px;font-weight:600;color:var(--color-text)}.section-header .header-actions{display:flex;gap:8px}.empty-state{text-align:center;padding:60px 20px;color:var(--color-text-muted)}.empty-state-icon{font-size:48px;margin-bottom:16px;opacity:.5}.empty-state h3{margin:0 0 8px;font-size:18px;font-weight:600;color:var(--color-text)}.empty-state p{margin:0;font-size:14px;line-height:1.5}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:var(--color-text-muted)}.loading-spinner{width:32px;height:32px;border:3px solid var(--color-border-light);border-top:3px solid var(--color-primary);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}.loading-text{font-size:14px;font-weight:500}.security-score-card{display:flex;gap:24px;padding:24px;background:linear-gradient(135deg,var(--color-background-light) 0%,var(--color-background) 100%);border-radius:12px;border:1px solid var(--color-border-light)}.score-circle{width:120px;height:120px;border-radius:50%;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 4px 8px #0000001a;border:3px solid var(--color-border-light)}.score-number{font-size:36px;font-weight:700;line-height:1}.score-grade{font-size:18px;font-weight:600;margin-top:4px}.score-info{flex:1;display:flex;flex-direction:column;justify-content:center}.score-info h3{margin:0 0 8px;font-size:20px;font-weight:600;color:var(--color-text)}.score-description{margin:0 0 20px;font-size:16px;color:var(--color-text-muted)}.score-stats{display:flex;gap:32px}.stat-item{display:flex;flex-direction:column;align-items:center}.stat-number{font-size:24px;font-weight:700;color:var(--color-primary)}.stat-label{font-size:12px;color:var(--color-text-muted);margin-top:4px}.issues-summary h4{margin:0 0 16px;font-size:18px;font-weight:600;color:var(--color-text)}.no-issues{display:flex;flex-direction:column;align-items:center;gap:12px;padding:40px;background:var(--color-background-light);border-radius:8px;border:1px solid var(--color-border-light)}.no-issues svg{width:48px;height:48px;color:#28a745}.no-issues p{margin:0;font-size:16px;color:var(--color-text);font-weight:500}.issues-list{display:flex;flex-direction:column;gap:12px}.issue-item{display:flex;align-items:center;gap:12px;padding:16px;border-radius:8px;border:1px solid var(--color-border-light);transition:all .2s ease}.issue-item.critical{background:#dc35451a;border-color:#dc3545}.issue-item.warning{background:#ffc1071a;border-color:#ffc107}.issue-item.info{background:#0d6efd1a;border-color:#0d6efd}.issue-item svg{width:20px;height:20px;flex-shrink:0}.issue-item.critical svg{color:#dc3545}.issue-item.warning svg{color:#ffc107}.issue-item.info svg{color:#0d6efd}.issue-content{flex:1}.issue-content h5{margin:0 0 4px;font-size:14px;font-weight:600;color:var(--color-text)}.issue-content p{margin:0;font-size:13px;color:var(--color-text-muted)}.issue-count{width:32px;height:32px;background:var(--color-primary);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600}.issue-section{border:1px solid var(--color-border-light);border-radius:8px;overflow:hidden}.section-content{padding:20px;background:var(--color-background)}.duplicate-group,.similar-group{margin-bottom:20px;padding:16px;background:var(--color-background-light);border-radius:6px;border:1px solid var(--color-border-light)}.group-header{margin-bottom:12px;font-size:14px;color:var(--color-text)}.affected-passwords{display:flex;flex-direction:column;gap:8px}.password-item{display:flex;align-items:center;gap:12px;padding:8px 12px;background:var(--color-background);border-radius:4px;border:1px solid var(--color-border-light)}.password-item svg{width:16px;height:16px;color:var(--color-text-muted)}.password-item span{flex:1;font-size:13px;color:var(--color-text)}.similarity-badge{background:var(--color-primary);color:#fff;padding:2px 8px;border-radius:12px;font-size:11px;font-weight:500}.fix-button{padding:4px 12px;border:1px solid var(--color-primary);background:transparent;color:var(--color-primary);border-radius:4px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease}.fix-button:hover{background:var(--color-primary);color:#fff}.weak-password-item{display:flex;align-items:center;gap:16px;padding:12px;background:var(--color-background-light);border-radius:6px;border:1px solid var(--color-border-light);margin-bottom:12px}.password-info{display:flex;align-items:center;gap:8px;flex:1}.password-info svg{width:16px;height:16px;color:var(--color-text-muted)}.issue-tag{background:#dc35451a;color:#dc3545;padding:2px 8px;border-radius:12px;font-size:11px;font-weight:500}.recommendation-card{padding:20px;border-radius:8px;border:1px solid var(--color-border-light);background:var(--color-background-light)}.recommendation-card.high{border-left:4px solid #dc3545}.recommendation-card.medium{border-left:4px solid #ffc107}.recommendation-card.low{border-left:4px solid #28a745}.recommendation-header{display:flex;align-items:center;gap:12px;margin-bottom:12px}.priority-badge{padding:4px 8px;border-radius:12px;font-size:11px;font-weight:600;text-transform:uppercase}.recommendation-card.high .priority-badge{background:#dc35451a;color:#dc3545}.recommendation-card.medium .priority-badge{background:#ffc1071a;color:#856404}.recommendation-card.low .priority-badge{background:#28a7451a;color:#155724}.recommendation-header h4{flex:1;margin:0;font-size:16px;font-weight:600;color:var(--color-text)}.recommendation-description{margin:0 0 16px;font-size:14px;color:var(--color-text-muted);line-height:1.5}.recommendation-stats{margin-bottom:16px;font-size:13px;color:var(--color-text-muted)}.action-button{padding:8px 16px;border:1px solid var(--color-primary);background:var(--color-primary);color:#fff;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.action-button:hover{background:var(--color-primary-dark);border-color:var(--color-primary-dark)}.passwords-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.password-analysis-card{padding:20px;background:var(--color-background-light);border-radius:8px;border:1px solid var(--color-border-light)}.password-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.password-header h5{margin:0;font-size:16px;font-weight:600;color:var(--color-text)}.grade-badge{padding:4px 8px;border-radius:12px;font-size:12px;font-weight:600}.password-details{margin-bottom:16px}.detail-item{display:flex;justify-content:space-between;align-items:center;padding:6px 0;font-size:13px;border-bottom:1px solid var(--color-border-light)}.detail-item:last-child{border-bottom:none}.detail-item span:first-child{color:var(--color-text-muted);font-weight:500}.detail-item span:last-child{color:var(--color-text);font-weight:600}.password-issues{margin-bottom:16px}.password-issues h6{margin:0 0 8px;font-size:14px;font-weight:600;color:var(--color-text)}.password-issues ul{margin:0;padding-left:16px}.password-issues li{font-size:12px;color:var(--color-text-muted);margin-bottom:4px}.improve-button{width:100%;padding:10px;border:1px solid var(--color-primary);background:transparent;color:var(--color-primary);border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.improve-button:hover{background:var(--color-primary);color:#fff}[data-theme=dark] .security-recommendations{background:var(--color-surface-dark);border-color:var(--color-border-dark);box-shadow:0 4px 6px #0000004d}[data-theme=dark] .recommendations-header h2{color:var(--color-text-dark)}[data-theme=dark] .close-button{background:var(--color-background-muted-dark, #495057);border-color:var(--color-border-dark, #6c757d);color:var(--color-text-dark, #f8f9fa)}[data-theme=dark] .close-button:hover{background:var(--color-background-hover-dark, #6c757d);border-color:var(--color-border-hover-dark, #adb5bd);color:var(--color-danger, #dc3545)}[data-theme=dark] .recommendations-tabs{background:var(--color-background-light-dark);border-color:var(--color-border-light-dark)}[data-theme=dark] .tab-button{color:var(--color-text-muted-dark)}[data-theme=dark] .tab-button:hover{background:var(--color-background-hover-dark);color:var(--color-text-dark)}[data-theme=dark] .tab-button.active{background:var(--color-primary, #007bff);color:#fff!important;font-weight:600}[data-theme=dark] .security-score-card{background:linear-gradient(135deg,var(--color-background-light-dark) 0%,var(--color-background-dark) 100%);border-color:var(--color-border-light-dark)}[data-theme=dark] .score-circle{background:var(--color-surface-dark);border-color:var(--color-border-light-dark)}[data-theme=dark] .issue-section,[data-theme=dark] .recommendation-card,[data-theme=dark] .password-analysis-card{background:var(--color-background-light-dark);border-color:var(--color-border-light-dark)}[data-theme=dark] .section-content{background:var(--color-background-dark)}@media (max-width: 1024px) and (min-width: 769px){.security-recommendations{padding:20px;max-width:900px}.recommendations-header h2{font-size:22px}.security-score-card{gap:20px}.score-circle{width:100px;height:100px}.score-number{font-size:32px}.score-grade{font-size:16px}.passwords-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}}@media (max-width: 768px){.security-recommendations{padding:16px;margin:0 12px;min-height:500px;max-width:none}.recommendations-header{flex-direction:column;gap:16px;text-align:center}.recommendations-header h2{font-size:20px}.close-button{width:44px;height:44px;min-width:44px;min-height:44px}.close-button svg{width:24px!important;height:24px!important}.recommendations-tabs{flex-direction:column;gap:8px;padding:8px}.tab-button{justify-content:flex-start;padding:16px;font-size:16px;min-height:44px}.tab-button.active{color:#fff!important;font-weight:600}.security-score-card{flex-direction:column;text-align:center;gap:16px;padding:20px}.score-circle{width:100px;height:100px;margin:0 auto}.score-number{font-size:28px}.score-grade{font-size:14px}.score-stats{justify-content:center;gap:20px;flex-wrap:wrap}.passwords-grid{grid-template-columns:1fr;gap:16px}.password-item{flex-direction:column;align-items:stretch;gap:8px;padding:12px}.password-info{justify-content:space-between}.issues-list{gap:8px}.issue-item{padding:12px}.weak-password-item{flex-direction:column;align-items:stretch;gap:12px}.overview-content,.issues-content,.recommendations-content,.passwords-content{min-height:350px}.fix-button,.action-button,.improve-button{min-height:44px;font-size:16px}}@media (max-width: 480px){.security-recommendations{padding:12px;margin:0 8px;border-radius:8px}.recommendations-header h2{font-size:18px}.security-score-card{padding:16px;gap:12px}.score-circle{width:80px;height:80px}.score-number{font-size:24px}.score-grade{font-size:12px}.score-stats{gap:16px}.stat-number{font-size:20px}.tab-button{padding:12px;font-size:14px}}@media (prefers-reduced-motion: reduce){.tab-button,.close-button,.section-header,.fix-button,.action-button,.improve-button,.issue-item,.recommendation-card,.password-analysis-card{transition:none}.overview-content,.issues-content,.recommendations-content,.passwords-content,.loading-spinner{animation:none}@keyframes fadeIn{0%,to{opacity:1;transform:translateY(0)}}}@media (prefers-contrast: high){.security-recommendations{border-width:2px;border-color:#000}.close-button{border-width:2px;background:#fff;color:#000}.close-button:hover{background:#f0f0f0;color:#d00000;border-color:#d00000}.tab-button.active{background:#000!important;color:#fff!important;border:2px solid #000}.issue-section,.recommendation-card,.password-analysis-card{border-width:2px}.score-circle{border-width:3px;border-color:#000}.fix-button,.action-button,.improve-button{border-width:2px}}@media print{.security-recommendations{box-shadow:none;border:1px solid #000;background:#fff;color:#000;max-width:none;margin:0;padding:20px}.close-button,.recommendations-tabs{display:none}.overview-content{display:block!important}.issues-content,.recommendations-content,.passwords-content{display:none}.security-score-card{background:#fff;border:1px solid #000}.score-circle{background:#fff;border:2px solid #000}}@media (max-width: 768px){.recommendations-tabs{flex-direction:row!important;gap:4px!important;padding:4px!important;overflow-x:auto!important;overflow-y:hidden!important;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.recommendations-tabs::-webkit-scrollbar{display:none}.tab-button{flex:0 0 auto!important;min-width:max-content!important;justify-content:center!important;padding:10px 16px!important;font-size:14px!important;min-height:40px!important;white-space:nowrap!important}.tab-button svg{width:16px;height:16px;flex-shrink:0}.tab-button.active{background:var(--color-primary, #007bff)!important;color:#fff!important;font-weight:600!important}.tab-button:first-child{margin-left:2px}.tab-button:last-child{margin-right:2px}}@media (max-width: 480px){.recommendations-tabs{padding:3px!important}.tab-button{padding:8px 12px!important;font-size:13px!important;min-height:36px!important;gap:6px!important}.tab-button svg{width:14px;height:14px}}@media (max-width: 768px) and (min-width: 481px){.recommendations-tabs{display:grid!important;grid-template-columns:repeat(4,1fr);gap:2px!important;overflow-x:visible!important}.tab-button{min-width:unset!important;padding:8px 4px!important;font-size:13px!important}.tab-button{flex-direction:column!important;gap:4px!important;min-height:48px!important}.tab-button svg{width:18px;height:18px}}@media (max-width: 360px){.recommendations-tabs{display:grid!important;grid-template-columns:repeat(2,1fr);gap:4px!important;overflow-x:visible!important}.tab-button{min-width:unset!important;padding:10px 8px!important;min-height:44px!important}}@media (max-width: 480px){.recommendations-tabs{position:relative}.recommendations-tabs:after{content:"";position:absolute;right:0;top:0;bottom:0;width:20px;background:linear-gradient(to right,transparent,var(--color-background-light, rgba(248, 249, 250, .95)));pointer-events:none;opacity:0;transition:opacity .3s ease}.recommendations-tabs.scrollable:after{opacity:1}}[data-theme="dark"] @media (max-width: 480px){.recommendations-tabs:after{background:linear-gradient(to right,transparent,var(--color-background-light-dark, rgba(52, 58, 64, .95)))}}.security-recommendations-modal-overlay{position:fixed;inset:0;background:#00000080;backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:20px;z-index:1000;animation:modalOverlayFadeIn .2s ease-out}.security-recommendations-modal-overlay .security-recommendations{background:var(--bg-primary);border-radius:16px;box-shadow:0 20px 40px #00000026,0 4px 12px #0000001a;border:1px solid var(--border-color);width:100%;max-width:1000px;max-height:90vh;display:flex;flex-direction:column;animation:modalContentSlideIn .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;margin:0;padding:0}.security-recommendations-modal-overlay .overview-content,.security-recommendations-modal-overlay .issues-content,.security-recommendations-modal-overlay .recommendations-content,.security-recommendations-modal-overlay .passwords-content{overflow-y:auto;flex:1;min-height:0}.theme-dark .security-recommendations-modal-overlay{background:#000000b3}.theme-dark .security-recommendations-modal-overlay .security-recommendations{background:var(--bg-primary);border-color:var(--border-color);box-shadow:0 20px 40px #0006,0 4px 12px #0000004d}@media (max-width: 768px){.security-recommendations-modal-overlay{padding:10px;align-items:flex-end}.security-recommendations-modal-overlay .security-recommendations{width:100%!important;max-width:none!important;margin:0;border-radius:16px 16px 0 0;max-height:95vh;min-height:auto;animation:modalContentSlideUp .3s cubic-bezier(.4,0,.2,1)}@keyframes modalContentSlideUp{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}.security-recommendations-modal-overlay .recommendations-header{padding:16px 20px 12px;flex-direction:row;justify-content:space-between;align-items:center;gap:12px;text-align:left}.security-recommendations-modal-overlay .recommendations-header h2{font-size:18px;margin:0}.security-recommendations-modal-overlay .close-button{width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;flex-shrink:0}.security-recommendations-modal-overlay .security-recommendations{padding:0}.security-recommendations-modal-overlay .overview-content,.security-recommendations-modal-overlay .issues-content,.security-recommendations-modal-overlay .recommendations-content,.security-recommendations-modal-overlay .passwords-content{min-height:300px}}@media (max-width: 375px){.security-recommendations-modal-overlay{padding:5px}.security-recommendations-modal-overlay .security-recommendations{border-radius:12px 12px 0 0}.security-recommendations-modal-overlay .recommendations-header{padding:12px 16px 10px}.security-recommendations-modal-overlay .recommendations-header h2{font-size:16px}}@media (max-height: 500px) and (orientation: landscape){.security-recommendations-modal-overlay{align-items:center;padding:10px}.security-recommendations-modal-overlay .security-recommendations{max-height:95vh;border-radius:16px;animation:modalContentSlideIn .3s cubic-bezier(.4,0,.2,1)}.security-recommendations-modal-overlay .recommendations-header{padding:12px 20px 8px}.security-recommendations-modal-overlay .recommendations-header h2{font-size:16px}}@keyframes modalOverlayFadeIn{0%{opacity:0;backdrop-filter:blur(0px)}to{opacity:1;backdrop-filter:blur(4px)}}@keyframes modalContentSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@media (prefers-reduced-motion: reduce){.security-recommendations-modal-overlay,.security-recommendations-modal-overlay .security-recommendations{animation:none}}@media (prefers-contrast: high){.security-recommendations-modal-overlay .security-recommendations{border-width:2px!important}}.security-recommendations{min-height:600px;height:auto}.security-recommendations .overview-content,.security-recommendations .issues-content,.security-recommendations .recommendations-content,.security-recommendations .passwords-content{min-height:450px;max-height:450px;overflow-y:auto;overflow-x:hidden}.modal-overlay .security-recommendations-modal-overlay .modal-content .security-recommendations{min-height:600px;height:600px;display:flex;flex-direction:column}.modal-overlay .security-recommendations-modal-overlay .modal-content .security-recommendations .overview-content,.modal-overlay .security-recommendations-modal-overlay .modal-content .security-recommendations .issues-content,.modal-overlay .security-recommendations-modal-overlay .modal-content .security-recommendations .recommendations-content,.modal-overlay .security-recommendations-modal-overlay .modal-content .security-recommendations .passwords-content{flex:1;min-height:0;max-height:420px;overflow-y:auto;overflow-x:hidden}@media screen and (max-width: 1024px) and (min-width: 769px){.modal-overlay .security-recommendations-modal-overlay .modal-content .security-recommendations,body .security-recommendations{min-height:550px;height:550px}.modal-overlay .security-recommendations-modal-overlay .modal-content .security-recommendations .overview-content,.modal-overlay .security-recommendations-modal-overlay .modal-content .security-recommendations .issues-content,.modal-overlay .security-recommendations-modal-overlay .modal-content .security-recommendations .recommendations-content,.modal-overlay .security-recommendations-modal-overlay .modal-content .security-recommendations .passwords-content,body .security-recommendations .overview-content,body .security-recommendations .issues-content,body .security-recommendations .recommendations-content,body .security-recommendations .passwords-content{max-height:370px}}@media screen and (max-width: 768px){.modal-overlay .security-recommendations-modal-overlay .modal-content .security-recommendations,body .security-recommendations{min-height:500px;height:500px;max-height:85vh}.modal-overlay .security-recommendations-modal-overlay .modal-content .security-recommendations .overview-content,.modal-overlay .security-recommendations-modal-overlay .modal-content .security-recommendations .issues-content,.modal-overlay .security-recommendations-modal-overlay .modal-content .security-recommendations .recommendations-content,.modal-overlay .security-recommendations-modal-overlay .modal-content .security-recommendations .passwords-content,body .security-recommendations .overview-content,body .security-recommendations .issues-content,body .security-recommendations .recommendations-content,body .security-recommendations .passwords-content{min-height:320px;max-height:340px}}@media screen and (max-width: 480px){.modal-overlay .security-recommendations-modal-overlay .modal-content .security-recommendations,body .security-recommendations{min-height:480px;height:480px;max-height:90vh}.modal-overlay .security-recommendations-modal-overlay .modal-content .security-recommendations .overview-content,.modal-overlay .security-recommendations-modal-overlay .modal-content .security-recommendations .issues-content,.modal-overlay .security-recommendations-modal-overlay .modal-content .security-recommendations .recommendations-content,.modal-overlay .security-recommendations-modal-overlay .modal-content .security-recommendations .passwords-content,body .security-recommendations .overview-content,body .security-recommendations .issues-content,body .security-recommendations .recommendations-content,body .security-recommendations .passwords-content{min-height:300px;max-height:330px}}@media screen and (max-width: 375px){.modal-overlay .security-recommendations-modal-overlay .modal-content .security-recommendations,body .security-recommendations{min-height:450px;height:450px;max-height:92vh}.modal-overlay .security-recommendations-modal-overlay .modal-content .security-recommendations .overview-content,.modal-overlay .security-recommendations-modal-overlay .modal-content .security-recommendations .issues-content,.modal-overlay .security-recommendations-modal-overlay .modal-content .security-recommendations .recommendations-content,.modal-overlay .security-recommendations-modal-overlay .modal-content .security-recommendations .passwords-content,body .security-recommendations .overview-content,body .security-recommendations .issues-content,body .security-recommendations .recommendations-content,body .security-recommendations .passwords-content{min-height:280px;max-height:310px}}@media screen and (max-height: 500px) and (orientation: landscape){.modal-overlay .security-recommendations-modal-overlay .modal-content .security-recommendations,body .security-recommendations{min-height:400px;height:400px;max-height:90vh}.modal-overlay .security-recommendations-modal-overlay .modal-content .security-recommendations .overview-content,.modal-overlay .security-recommendations-modal-overlay .modal-content .security-recommendations .issues-content,.modal-overlay .security-recommendations-modal-overlay .modal-content .security-recommendations .recommendations-content,.modal-overlay .security-recommendations-modal-overlay .modal-content .security-recommendations .passwords-content,body .security-recommendations .overview-content,body .security-recommendations .issues-content,body .security-recommendations .recommendations-content,body .security-recommendations .passwords-content{min-height:220px;max-height:260px}}.security-recommendations .overview-content::-webkit-scrollbar,.security-recommendations .issues-content::-webkit-scrollbar,.security-recommendations .recommendations-content::-webkit-scrollbar,.security-recommendations .passwords-content::-webkit-scrollbar{width:6px}.security-recommendations .overview-content::-webkit-scrollbar-track,.security-recommendations .issues-content::-webkit-scrollbar-track,.security-recommendations .recommendations-content::-webkit-scrollbar-track,.security-recommendations .passwords-content::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:3px}.security-recommendations .overview-content::-webkit-scrollbar-thumb,.security-recommendations .issues-content::-webkit-scrollbar-thumb,.security-recommendations .recommendations-content::-webkit-scrollbar-thumb,.security-recommendations .passwords-content::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.security-recommendations .overview-content::-webkit-scrollbar-thumb:hover,.security-recommendations .issues-content::-webkit-scrollbar-thumb:hover,.security-recommendations .recommendations-content::-webkit-scrollbar-thumb:hover,.security-recommendations .passwords-content::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}[data-theme=dark] .security-recommendations .overview-content::-webkit-scrollbar-track,[data-theme=dark] .security-recommendations .issues-content::-webkit-scrollbar-track,[data-theme=dark] .security-recommendations .recommendations-content::-webkit-scrollbar-track,[data-theme=dark] .security-recommendations .passwords-content::-webkit-scrollbar-track{background:var(--bg-secondary)}[data-theme=dark] .security-recommendations .overview-content::-webkit-scrollbar-thumb,[data-theme=dark] .security-recommendations .issues-content::-webkit-scrollbar-thumb,[data-theme=dark] .security-recommendations .recommendations-content::-webkit-scrollbar-thumb,[data-theme=dark] .security-recommendations .passwords-content::-webkit-scrollbar-thumb{background:var(--border-color)}[data-theme=dark] .security-recommendations .overview-content::-webkit-scrollbar-thumb:hover,[data-theme=dark] .security-recommendations .issues-content::-webkit-scrollbar-thumb:hover,[data-theme=dark] .security-recommendations .recommendations-content::-webkit-scrollbar-thumb:hover,[data-theme=dark] .security-recommendations .passwords-content::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.security-recommendations-modal .modal-content{max-width:900px!important;width:90%!important}.security-recommendations-modal .modal-body{padding:0!important}.security-recommendations{border:none!important;box-shadow:none!important;background:transparent!important;padding:20px!important;margin:0!important;max-width:none!important;min-height:auto!important;height:auto!important}.security-recommendations .recommendations-header{display:none!important}.security-recommendations .recommendations-tabs{margin-top:0;margin-bottom:24px}.security-recommendations .overview-content,.security-recommendations .issues-content,.security-recommendations .recommendations-content,.security-recommendations .passwords-content{min-height:400px!important;max-height:60vh!important;overflow-y:auto}@media (max-width: 1024px) and (min-width: 769px){.security-recommendations-modal .modal-content{max-width:800px!important;width:90%!important}.security-recommendations{padding:16px!important}}@media (max-width: 768px){.security-recommendations-modal .modal-content{width:100%!important;max-width:none!important}.security-recommendations{padding:12px!important}.security-recommendations .recommendations-tabs{margin-bottom:16px}.security-recommendations .overview-content,.security-recommendations .issues-content,.security-recommendations .recommendations-content,.security-recommendations .passwords-content{min-height:350px!important;max-height:50vh!important}}@media (max-width: 480px){.security-recommendations{padding:8px!important}.security-recommendations .overview-content,.security-recommendations .issues-content,.security-recommendations .recommendations-content,.security-recommendations .passwords-content{min-height:300px!important;max-height:45vh!important}}.security-recommendations-modal-overlay{display:none!important}.theme-dark .security-recommendations{background:transparent!important}.security-recommendations .overview-content::-webkit-scrollbar,.security-recommendations .issues-content::-webkit-scrollbar,.security-recommendations .recommendations-content::-webkit-scrollbar,.security-recommendations .passwords-content::-webkit-scrollbar{width:8px}.security-recommendations .overview-content::-webkit-scrollbar-track,.security-recommendations .issues-content::-webkit-scrollbar-track,.security-recommendations .recommendations-content::-webkit-scrollbar-track,.security-recommendations .passwords-content::-webkit-scrollbar-track{background:var(--color-background-light, #f1f1f1);border-radius:4px}.security-recommendations .overview-content::-webkit-scrollbar-thumb,.security-recommendations .issues-content::-webkit-scrollbar-thumb,.security-recommendations .recommendations-content::-webkit-scrollbar-thumb,.security-recommendations .passwords-content::-webkit-scrollbar-thumb{background:var(--color-border, #ccc);border-radius:4px}.security-recommendations .overview-content::-webkit-scrollbar-thumb:hover,.security-recommendations .issues-content::-webkit-scrollbar-thumb:hover,.security-recommendations .recommendations-content::-webkit-scrollbar-thumb:hover,.security-recommendations .passwords-content::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted, #999)}.two-factor-modal-overlay{position:fixed;inset:0;background-color:#0009;display:flex;justify-content:center;align-items:center;z-index:1100;padding:20px;box-sizing:border-box}.two-factor-modal{background:var(--color-surface);border-radius:12px;width:100%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:0 25px 50px #0000004d;border:1px solid var(--color-border);animation:modalSlideIn .3s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.two-factor-header{display:flex;justify-content:space-between;align-items:center;padding:24px 30px 20px;border-bottom:1px solid var(--color-border-light)}.two-factor-header h2{margin:0;font-size:20px;font-weight:600;color:var(--color-text)}.close-button{width:32px;height:32px;border:none;background:var(--color-background-muted);border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.close-button:hover{background:var(--color-background-hover)}.two-factor-content{padding:30px}.step-intro,.step-setup,.step-verify,.step-complete{text-align:center}.step-icon,.success-icon{font-size:48px;margin-bottom:20px}.step-intro h3{margin:0 0 16px;font-size:24px;font-weight:600;color:var(--color-text)}.step-intro p{margin:0 0 24px;font-size:16px;line-height:1.6;color:var(--color-text-muted)}.benefits-list{display:flex;flex-direction:column;gap:12px;margin-bottom:24px;text-align:left}.benefit-item{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--color-background-light);border-radius:8px;border:1px solid var(--color-border-light)}.benefit-item svg{width:20px;height:20px;color:#22c55e;flex-shrink:0}.benefit-item span{font-size:14px;font-weight:500;color:var(--color-text)}.supported-apps{text-align:left;margin-bottom:32px;padding:20px;background:var(--color-background-light);border-radius:8px;border:1px solid var(--color-border-light)}.supported-apps h4{margin:0 0 12px;font-size:14px;font-weight:600;color:var(--color-text)}.supported-apps ul{margin:0;padding-left:20px}.supported-apps li{font-size:14px;color:var(--color-text-muted);margin-bottom:6px}.step-setup h3{margin:0 0 24px;font-size:20px;font-weight:600;color:var(--color-text)}.setup-instructions{margin-bottom:32px}.instruction-step{display:flex;align-items:center;gap:16px;text-align:left;margin-bottom:16px}.step-number{width:32px;height:32px;border-radius:50%;background:var(--color-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;flex-shrink:0}.instruction-step p{margin:0;font-size:14px;color:var(--color-text)}.qr-code-section{margin-bottom:32px}.qr-code-container{margin-bottom:24px}.qr-code{width:200px;height:200px;border:2px solid var(--color-border);border-radius:8px}.manual-key{text-align:center}.manual-key p{margin:0 0 8px;font-size:14px;color:var(--color-text-muted)}.secret-key{display:flex;align-items:center;gap:8px;justify-content:center;padding:12px 16px;background:var(--color-background-light);border-radius:6px;border:1px solid var(--color-border-light)}.secret-key code{font-family:var(--font-mono, "Courier New", monospace);font-size:14px;color:var(--color-text);background:none;padding:0;word-break:break-all}.copy-key-button{width:24px;height:24px;border:none;background:var(--color-background-muted);border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.copy-key-button:hover{background:var(--color-primary);color:#fff}.step-verify h3{margin:0 0 16px;font-size:20px;font-weight:600;color:var(--color-text)}.step-verify p{margin:0 0 24px;font-size:16px;color:var(--color-text-muted)}.verification-input{margin-bottom:20px}.code-input{width:200px;height:60px;text-align:center;font-size:24px;font-weight:600;letter-spacing:8px;border:2px solid var(--color-border);border-radius:8px;background:var(--color-background);color:var(--color-text);outline:none;transition:border-color .2s ease}.code-input:focus{border-color:var(--color-primary)}.code-input::placeholder{color:var(--color-text-muted);opacity:.5}.error-message{color:#dc3545;font-size:14px;margin-bottom:20px;padding:8px 12px;background:#dc35451a;border:1px solid rgba(220,53,69,.3);border-radius:6px}.verify-actions{display:flex;gap:12px;justify-content:center}.step-complete h3{margin:0 0 24px;font-size:20px;font-weight:600;color:var(--color-text)}.backup-codes-section{text-align:left;margin-bottom:32px}.backup-codes-section h4{margin:0 0 8px;font-size:16px;font-weight:600;color:var(--color-text)}.backup-codes-section p{margin:0 0 16px;font-size:14px;color:var(--color-text-muted);line-height:1.5}.backup-codes{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:16px;padding:16px;background:var(--color-background-light);border-radius:8px;border:1px solid var(--color-border-light)}.backup-code{padding:8px 12px;background:var(--color-background);border:1px solid var(--color-border);border-radius:4px;font-family:var(--font-mono, "Courier New", monospace);font-size:14px;font-weight:600;color:var(--color-text);text-align:center}.backup-warning{padding:12px 16px;background:#ffc1071a;border:1px solid rgba(255,193,7,.3);border-radius:6px;font-size:13px;color:#856404;margin-bottom:16px}.setup-button,.next-button,.back-button,.verify-button,.download-button,.complete-button{padding:12px 24px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;min-width:120px}.setup-button.primary,.next-button.primary,.verify-button.primary,.complete-button.primary{background:var(--color-primary);color:#fff}.setup-button.primary:hover,.next-button.primary:hover,.verify-button.primary:hover,.complete-button.primary:hover{background:var(--color-primary-dark);transform:translateY(-1px)}.back-button.secondary,.download-button.secondary{background:var(--color-secondary);color:var(--color-text);border:1px solid var(--color-border)}.back-button.secondary:hover,.download-button.secondary:hover{background:var(--color-secondary-dark);border-color:var(--color-primary)}.download-button{display:flex;align-items:center;justify-content:center;gap:8px;width:100%}.setup-button:disabled,.verify-button:disabled{opacity:.5;cursor:not-allowed;transform:none}[data-theme=dark] .two-factor-modal{background:var(--color-surface-dark);border-color:var(--color-border-dark);box-shadow:0 25px 50px #00000080}[data-theme=dark] .two-factor-header{border-bottom-color:var(--color-border-light-dark)}[data-theme=dark] .two-factor-header h2{color:var(--color-text-dark)}[data-theme=dark] .close-button{background:var(--color-background-muted-dark)}[data-theme=dark] .close-button:hover{background:var(--color-background-hover-dark)}[data-theme=dark] .step-intro h3,[data-theme=dark] .step-setup h3,[data-theme=dark] .step-verify h3,[data-theme=dark] .step-complete h3{color:var(--color-text-dark)}[data-theme=dark] .step-intro p,[data-theme=dark] .step-verify p{color:var(--color-text-muted-dark)}[data-theme=dark] .benefit-item{background:var(--color-background-light-dark);border-color:var(--color-border-light-dark)}[data-theme=dark] .benefit-item span{color:var(--color-text-dark)}[data-theme=dark] .supported-apps{background:var(--color-background-light-dark);border-color:var(--color-border-light-dark)}[data-theme=dark] .supported-apps h4{color:var(--color-text-dark)}[data-theme=dark] .supported-apps li{color:var(--color-text-muted-dark)}[data-theme=dark] .instruction-step p{color:var(--color-text-dark)}[data-theme=dark] .qr-code{border-color:var(--color-border-dark)}[data-theme=dark] .manual-key p{color:var(--color-text-muted-dark)}[data-theme=dark] .secret-key{background:var(--color-background-light-dark);border-color:var(--color-border-light-dark)}[data-theme=dark] .secret-key code{color:var(--color-text-dark)}[data-theme=dark] .copy-key-button{background:var(--color-background-muted-dark)}[data-theme=dark] .code-input{background:var(--color-background-dark);border-color:var(--color-border-dark);color:var(--color-text-dark)}[data-theme=dark] .code-input::placeholder{color:var(--color-text-muted-dark)}[data-theme=dark] .error-message{background:#dc354533;color:#f5c2c7}[data-theme=dark] .backup-codes-section h4{color:var(--color-text-dark)}[data-theme=dark] .backup-codes-section p{color:var(--color-text-muted-dark)}[data-theme=dark] .backup-codes{background:var(--color-background-light-dark);border-color:var(--color-border-light-dark)}[data-theme=dark] .backup-code{background:var(--color-background-dark);border-color:var(--color-border-dark);color:var(--color-text-dark)}[data-theme=dark] .backup-warning{background:#ffc10733;color:gold}@media (max-width: 768px){.two-factor-modal-overlay{padding:10px}.two-factor-modal{max-width:100%}.two-factor-header{padding:20px 24px 16px}.two-factor-header h2{font-size:18px}.two-factor-content{padding:24px}.step-intro h3,.step-setup h3,.step-verify h3,.step-complete h3{font-size:20px}.step-intro p,.step-verify p{font-size:14px}.qr-code{width:160px;height:160px}.code-input{width:180px;height:50px;font-size:20px;letter-spacing:6px}.backup-codes{grid-template-columns:1fr;gap:6px}.verify-actions{flex-direction:column;gap:8px}.setup-button,.next-button,.back-button,.verify-button,.download-button,.complete-button{width:100%;min-height:44px}.instruction-step{gap:12px}.step-number{width:28px;height:28px;font-size:12px}.instruction-step p{font-size:13px}.secret-key{padding:10px 12px}.secret-key code{font-size:12px}}@media (max-width: 425px){.two-factor-modal-overlay{padding:5px}.two-factor-header{padding:16px 20px 12px}.two-factor-header h2{font-size:16px}.close-button{width:28px;height:28px}.two-factor-content{padding:20px}.step-intro h3,.step-setup h3,.step-verify h3,.step-complete h3{font-size:18px;margin-bottom:16px}.step-intro p,.step-verify p{font-size:13px;margin-bottom:20px}.step-icon,.success-icon{font-size:36px;margin-bottom:16px}.qr-code{width:140px;height:140px}.code-input{width:160px;height:45px;font-size:18px;letter-spacing:4px}.secret-key{flex-direction:column;gap:12px;padding:12px}.secret-key code{word-break:break-all;text-align:center;font-size:11px}.copy-key-button{width:20px;height:20px}.benefit-item{padding:10px 12px;gap:8px}.benefit-item svg{width:16px;height:16px}.benefit-item span{font-size:13px}.supported-apps{padding:16px;margin-bottom:24px}.supported-apps h4{font-size:13px}.supported-apps li{font-size:12px}.backup-codes{padding:12px;gap:4px}.backup-code{padding:6px 8px;font-size:12px}.backup-warning{padding:10px 12px;font-size:12px}.error-message{padding:6px 10px;font-size:12px}}@media (prefers-reduced-motion: reduce){.two-factor-modal{animation:none}.setup-button,.next-button,.back-button,.verify-button,.download-button,.complete-button,.close-button,.copy-key-button{transition:none}@keyframes modalSlideIn{0%,to{opacity:1;transform:translateY(0) scale(1)}}}@media (prefers-contrast: high){.two-factor-modal,.code-input,.secret-key,.backup-codes,.backup-code,.benefit-item,.supported-apps{border-width:2px;border-color:#000}.backup-warning{border-width:2px;border-color:#856404}.error-message{border-width:2px;border-color:#dc3545}.qr-code{border-width:3px;border-color:#000}.close-button,.setup-button.primary,.next-button.primary,.verify-button.primary,.complete-button.primary{border:2px solid #000}.back-button.secondary,.download-button.secondary{border-width:2px;border-color:#000}}@media print{.two-factor-modal-overlay{position:static;background:none;padding:0}.two-factor-modal{box-shadow:none;border:1px solid #000;background:#fff;color:#000;max-width:none;max-height:none;overflow:visible}.close-button,.setup-button,.next-button,.back-button,.verify-button,.download-button,.complete-button{display:none}.qr-code-section,.backup-codes-section{page-break-inside:avoid}.backup-codes,.backup-code{background:#fff;border:1px solid #000}}.two-factor-modal-overlay{z-index:2000!important}.two-factor-modal{z-index:2001!important;position:relative}.loading-fallback{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;padding:20px;border-radius:8px;box-shadow:0 4px 12px #00000026;z-index:2100}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-3px) rotate(-2deg)}75%{transform:translate(3px) rotate(2deg)}}.hover-lift{transition:transform .2s ease,box-shadow .2s ease}.hover-lift:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.focus-ring{transition:outline .2s ease}.focus-ring:focus-visible,.btn:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}.focus-ring.focus-danger:focus-visible{outline:2px solid var(--danger-color);outline-offset:2px}.loading-spinner{width:20px;height:20px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spin 1s linear infinite}.loading-dots:after{content:"";animation:dots 1.5s infinite}@keyframes dots{0%,20%{content:"."}40%{content:".."}60%,to{content:"..."}}.btn-base{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 16px;border-radius:8px;border:1px solid transparent;font-size:14px;font-weight:500;line-height:1.4;cursor:pointer;transition:all .2s ease;text-decoration:none;white-space:nowrap;user-select:none}.btn-base:disabled{opacity:.6;cursor:not-allowed;pointer-events:none}.input-base{width:100%;padding:10px 12px;border:1px solid var(--border-color);border-radius:6px;font-size:14px;background:var(--bg-primary);color:var(--text-primary);transition:border-color .2s ease,box-shadow .2s ease}.input-base:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px #667eea1a}.input-base:disabled{background:var(--bg-secondary);color:var(--text-muted);cursor:not-allowed}.card-base{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;box-shadow:var(--shadow-sm);transition:box-shadow .2s ease}.card-base:hover{box-shadow:var(--shadow-md)}.modal-base{position:fixed;inset:0;background:#00000080;backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease-out}.grid-auto-fit{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px}.grid-2-cols{display:grid;grid-template-columns:1fr 1fr;gap:16px}.grid-3-cols{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.flex-center{display:flex;align-items:center;justify-content:center}.flex-between{display:flex;align-items:center;justify-content:space-between}.flex-col{display:flex;flex-direction:column}.flex-wrap{display:flex;flex-wrap:wrap}.gap-xs{gap:4px}.gap-sm{gap:8px}.gap-md{gap:12px}.gap-lg{gap:16px}.gap-xl{gap:24px}.mb-xs{margin-bottom:4px}.mb-sm{margin-bottom:8px}.mb-md{margin-bottom:12px}.mb-lg{margin-bottom:16px}.mb-xl{margin-bottom:24px}.mt-xs{margin-top:4px}.mt-sm{margin-top:8px}.mt-md{margin-top:12px}.mt-lg{margin-top:16px}.mt-xl{margin-top:24px}.p-xs{padding:4px}.p-sm{padding:8px}.p-md{padding:12px}.p-lg{padding:16px}.p-xl{padding:24px}.text-xs{font-size:12px}.text-sm{font-size:13px}.text-base{font-size:14px}.text-lg{font-size:16px}.text-xl{font-size:18px}.text-2xl{font-size:20px}.font-normal{font-weight:400}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}.text-danger{color:var(--danger-color)}.text-success{color:var(--success-color)}.text-warning{color:var(--warning-color)}.bg-primary{background:var(--bg-primary)}.bg-secondary{background:var(--bg-secondary)}.bg-tertiary{background:var(--bg-tertiary)}.border{border:1px solid var(--border-color)}.border-0{border:none}.border-t{border-top:1px solid var(--border-color)}.border-b{border-bottom:1px solid var(--border-color)}.border-l{border-left:1px solid var(--border-color)}.border-r{border-right:1px solid var(--border-color)}.rounded{border-radius:6px}.rounded-md{border-radius:8px}.rounded-lg{border-radius:12px}.rounded-xl{border-radius:16px}.rounded-full{border-radius:50%}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-none{box-shadow:none}.will-change-transform{will-change:transform}.will-change-opacity{will-change:opacity}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.not-sr-only{position:static;width:auto;height:auto;padding:0;margin:0;overflow:visible;clip:auto;white-space:normal}@media (hover: none) and (pointer: coarse){.hover-lift:hover{transform:none;box-shadow:var(--shadow-sm)}.btn-base{min-height:44px;min-width:44px}.input-base{min-height:44px;font-size:16px}}@media (prefers-reduced-motion: reduce){*,.btn,.password-item,.share-modal-content,.modal-overlay,.modal-content,.refresh-button{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;animation:none!important;transition:none!important}.loading-spinner{animation:none}.loading-spinner:after{content:"⟳"}.modal-overlay{backdrop-filter:none}}@media (prefers-contrast: high){.border,.border-t,.border-b,.border-l,.border-r{border-color:var(--text-primary);border-width:2px}.btn-base,.input-base{border-width:2px}}@media print{.btn-base,.modal-base{display:none!important}.card-base{border:1px solid #000!important;box-shadow:none!important}*{background:#fff!important;color:#000!important}}.focus-trap{outline:none}.focus-trap:focus-within{outline:2px solid var(--primary-color);outline-offset:2px}body.keyboard-navigation .password-item:focus,body.keyboard-navigation .btn:focus,body.keyboard-navigation .input-base:focus{outline:3px solid var(--primary-color);outline-offset:3px;box-shadow:0 0 0 5px #667eea1a}body.keyboard-navigation .password-item{cursor:pointer}body.keyboard-navigation .password-item:focus{background:var(--bg-secondary);transform:scale(1.02)}.skip-link{position:absolute;top:-40px;left:6px;background:var(--primary-color);color:#fff;padding:8px 16px;text-decoration:none;border-radius:4px;z-index:1001;font-weight:600;transition:top .2s ease}.skip-link:focus{top:6px}.sr-describe{clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;width:1px;margin:-1px;overflow:hidden;padding:0;position:absolute}.live-region,[aria-live=polite]{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}@media (prefers-contrast: high){:root{--bg-primary: #ffffff;--bg-secondary: #f0f0f0;--bg-tertiary: #e0e0e0;--text-primary: #000000;--text-secondary: #333333;--text-muted: #666666;--border-color: #000000;--primary-color: #0066cc;--danger-color: #cc0000;--success-color: #006600;--warning-color: #cc6600}:root.theme-dark{--bg-primary: #000000;--bg-secondary: #1a1a1a;--bg-tertiary: #333333;--text-primary: #ffffff;--text-secondary: #cccccc;--text-muted: #999999;--border-color: #ffffff;--primary-color: #66ccff;--danger-color: #ff6666;--success-color: #66ff66;--warning-color: #ffcc66}body:not(.no-contrast-mode) .btn,body:not(.no-contrast-mode) .password-item,body:not(.no-contrast-mode) .modal-content,body:not(.no-contrast-mode) .input-base{border-width:2px;border-style:solid}body:not(.no-contrast-mode) .password-item:focus,body:not(.no-contrast-mode) .btn:focus,body:not(.no-contrast-mode) .input-base:focus{outline:4px solid var(--primary-color);outline-offset:2px}}@media (prefers-reduced-data: reduce){body:not(.force-animations) *{animation:none;transition:none}body:not(.force-animations) .modal-overlay{backdrop-filter:none}}.danger-pattern:before{content:"⚠️ "}.success-pattern:before{content:"✅ "}.warning-pattern:before{content:"⚡ "}.info-pattern:before{content:"ℹ️ "}.shortcut-hint{font-size:11px;color:var(--text-muted);background:var(--bg-secondary);padding:2px 6px;border-radius:3px;margin-left:8px;border:1px solid var(--border-color)}@media (hover: none) and (pointer: coarse){.touch-device .btn,.touch-device .password-item-actions button,.touch-device .modal-close-button{min-height:44px;min-width:44px;touch-action:manipulation}.touch-device .btn:active,.touch-device .password-item:active{background:var(--bg-secondary);transform:scale(.98)}.touch-device .password-item{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}}:lang(ko){font-family:-apple-system,BlinkMacSystemFont,Apple SD Gothic Neo,Pretendard Variable,Pretendard,Noto Sans KR,Malgun Gothic,맑은 고딕,system-ui,sans-serif;line-height:1.6;letter-spacing:-.02em}[dir=rtl]{direction:rtl}[dir=rtl] .password-item-actions{flex-direction:row-reverse}[dir=rtl] .modal-close-button{left:16px;right:auto}.form-group.has-error .error-state,.input-wrapper.has-error .error-state{border-color:var(--danger-color);background:#dc35450d}.form-group.has-error .error-state:focus,.input-wrapper.has-error .error-state:focus{box-shadow:0 0 0 3px #dc354533}.error-message{role:alert;aria-live:polite}.form-group.has-success .success-state,.input-wrapper.has-success .success-state{border-color:var(--success-color);background:#28a7450d}.success-message{role:status;aria-live:polite}.loading-state{aria-busy:"true";aria-describedby:"loading-description"}.loading-state:before{content:"";position:absolute;inset:0;background:#fffc;z-index:1}.loading-state:after{content:"";position:absolute;top:50%;left:50%;width:20px;height:20px;margin:-10px 0 0 -10px;border:2px solid transparent;border-top:2px solid var(--primary-color);border-radius:50%;animation:spin 1s linear infinite;z-index:2}.modal-overlay{isolation:isolate}.modal-content{outline:none}.modal-content:focus{outline:none}@media (hover: none) and (pointer: coarse){.touch-device .delete-button-improved.haptic-feedback:active,.touch-device .btn-danger.haptic-feedback:active{background:var(--danger-color);transform:scale(.95)}}@media (prefers-reduced-motion: reduce){.battery-save .loading-spinner:after{content:"로딩 중...";animation:none}}@media print{.printable .password-item{break-inside:avoid;margin-bottom:20px}.printable .password-item-value{color:#000;background:transparent}.printable .sr-only{position:static;width:auto;height:auto;clip:auto;overflow:visible}.printable .sr-only:before{content:"[스크린 리더: " attr(aria-label) "] ";font-weight:700}}body.a11y-debug [aria-label]:before{content:"[" attr(aria-label) "] ";background:#ff0;color:#000;font-size:10px;padding:1px 3px;margin-right:4px}body.a11y-debug [role]:after{content:"[role: " attr(role) "]";background:orange;color:#000;font-size:9px;padding:1px 2px;margin-left:4px}.error-recovery .btn-retry{margin-top:8px;background:var(--warning-color);color:#fff;border:none}.error-recovery .error-help{font-size:12px;color:var(--text-secondary);margin-top:4px}.error-recovery .error-help:before{content:"💡 "}@media (max-width: 768px){.app-container{padding:15px}}@media (prefers-contrast: high){:root{--border-color: #000000;--text-secondary: #000000;--shadow-sm: 0 2px 4px rgba(0, 0, 0, .3)}}@media (prefers-color-scheme: dark){:root{--bg-primary: #1a1a1a;--bg-secondary: #2d2d2d;--bg-tertiary: #1e1e1e;--text-primary: #f7fafc;--text-secondary: #a0aec0;--border-color: #4a5568}}@media print{.btn,.password-search-controls,.dashboard-actions{display:none!important}.password-item{border:1px solid #000!important;box-shadow:none!important;margin-bottom:10px!important}.password-item-value{color:#000!important;background:transparent!important}}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (hover: none) and (pointer: coarse){.btn,.search-bar-clear,.password-item{min-height:44px}.btn:hover{transform:none}}.focus-visible{outline:2px solid var(--primary-color)!important;outline-offset:2px!important}@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 2dppx){.password-item{border-width:.5px}}.theme-light{color-scheme:light}.theme-dark{color-scheme:dark}.legacy-browser-fallback{background-color:#fff;color:#333;border-color:#e9ecef}.sr-only-focusable:focus{position:static!important;width:auto!important;height:auto!important;padding:inherit!important;margin:inherit!important;overflow:visible!important;clip:auto!important;white-space:normal!important}[data-testid]{position:relative}[data-testid]:after{content:attr(data-testid);position:absolute;top:-20px;left:0;font-size:10px;color:red;background:#ff0;padding:2px 4px;display:none;z-index:9999}.test-mode [data-testid]:after{display:block}.btn,.modal-content,.password-item{will-change:transform}.keyboard-navigation .btn:focus,.keyboard-navigation .form-input:focus,.keyboard-navigation .password-item:focus{outline:3px solid var(--primary-color);outline-offset:2px}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.settings-modal .btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:.5rem!important;font-family:inherit!important;font-weight:500!important;line-height:1!important;border:1px solid transparent!important;border-radius:6px!important;cursor:pointer!important;transition:all .2s ease!important;text-decoration:none!important;white-space:nowrap!important;user-select:none!important;visibility:visible!important;opacity:1!important}.settings-modal .btn-sm{padding:6px 12px!important;font-size:.875rem!important;min-height:32px!important}.settings-2fa-button{position:relative!important;z-index:10!important;cursor:pointer!important;display:inline-flex!important;visibility:visible!important;opacity:1!important;min-width:100px!important;min-height:32px!important}.settings-modal .btn.btn-primary,.settings-2fa-button.btn-primary{background-color:#3b82f6!important;border-color:#3b82f6!important;color:#fff!important}.settings-modal .btn.btn-primary:hover:not(:disabled),.settings-2fa-button.btn-primary:hover:not(:disabled){background-color:#2563eb!important;border-color:#2563eb!important;color:#fff!important;transform:translateY(-1px)}.settings-modal .btn.btn-outline-danger,.settings-2fa-button.btn-outline-danger{background-color:transparent!important;border-color:#ef4444!important;color:#ef4444!important}.settings-modal .btn.btn-outline-danger:hover:not(:disabled),.settings-2fa-button.btn-outline-danger:hover:not(:disabled){background-color:#ef4444!important;border-color:#ef4444!important;color:#fff!important;transform:translateY(-1px)}.settings-modal .settings-row-control{position:relative;z-index:5;display:flex!important;align-items:center!important;min-height:40px!important}.settings-modal .settings-row-control .btn{position:relative;z-index:10}.settings-2fa-button:hover{transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}@media (max-width: 768px){.settings-2fa-button{min-width:80px!important;font-size:14px!important}}.settings-2fa-button .btn-icon{font-size:1em!important;line-height:1!important}.settings-2fa-button .btn-text{font-weight:500!important}.settings-modal .btn-reset-subtle,.settings-modal .btn-reset-subtle.btn-outline-danger,.settings-modal .settings-footer-actions .btn-reset-subtle{border:1px solid #e5e7eb!important;border-color:#e5e7eb!important;color:#6b7280!important;background-color:transparent!important;box-shadow:none!important;outline:none!important}.settings-modal .btn-reset-subtle:hover:not(:disabled),.settings-modal .btn-reset-subtle.btn-outline-danger:hover:not(:disabled){background-color:#f9fafb!important;border-color:#d1d5db!important;color:#dc2626!important;box-shadow:none!important}.settings-modal .btn-reset-subtle:focus,.settings-modal .btn-reset-subtle.btn-outline-danger:focus{outline:2px solid #e5e7eb!important;outline-offset:2px!important;border-color:#e5e7eb!important;box-shadow:none!important}.settings-modal .btn-reset-subtle:active,.settings-modal .btn-reset-subtle.btn-outline-danger:active{border-color:#d1d5db!important;background-color:#f3f4f6!important}.settings-modal .btn-reset-subtle:disabled,.settings-modal .btn-reset-subtle.btn-outline-danger:disabled{opacity:.5!important;cursor:not-allowed!important;border-color:#e5e7eb!important}.settings-footer-container{display:flex;flex-direction:column;gap:16px;width:100%}.settings-footer-buttons{display:flex;align-items:center;justify-content:space-between;width:100%}.settings-footer-left{display:flex;align-items:center}.settings-footer-right{display:flex;align-items:center;gap:8px}.settings-footer-buttons .btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;text-align:center!important;padding:8px 16px!important}.settings-footer-buttons .btn-outline-secondary{min-width:80px!important}.settings-footer-buttons .btn-icon{display:inline-flex!important;align-items:center!important;margin-right:.5rem!important}.settings-footer-buttons .btn-text{display:inline-flex!important;align-items:center!important;justify-content:center!important;flex:1}.settings-footer-info{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:8px;padding-top:8px;border-top:1px solid var(--border-color, #e5e5e5);width:100%}.settings-version{font-size:12px;font-weight:500;color:var(--text-muted, #666)}.settings-build{font-size:12px;color:var(--text-muted, #999)}.settings-build:before{content:"•";margin-right:8px;color:var(--text-muted, #999)}@media (max-width: 480px){.settings-footer-buttons{flex-direction:column;gap:12px}.settings-footer-left,.settings-footer-right{width:100%;justify-content:center}.settings-footer-left{order:2}.settings-footer-right{order:1}}.theme-dark .settings-footer-info{border-top-color:var(--border-color)}.theme-dark .settings-version,.theme-dark .settings-build{color:var(--text-muted)}.credit-card-form{display:flex;flex-direction:column;height:100%;max-height:90vh;background:var(--bg-primary);border-radius:12px;overflow:hidden}@media (max-width: 768px){.credit-card-form{max-height:none;min-height:100vh;min-height:-webkit-fill-available;height:auto;border-radius:0;padding-bottom:env(safe-area-inset-bottom)}.credit-card-form .form-body{padding-bottom:20px;flex:1 1 auto;min-height:0}.credit-card-form .form-footer{flex-shrink:0;background:var(--bg-primary);padding-bottom:calc(16px + env(safe-area-inset-bottom));margin-top:auto}}.credit-card-form .form-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;border-bottom:1px solid var(--border-color);background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.credit-card-form .form-header h3{margin:0;font-size:1.25rem;font-weight:600;color:#fff}.credit-card-form .btn-close{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:transparent;border:none;border-radius:8px;color:#fff;cursor:pointer;transition:all .2s ease}.credit-card-form .btn-close:hover{background:#ffffff1a;color:#fff}.credit-card-form .form-body{flex:1;overflow-y:auto;padding:1.5rem}.credit-card-form .form-group{margin-bottom:1.25rem}.credit-card-form .form-group label{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem;font-size:.875rem;font-weight:500;color:var(--text-secondary)}.credit-card-form .form-group input,.credit-card-form .form-group textarea{width:100%;padding:.75rem 1rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;font-size:1rem;color:var(--text-primary);transition:all .2s ease}.credit-card-form .form-group input:focus,.credit-card-form .form-group textarea:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-light)}.credit-card-form .form-group input.error,.credit-card-form .form-group textarea.error{border-color:var(--danger-color)}.credit-card-form .error-message{display:block;margin-top:.25rem;font-size:.75rem;color:var(--danger-color)}.credit-card-form .input-with-type{position:relative}.credit-card-form .card-type{position:absolute;right:1rem;top:50%;transform:translateY(-50%);padding:.25rem .5rem;background:var(--bg-tertiary);border-radius:4px;font-size:.75rem;font-weight:600;text-transform:uppercase}.credit-card-form .card-type-visa{background:#1a1f71;color:#fff}.credit-card-form .card-type-mastercard{background:#eb001b;color:#fff}.credit-card-form .card-type-amex{background:#006fcf;color:#fff}.credit-card-form .card-type-discover{background:#ff6000;color:#fff}.credit-card-form .expiry-inputs{display:flex;align-items:center;gap:.5rem}.credit-card-form .expiry-inputs input{width:60px;text-align:center}.credit-card-form .expiry-inputs span{color:var(--text-secondary)}.credit-card-form .form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media (max-width: 480px){.credit-card-form .form-row{grid-template-columns:1fr}}.credit-card-form .checkbox-group label{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.875rem;color:var(--text-primary)}.credit-card-form .checkbox-group input[type=checkbox]{width:auto;margin:0}.credit-card-form .form-footer{display:flex;align-items:center;justify-content:flex-end;gap:1rem;padding:1.5rem;border-top:1px solid var(--border-color);background:var(--bg-secondary)}.credit-card-form .btn{padding:.75rem 1.5rem;border:none;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.credit-card-form .btn-secondary{background:var(--bg-tertiary);color:var(--text-secondary)}.credit-card-form .btn-secondary:hover{background:var(--bg-quaternary);color:var(--text-primary)}.credit-card-form .btn-primary{background:var(--accent-primary);color:#fff}.credit-card-form .btn-primary:hover{background:var(--accent-dark)}.credit-card-form .btn:disabled{opacity:.6;cursor:not-allowed}@media (prefers-color-scheme: dark){.credit-card-form{box-shadow:0 4px 16px #0000004d}.credit-card-form .card-type{box-shadow:0 2px 4px #0003}}.api-key-form{display:flex;flex-direction:column;height:100%;max-height:90vh;background:var(--bg-primary);border-radius:12px;overflow:hidden}@media (max-width: 768px){.api-key-form{max-height:none;min-height:100vh;min-height:-webkit-fill-available;height:auto;border-radius:0;padding-bottom:env(safe-area-inset-bottom)}.api-key-form .form-body{padding-bottom:20px;flex:1 1 auto;min-height:0}.api-key-form .form-footer{flex-shrink:0;background:var(--bg-primary);padding-bottom:calc(16px + env(safe-area-inset-bottom));margin-top:auto}}.api-key-form .form-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;border-bottom:1px solid var(--border-color);background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.api-key-form .form-header h3{margin:0;font-size:1.25rem;font-weight:600;color:#fff}.api-key-form .btn-close{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:transparent;border:none;border-radius:8px;color:#fff;cursor:pointer;transition:all .2s ease}.api-key-form .btn-close:hover{background:#ffffff1a;color:#fff}.api-key-form .form-body{flex:1;overflow-y:auto;padding:1.5rem}.api-key-form .form-group{margin-bottom:1.25rem}.api-key-form .form-group label{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem;font-size:.875rem;font-weight:500;color:var(--text-secondary)}.api-key-form .label-hint{font-size:.75rem;font-weight:400;color:var(--text-muted);font-style:italic}.api-key-form .form-group input,.api-key-form .form-group select,.api-key-form .form-group textarea{width:100%;padding:.75rem 1rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;font-size:1rem;color:var(--text-primary);transition:all .2s ease}.api-key-form .form-group select{cursor:pointer}.api-key-form .form-group input:focus,.api-key-form .form-group select:focus,.api-key-form .form-group textarea:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-light)}.api-key-form .form-group input.error,.api-key-form .form-group select.error,.api-key-form .form-group textarea.error{border-color:var(--danger-color)}.api-key-form .error-message{display:block;margin-top:.25rem;font-size:.75rem;color:var(--danger-color)}.api-key-form .input-with-toggle{position:relative}.api-key-form .toggle-visibility{position:absolute;right:.5rem;top:50%;transform:translateY(-50%);padding:.25rem .75rem;background:var(--bg-tertiary);border:none;border-radius:4px;font-size:.75rem;color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.api-key-form .toggle-visibility:hover{background:var(--bg-quaternary);color:var(--text-primary)}.api-key-form .warning-message{display:flex;align-items:center;gap:.5rem;margin-top:.5rem;padding:.5rem .75rem;background:var(--warning-light);border:1px solid var(--warning-color);border-radius:6px;font-size:.75rem;color:var(--warning-dark)}.api-key-form .permissions-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:.75rem}.api-key-form .permission-checkbox{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;cursor:pointer;transition:all .2s ease}.api-key-form .permission-checkbox:hover{background:var(--bg-tertiary);border-color:var(--accent-primary)}.api-key-form .permission-checkbox input[type=checkbox]{width:auto;margin:0;cursor:pointer}.api-key-form .permission-checkbox span{font-size:.875rem;color:var(--text-primary);text-transform:capitalize}.api-key-form .form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media (max-width: 480px){.api-key-form .form-row{grid-template-columns:1fr}}.api-key-form .checkbox-group label{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.875rem;color:var(--text-primary)}.api-key-form .checkbox-group input[type=checkbox]{width:auto;margin:0}.api-key-form .form-footer{display:flex;align-items:center;justify-content:flex-end;gap:1rem;padding:1.5rem;border-top:1px solid var(--border-color);background:var(--bg-secondary)}.api-key-form .btn{padding:.75rem 1.5rem;border:none;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.api-key-form .btn-secondary{background:var(--bg-tertiary);color:var(--text-secondary)}.api-key-form .btn-secondary:hover{background:var(--bg-quaternary);color:var(--text-primary)}.api-key-form .btn-primary{background:var(--accent-primary);color:#fff}.api-key-form .btn-primary:hover{background:var(--accent-dark)}.api-key-form .btn:disabled{opacity:.6;cursor:not-allowed}.api-key-form .select-with-icon{appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%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%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right .75rem center;background-size:1rem;padding-right:2.5rem}@media (prefers-color-scheme: dark){.api-key-form{box-shadow:0 4px 16px #0000004d}.api-key-form .permission-checkbox{background:var(--bg-secondary)}.api-key-form .warning-message{background:#ffc1071a;border-color:#ffc1074d;color:#ffc107}}