:root{--color-primary: #5b756c;--color-primary-dark: #4a5f56;--color-primary-light: #7a938a;--color-bg-light: #ffffff;--color-bg-dark: #2d373c;--color-surface-light: #ffffff;--color-surface-dark: #3a474e;--color-text-main-light: #2d373c;--color-text-main-dark: #f5f7f4;--color-text-secondary-light: #5f6f79;--color-text-secondary-dark: #aab7bf;--color-weak: #d9534f;--color-medium: #f0ad4e;--color-strong: #ffc107;--color-very-strong: #5cb85c;--color-super-strong: #5bc0de;--color-extra-strong: #9b59b6;--radius-lg: 20px;--radius-md: 12px;--radius-sm: 8px;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 8px;--spacing-xl: 32px;--font-family: "Montserrat", sans-serif;--transition-fast: .15s ease;--transition-normal: .3s ease}:root body.dark .action-btn.copy{color:#606060!important}:root body.dark .mode-selector-container,:root body.dark .toggles-list,:root body.dark .slider-container,:root body.dark .strength-meter{background-color:#7d8886!important}:root body.dark .value-box{background-color:var(--bg-surface)!important;color:#fff!important;border-color:#666}:root body.dark .header{background-color:#2d373c!important}body{margin:0;padding:0;font-family:var(--font-family);background-color:var(--bg-app);color:var(--text-main);transition:background-color var(--transition-normal),color var(--transition-normal);-webkit-font-smoothing:antialiased}body.light{--bg-app: var(--color-surface-light);--bg-surface: var(--color-surface-light);--text-main: var(--color-text-main-light);--text-secondary: var(--color-text-secondary-light);--border-color: #e0e0e0}body.dark{--bg-app: var(--color-bg-dark);--bg-surface: var(--color-surface-dark);--text-main: var(--color-text-main-dark);--text-secondary: var(--color-text-secondary-dark);--border-color: #4a5860}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}*:focus{outline:none}button{cursor:pointer;border:none;font-family:var(--font-family)}h1,h2,h3,h4,h5,h6,p{margin:0}.container{max-width:600px;margin:0 auto;padding:var(--spacing-md);min-height:100vh;display:flex;flex-direction:column}.card{background-color:var(--bg-surface);border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:0 4px 6px #0000000d;transition:background-color var(--transition-normal)}.passbox-dashboard{padding:15px 0 30px;animation:fadeIn .3s ease}.unlock-container{display:flex;justify-content:center;padding:20px 0}.unlock-card{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:30px 20px;width:100%;text-align:center;box-shadow:0 4px 12px #0000000d}.unlock-icon{margin-bottom:15px}h2{font-size:1.4rem;color:var(--text-main);margin-bottom:5px}p{color:var(--text-main);margin-bottom:5px}.subtitle-text{font-size:.85rem;color:var(--text-secondary);margin-bottom:20px;line-height:1.4}.unlock-form{display:flex;flex-direction:column;gap:15px}.input-group{position:relative;display:flex;align-items:center}.input-group .input-icon{position:absolute;left:15px;color:var(--text-secondary)}.input-group .eye-icon-btn{position:absolute;right:15px;background:transparent;border:none;color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;opacity:.7;transition:opacity .2s}.input-group .eye-icon-btn:hover{opacity:1}.input-group input{width:100%;padding:14px 14px 14px 45px;border-radius:var(--radius-md);border:1px solid var(--border-color);background-color:var(--bg-main);color:var(--text-main);font-size:1rem;outline:none;transition:border-color .15s ease}.input-group input:focus{border-color:var(--color-primary)}.submit-btn{margin-top:5px;background-color:var(--color-primary);color:#fff;border:none;padding:15px;border-radius:var(--radius-md);font-size:1.05rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px}.submit-btn:disabled{opacity:.6;cursor:not-allowed}.logout-text-btn{margin-top:25px;background:transparent;border:none;color:var(--color-weak);font-size:.9rem;text-decoration:underline;cursor:pointer}.error-banner{background-color:#d9534f1a;color:var(--color-weak);border:1px solid rgba(217,83,79,.2);padding:10px;border-radius:var(--radius-sm);display:flex;align-items:center;gap:10px;margin-bottom:20px;font-size:.85rem;font-weight:500;text-align:left}.spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.passbox-dashboard{padding:15px 0 30px;display:flex;flex-direction:column;gap:15px;animation:fadeIn .3s ease}.dashboard-header-actions{display:flex;align-items:center;justify-content:space-between;padding-bottom:5px}.profile-display{display:flex;align-items:center;gap:10px;cursor:pointer;background:var(--bg-card);padding:4px 12px 4px 4px;border-radius:30px;border:1px solid transparent;transition:all .2s}.profile-display:hover{background:#00000008;border-color:#d0d7de}.user-name-display{font-size:.95rem;color:var(--text-main);font-weight:600;max-width:140px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.action-buttons-group{display:flex;align-items:center;gap:10px}.action-icon-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;border:1px solid var(--border-color);background-color:var(--bg-card);cursor:pointer;transition:all .2s ease}.action-icon-btn:hover{background-color:#f3f4f6;box-shadow:0 2px 4px #0000000d}.action-icon-btn.logout-btn{background-color:#ffebe9;border-color:#da363333}.action-icon-btn.logout-btn:hover{background-color:#ffdce0}.summary-cards{display:flex;flex-direction:column;gap:10px}.summary-card{position:relative;border-radius:var(--radius-md);padding:18px 20px;display:flex;align-items:center;justify-content:space-between;overflow:hidden;color:#fff;box-shadow:0 4px 6px #0000000d}.card-saved{background-color:#8dae8f}.card-reused{background-color:#795558}.card-weak{background-color:#df7b62}.card-content{display:flex;flex-direction:column;z-index:2}.card-label{font-size:.75rem;font-weight:700;letter-spacing:.5px;line-height:1.2}.card-value{font-size:2.8rem;font-weight:800;line-height:1;margin-top:4px}.close-card{position:absolute;top:10px;right:10px;background:transparent;border:none;cursor:pointer;opacity:.8;z-index:3;padding:5px}.card-bg-icon{position:absolute;right:30px;top:50%;transform:translateY(-50%);height:85px;opacity:.65;z-index:1}.search-section{display:flex;flex-direction:column;gap:12px;margin-top:5px}.search-bar-wrapper{display:flex;align-items:center;background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:25px;padding:8px 15px;box-shadow:0 2px 4px #00000005}.search-icon{margin-right:10px}.search-input{flex:1;border:none;background:transparent;font-size:1rem;color:var(--text-main);outline:none}.search-input::placeholder{color:var(--text-secondary)}.filter-button{background:transparent;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:4px}.pill-filters{display:flex;gap:8px;overflow-x:auto;padding-bottom:5px;-webkit-overflow-scrolling:touch}.pill-filters::-webkit-scrollbar{display:none}.filter-pill{padding:6px 16px;border-radius:16px;background-color:transparent;border:1px solid var(--border-color);color:var(--text-main);font-size:.85rem;white-space:nowrap;cursor:pointer;transition:all .2s}.filter-pill.active{background-color:#cad2c5;border-color:#cad2c5;color:#2f3e46;font-weight:600}.password-list{display:flex;flex-direction:column;gap:10px;margin-top:5px}.password-item-card{display:flex;align-items:center;background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:12px 15px;box-shadow:0 2px 4px #00000008;gap:15px}.item-icon{width:45px;height:45px;border-radius:var(--radius-sm);background-color:#e8eaed;display:flex;align-items:center;justify-content:center;flex-shrink:0}.item-icon.gradient-bg{background:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888)}.item-details{flex:1;display:flex;flex-direction:column;overflow:hidden}.item-title{margin:0;font-size:1.1rem;font-weight:500;color:var(--text-main);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.item-subtitle{font-size:.85rem;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px}.star-btn{background:transparent;border:none;padding:5px;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0}@keyframes fadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}body.dark .modal-content,body.dark .aeo-details,body.dark .dark-override-aeo,body.dark .dark-override{background-color:#7d8886!important}body.dark .modal-content .history-title,body.dark .modal-content .aeo-title,body.dark .modal-content .aeo-text,body.dark .modal-content .faq-summary,body.dark .modal-content .faq-answer,body.dark .aeo-details .aeo-summary,body.dark .aeo-details .aeo-title,body.dark .aeo-details .aeo-text,body.dark .aeo-details .faq-summary,body.dark .aeo-details .faq-answer{color:#fff!important}body.dark .modal-content .faq-details,body.dark .aeo-details .faq-details{background:#0003!important}