.password-input{position:relative}.password-input__toggle{color:var(--color-text-muted);cursor:pointer;border-radius:var(--radius-sm);transition:var(--transition-colors);background:0 0;border:none;justify-content:center;align-items:center;height:auto;padding:4px;display:flex;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.password-input__toggle:hover{color:var(--color-text-secondary)}.password-input__toggle:focus-visible{outline:2px solid var(--color-accent-focus-ring);outline-offset:1px}.password-meter{margin-top:var(--space-1);margin-bottom:var(--space-1)}.password-meter__bar{gap:3px;height:4px;display:flex}.password-meter__segment{background:var(--color-border-primary);border-radius:2px;flex:1;transition:background .15s}.password-meter--weak .password-meter__segment:first-child{background:var(--color-danger)}.password-meter--fair .password-meter__segment:first-child,.password-meter--fair .password-meter__segment:nth-child(2){background:var(--color-warning)}.password-meter--strong .password-meter__segment{background:var(--color-success)}.password-meter__label{margin-top:var(--space-0\.5);color:var(--color-text-muted);font-size:11px;display:block}.password-meter--weak .password-meter__label{color:var(--color-danger)}.password-meter--fair .password-meter__label{color:var(--color-warning)}.password-meter--strong .password-meter__label{color:var(--color-success)}.password-meter__hint{color:var(--color-text-secondary);margin-top:var(--space-1);font-size:12px;line-height:1.5;display:block}.password-meter__hint a{color:var(--color-accent);cursor:pointer;text-decoration:none}.password-meter__hint a:hover{color:var(--color-accent-hover)}.settings-panel__trigger{justify-content:center;align-items:center;display:flex}.settings-modal__backdrop{z-index:100;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.settings-modal{background:var(--color-bg-secondary);border:1px solid var(--color-border-primary);border-radius:var(--radius-lg);width:640px;max-width:90vw;height:480px;max-height:80vh;box-shadow:var(--shadow-lg);display:flex;overflow:hidden}.settings-modal__sidebar{background:var(--color-bg-primary);border-right:1px solid var(--color-border-primary);width:180px;padding:var(--space-4) 0;flex-direction:column;flex-shrink:0;display:flex}.settings-modal__title{font-family:var(--font-heading);color:var(--color-text-primary);padding:0 var(--space-4);margin:0 0 var(--space-4);font-size:1.1rem;font-weight:300}.settings-modal__nav{gap:var(--space-0\.5);padding:0 var(--space-2);flex-direction:column;display:flex}.settings-modal__nav-item{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-2\.5);color:var(--color-text-secondary);border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition-colors);text-align:left;background:0 0;border:none;font-size:13px;display:flex}.settings-modal__nav-item:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.settings-modal__nav-item--active{background:var(--color-accent-subtle);color:var(--color-accent)}.settings-modal__nav-item--danger{margin-top:auto}.settings-modal__nav-item--danger:hover{color:var(--color-danger)}.settings-modal__nav-item--danger.settings-modal__nav-item--active{background:var(--color-danger-bg);color:var(--color-danger)}.settings-modal__content{min-width:0;padding:var(--space-4) 0;flex:1;position:relative;overflow-y:auto}.settings-modal__close{top:var(--space-2);right:var(--space-2);border-radius:var(--radius-sm);width:28px;height:28px;color:var(--color-text-muted);cursor:pointer;transition:var(--transition-colors);background:0 0;border:none;justify-content:center;align-items:center;display:flex;position:absolute}.settings-modal__close:hover{color:var(--color-text-primary);background:var(--color-bg-hover)}@media (width<=560px){.settings-modal{flex-direction:column;max-height:90vh}.settings-modal__sidebar{border-right:none;border-bottom:1px solid var(--color-border-primary);width:100%;padding:var(--space-3) var(--space-2)}.settings-modal__title{margin-bottom:var(--space-2)}.settings-modal__nav{gap:var(--space-1);flex-direction:row;overflow-x:auto}.settings-modal__nav-item{white-space:nowrap;padding:var(--space-1\.5) var(--space-2);font-size:12px}.settings-modal__nav-item--danger{margin-top:0}}.settings-panel__toggle{align-items:center;gap:var(--space-2);padding:3px var(--space-3\.5);color:var(--color-text-primary);cursor:pointer;transition:var(--transition-colors);font-size:13px;display:flex}.settings-panel__toggle:hover{background:var(--color-bg-hover)}.settings-panel__toggle input[type=checkbox]{accent-color:var(--color-accent);cursor:pointer}.settings-panel__toggle-grid{grid-template-columns:1fr 1fr;display:grid}.settings-panel__divider{height:1px;margin:var(--space-3) var(--space-3\.5);background:var(--color-border-primary)}.settings-panel__group{padding:3px var(--space-3\.5) 1px}.settings-panel__label{color:var(--color-text-primary);margin-bottom:var(--space-1);font-size:13px;font-weight:600;display:block}.settings-panel__radios{gap:var(--space-0\.5);display:flex}.settings-panel__radio{align-items:center;gap:var(--space-1\.5);padding:var(--space-0\.5) var(--space-2) var(--space-0\.5) 0;color:var(--color-text-primary);cursor:pointer;font-size:13px;display:flex}.settings-panel__radio input[type=radio]{accent-color:var(--color-accent);cursor:pointer;margin:0}.settings-panel__theme-row{align-items:center;gap:var(--space-2\.5);padding:var(--space-1) var(--space-3\.5) var(--space-2);display:flex}.settings-panel__theme-icon{color:var(--color-text-secondary);flex-shrink:0}.settings-panel__theme-switch{background:var(--color-border-primary);border:1px solid var(--color-border-primary);cursor:pointer;border-radius:11px;width:40px;height:22px;padding:0;transition:background .2s,border-color .2s;position:relative}.settings-panel__theme-switch--dark{background:var(--color-accent);border-color:var(--color-accent)}.settings-panel__theme-knob{background:var(--color-text-inverse);border-radius:50%;width:16px;height:16px;transition:transform .2s;position:absolute;top:2px;left:2px}.settings-panel__theme-switch--dark .settings-panel__theme-knob{transform:translate(18px)}.settings-panel__section{padding:var(--space-2) var(--space-4)}.settings-panel__section-title{font-size:14px;font-weight:600;font-family:var(--font-body);color:var(--color-text-primary);margin:0 0 var(--space-2);font-style:normal}.settings-panel__input{width:100%;padding:var(--space-1\.5) var(--space-2);margin-bottom:var(--space-1\.5);color:var(--color-text-primary);background:var(--color-bg-primary);border:1px solid var(--color-border-primary);border-radius:var(--radius-sm);box-sizing:border-box;font-size:13px;display:block}.settings-panel__input:focus{border-color:var(--color-accent);outline:none}.settings-panel__btn{margin-top:var(--space-1\.5);padding:var(--space-1\.5) var(--space-4);color:var(--color-text-inverse);background:var(--color-accent);border:1px solid var(--color-accent);border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition-colors);font-size:13px;font-weight:600}.settings-panel__btn:hover:not(:disabled){background:var(--color-accent-hover)}.settings-panel__btn:disabled{opacity:.5;cursor:not-allowed}.settings-panel__btn--danger{color:var(--color-text-inverse);background:var(--color-danger-solid);border-color:var(--color-danger-solid)}.settings-panel__btn--danger:hover:not(:disabled){background:var(--color-danger-solid-hover)}.settings-panel__section--danger{border-top:2px solid var(--color-danger-solid);background:var(--color-danger-bg)}.settings-panel__warning{color:var(--color-warning);margin-bottom:var(--space-1\.5);font-size:12px;line-height:1.5}.settings-panel__section--danger .settings-panel__warning{color:var(--color-danger)}.settings-panel__message{margin-bottom:var(--space-1\.5);font-size:12px;line-height:1.5}.settings-panel__message--success{color:var(--color-success)}.settings-panel__message--error{color:var(--color-danger)}.settings-panel__progress{color:var(--color-accent);margin-bottom:var(--space-1\.5);font-size:12px}.settings-panel__delete-confirm{margin-top:var(--space-1)}.settings-panel__export-actions{padding:var(--space-1) var(--space-3\.5) var(--space-1\.5);gap:var(--space-1);flex-direction:column;display:flex}.settings-panel__export-confirm{gap:var(--space-1);flex-direction:column;display:flex}.settings-panel__export-confirm-actions{gap:var(--space-1\.5);display:flex}