.password-visibility { display: inline-flex; align-items: center; justify-content: center; width: auto; min-width: 44px; min-height: 44px; padding: 8px 12px; border: 1px solid #6c757d; border-radius: 5px; background: #fff; color: #314a60; cursor: pointer; }
.password-visibility .eye-closed { display: none; }
.password-visibility[aria-pressed="true"] .eye-open { display: none; }
.password-visibility[aria-pressed="true"] .eye-closed { display: inline; }
.password-visibility:focus-visible { outline: 3px solid #2f80c8; outline-offset: 2px; }
.password-length-track { height: 8px; margin: 10px 0 6px; overflow: hidden; border-radius: 5px; background: #e4e9ef; }
.password-length-fill { height: 100%; width: 0; background: #b02a37; transition: width .15s ease, background-color .15s ease; }
.password-length-meter.is-valid .password-length-fill { background: #146c43; }
.password-length-meter p { margin: 4px 0; font-size: 13px; color: #b02a37; }
.password-length-meter.is-valid p { color: #146c43; }
@media (prefers-reduced-motion: reduce) { .password-length-fill { transition: none; } }