.navbar{display:flex;justify-content:space-between;align-items:center;padding:1rem;background-color:#f8f9fa}.navbar__title{margin:0;color:#2774c7}.navbar__login-button{padding:.5rem 1rem;background-color:#2774c7;color:#fff;border:none;border-radius:4px;transition:background-color .3s;cursor:pointer;width:65px;text-align:center}.navbar__login-button:hover{background-color:#0056b3}.navbar__username{margin-right:1rem;font-weight:700;color:#333;animation:fadeIn .3s ease-out}.navbar__username.fade-out{animation:fadeOut .3s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}body{font-family:Arial,sans-serif;margin:2rem}.vendor-search{max-width:800px;margin:0 auto}.vendor-search__error-message{color:red;margin:10px 0;text-align:center;font-weight:700}.search-form{margin-top:2rem}.search-form__input{padding:.5rem;border:1px solid #ccc;border-radius:4px;margin-right:1rem;font-size:1.2rem}.search-form__button{padding:.5rem 1rem;background-color:#007bff;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:background-color .3s;font-size:1.2rem}.search-form__button:hover{background-color:#0056b3}.vendors-table{border:1px solid #ddd;width:100%;margin-top:2rem;border-collapse:collapse}.vendors-table__header-cell,.vendors-table__cell{padding:.5rem;border-bottom:1px solid #ddd;border-right:1px solid #ddd}.vendors-table__header-cell:last-child,.vendors-table__cell:last-child{border-right:none}.vendors-table__header-cell{background-color:#f2f2f2}.vendors-table__row:hover{background-color:#f5f5f5}.vendors-table__modal-content{overflow-y:auto;max-height:80vh;resize:both;overflow:auto}.vendors-table__modal-credentials-link{color:#2774c7;font-weight:700;font-size:1.1rem;cursor:pointer;margin:1rem 0;padding:.2rem 0;border-bottom:2px solid transparent;transition:color .3s ease-in-out,border-color .3s ease-in-out}.vendors-table__modal-credentials-link:hover{color:#0056b3;border-bottom-color:#0056b3}.vendors-table__additional-contacts{margin-top:1em;margin-bottom:1em;padding:0}.vendors-table__additional-contacts__list{font-size:.9rem;list-style-type:none;padding-left:0}.vendors-table__additional-contacts__list-item{padding:.2rem 0}.vendors-table__modal-overlay{display:flex;justify-content:center;align-items:center;position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;opacity:0;transition:opacity .3s ease-in-out}.vendors-table__modal-overlay--after-open{opacity:1}.vendors-table__modal-overlay--before-close{opacity:0}.vendors-table__modal-content{width:60%;max-width:500px;background:white;padding:2rem;border-radius:4px;box-shadow:0 2px 10px #0000001a;font-size:1.1rem;transform:translateY(-10%);opacity:0;transition:transform .3s,opacity .3s}.vendors-table__modal-content--after-open{transform:translateY(0);opacity:1}.vendors-table__modal-content--before-close{transform:translateY(-10%);opacity:0}.vendors-table__modal-header{font-size:1.5rem;margin-bottom:1rem;color:#2774c7;text-align:center}.vendors-table__modal-close-button{display:block;margin:1rem auto 0;padding:.5rem 1rem;background-color:#007bff;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:background-color .3s}.vendors-table__modal-close-button:hover{background-color:#0056b3}.ReactModal__Overlay{opacity:0;transition:opacity .3s ease-in-out}.ReactModal__Overlay--after-open{opacity:1}.ReactModal__Overlay--before-close{opacity:0}.tooltip{position:relative;display:inline-block}.tooltip__content{position:absolute;bottom:100%;left:95%;transform:translate(-50%);padding:.5rem;background-color:#fffffff2;color:#000;border:1px solid rgba(126,126,126,.35);box-shadow:0 4px 8px #00000059;border-radius:4px;white-space:nowrap;z-index:1000;opacity:0;visibility:hidden;transition:opacity .3s ease-in-out,visibility .3s ease-in-out}.tooltip:hover .tooltip__content{opacity:1;visibility:visible}.tooltip__content--hidden{opacity:0;visibility:hidden}.tooltip__content--strong{color:#0056b3}.login-modal__content{position:fixed;top:50%;left:50%;width:300px;padding:20px;background:white;border-radius:4px;box-shadow:0 2px 10px #0000001a;transform:translate(-50%,-50%) translateY(-10%);opacity:0;transition:transform .3s,opacity .3s}.login-modal__content--after-open{transform:translate(-50%,-50%) translateY(0);opacity:1}.login-modal__content--before-close{transform:translate(-50%,-50%) translateY(-10%);opacity:0}.login-modal__overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;transition:opacity .3s ease-in-out;opacity:0}.login-modal__overlay--after-open{opacity:1}.login-modal__overlay--before-close{opacity:0}.login-modal__input{width:100%;margin-bottom:10px;padding:8px;border:1px solid #ddd;border-radius:4px}.login-modal__button{padding:8px 16px;margin-right:10px;border:none;border-radius:4px;background-color:#2774c7;color:#fff;cursor:pointer}.login-modal__button:hover{background-color:#0056b3}.login-modal__error-container{height:20px;margin-bottom:5px;overflow:hidden}.login-modal__error{font-size:12px;font-weight:700;color:red;opacity:0;transition:opacity .2s ease-in-out}.login-modal__error-visible{opacity:1}#root,.App{text-align:center}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}