.login{margin:0;padding:0;max-width:1920px;display:flex;flex-direction:column;min-height:100vh}.login__container{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:1rem;gap:2rem}.login__logo{border-radius:50%;max-width:300px}.login__title{text-align:center;font-size:2rem;font-weight:600}.login__form{display:flex;flex-direction:column;gap:1rem;width:300px}.login__input{width:100%;border:none;padding:.4rem .8rem}.login__input--email{border-top-right-radius:10px}.login__btn{background-color:#369;color:#f0f0f0;border:none;border-bottom-left-radius:10px;font-size:1rem;padding:.4rem .8rem;width:100%}.login__footer .footer__container{position:static;text-align:center;margin-top:auto;width:100%}.users{max-width:1920px;width:auto;padding:1rem}.users__btn{color:#f0f0f0;background-color:#369;border:none;padding:.4rem .8rem;border-radius:10px;margin-bottom:.5rem}.users__table th,.users__table td{padding:.5rem 2rem;border-bottom:1px solid #dee2e6}.users__btn--edit{background-color:#ffc107;border:none;padding:.4rem;border-radius:10px}.users__form{display:flex;flex-direction:column;gap:1rem;max-width:500px;margin:auto}.users__form>div{display:flex;flex-direction:column;gap:.3rem}.users__label{font-weight:600;font-size:1rem;color:#333}.users__input{border:1px solid #ccc;border-radius:6px;padding:.6rem .8rem;font-size:1rem}.users__btn--save{width:100%;background-color:#198754;border:none;padding:.4rem .8rem;border-radius:10px;transform:background-color .3s ease}.users__btn--save:hover{background-color:#199954}.clients{max-width:1920px;width:auto;padding:1rem}.clients__btn{color:#f0f0f0;background-color:#369;border:none;padding:.4rem .8rem;border-radius:10px;margin-bottom:.5rem}.clients__table th,.clients__table td{padding:.5rem 2rem;border-bottom:1px solid #dee2e6}.clients__btn--edit{background-color:#ffc107;border:none;padding:.4rem;border-radius:10px}.clients__form{display:flex;flex-direction:column;gap:1rem;max-width:500px;margin:auto}.clients__form>div{display:flex;flex-direction:column;gap:.3rem}.clients__label{font-weight:600;font-size:1rem;color:#333}.clients__input,.clients__select{border:1px solid #ccc;border-radius:6px;padding:.6rem .8rem;font-size:1rem}.clients__btn--save{width:100%;background-color:#198754;border:none;padding:.4rem .8rem;border-radius:10px;transform:background-color .3s ease}.clients__btn--save:hover{background-color:#199954}.categories{max-width:1920px;width:auto;padding:1rem}.categories__btn{color:#f0f0f0;background-color:#369;border:none;padding:.4rem .8rem;border-radius:10px;margin-bottom:.5rem}.categories__table th,.categories__table td{padding:.5rem 2rem;border-bottom:1px solid #dee2e6}.categories__btn--edit{background-color:#ffc107;border:none;padding:.4rem;border-radius:10px}.categories__form{display:flex;flex-direction:column;gap:1rem;max-width:500px;margin:auto}.categories__form>div{display:flex;flex-direction:column;gap:.3rem}.categories__label{font-weight:600;font-size:1rem;color:#333}.categories__input,.categories__select{border:1px solid #ccc;border-radius:6px;padding:.6rem .8rem;font-size:1rem}.categories__btn--save{width:100%;background-color:#198754;border:none;padding:.4rem .8rem;border-radius:10px;transform:background-color .3s ease}.categories__btn--save:hover{background-color:#199954}.brands{max-width:19200px;width:auto;padding:1rem}.brands__btn{color:#f0f0f0;background-color:#369;border:none;padding:.4rem .8rem;border-radius:10px;margin-bottom:.5rem}.brands__table th,.brands__table td{padding:.5rem 2rem;border-bottom:1px solid #dee2e6}.brands__btn--edit{background-color:#ffc107;border:none;padding:.4rem;border-radius:10px}.brands__form{display:flex;flex-direction:column;gap:1rem;max-width:500px;margin:auto}.brands__form>div{display:flex;flex-direction:column;gap:.3rem}.brands__label{font-weight:600;font-size:1rem;color:#333}.brands__input,.brands__select{border:1px solid #ccc;border-radius:6px;padding:.6rem .8rem;font-size:1rem}.brands__btn--save{width:100%;background-color:#198754;border:none;padding:.4rem .8rem;border-radius:10px;transform:background-color .3s ease}.brands__btn--save:hover{background-color:#199954}.products{max-width:1920px;width:auto;padding:1rem}.products__btn{color:#f0f0f0;background-color:#369;border:none;padding:.4rem .8rem;border-radius:10px;margin-bottom:.5rem}.products__table th{text-align:center}.products__table th,.products__table td{padding:.5rem 2rem;border-bottom:1px solid #dee2e6}.products__btn--edit{background-color:#ffc107;border:none;padding:.4rem;border-radius:10px}.products__form{display:flex;flex-direction:column;gap:1rem;max-width:500px;margin:auto}.products__form>div{display:flex;flex-direction:column;gap:.3rem}.products__label{font-weight:600;font-size:1rem;color:#333}.products__input,.products__select{border:1px solid #ccc;border-radius:6px;padding:.6rem .8rem;font-size:1rem}.products__btn--save{width:100%;background-color:#198754;border:none;padding:.4rem .8rem;border-radius:10px}.products__btn--save{width:100%;background-color:#198754;border:none;padding:.4rem .8rem;border-radius:10px;transform:background-color .3s ease}.products__btn--save:hover{background-color:#199954}.budgets{max-width:1920px;width:auto;padding:1rem}.budgets__btn{color:#f0f0f0;background-color:#369;border:none;padding:.4rem .8rem;border-radius:10px;margin-bottom:.5rem}.budgets__table th{text-align:center}.budgets__table th,.budgets__table td{padding:.5rem 2rem;border-bottom:1px solid #dee2e6}.budgets__btn--edit,.budgets__btn--see,.budgets__btn--status,.budgets__btn--invoice{border:none;padding:.4rem;border-radius:10px}.budgets__btn--edit{background-color:#ffc107}.budgets__btn--see{background-color:#369}.budgets__btn--status{background-color:#6c757d}.budgets__btn--invoice{background-color:#198754;transition:background-color .3s ease}.budgets__btn--invoice:hover{background-color:#199954}.budgets__form{display:flex;flex-direction:column;gap:1rem;max-width:500px;margin:auto}.budgets__form>div{display:flex;flex-direction:column;gap:.3rem}.budgets__label{font-weight:600;font-size:1rem;color:#333}.budgets__input,.budgets__select{border:1px solid #ccc;border-radius:6px;padding:.6rem .8rem;font-size:1rem}.budgets__btn--save{width:100%;background-color:#198754;border:none;padding:.4rem .8rem;border-radius:10px}.budgets__btn--save{width:100%;background-color:#198754;border:none;padding:.4rem .8rem;border-radius:10px;transform:background-color .3s ease}.budgets__btn--save:hover{background-color:#199954}.layout{display:flex;flex-direction:column;height:100vh}.layout__content{display:flex;flex:1;overflow:hidden}.header{margin:0;padding:0;max-width:1920px;height:auto}.header__container{display:flex;justify-content:space-between;align-items:center;padding:1rem;background-color:#f0f0f0;padding-left:100px}.header__logo{border-radius:50%;max-width:5rem}.header__btn{border:2px solid #336699;border-radius:10px;background-color:transparent;padding:4px 8px;font-size:1rem}.header__menu-item{list-style:none}.header__btn--item{border:none}.navbar{margin:0;padding:0;max-width:300px;height:calc(100vh - 100px)}.navbar__container{display:flex;flex-direction:column;width:100%;height:100%;justify-content:start;align-items:start;padding:1rem;background-color:#f0f0f0}.navbar__icon{font-size:1rem}.navbar__item{text-decoration:none;padding:1rem;font-size:1.2rem;color:#000}.navbar__divider{border:none;border-top:1px solid #336699;width:100%}.main__content{flex:1;display:flex;padding:1rem;overflow:auto}.footer{margin:0 auto;padding:0;max-width:1920px}.footer__container{position:relative;bottom:0;text-align:center;padding:1rem}.footer__text{margin:0;font-size:1rem}.footer__item{text-decoration:none}html,body{height:100%;margin:0;padding:0;font-family:sans-serif;background-color:#f8f9fa}