body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}@keyframes moveInRight{0%{opacity:0;transform:translateX(15rem)}80%{transform:translate(-1rem)}to{opacity:1;transform:translate(0)}}@keyframes moveInBottom{0%{opacity:0;transform:translateY(15rem)}to{opacity:1;transform:translate(0)}}@keyframes apperance{0%{opacity:0}to{opacity:1}}html{font-size:62.5%}@media(max-width:68em){html{font-size:56,25%}}@media(max-width:45em){html{font-size:50%}}body{font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif;font-size:1.6rem}.container,.container-home{background-color:#1f1f1f;display:grid;grid-template-columns:[full-start] minmax(4rem,1fr) [center-start] repeat(8,[col-start] minmax(-webkit-min-content,14rem) [col-end]) [center-end] minmax(4rem,1fr) [full-end];grid-template-columns:[full-start] minmax(4rem,1fr) [center-start] repeat(8,[col-start] minmax(min-content,14rem) [col-end]) [center-end] minmax(4rem,1fr) [full-end];grid-template-rows:8vh repeat(5,-webkit-min-content);grid-template-rows:8vh repeat(5,min-content)}.container-home{grid-template-rows:8vh 92vh}.btn{align-items:center;border:none;border-radius:2rem;color:#1f1f1f;cursor:pointer;display:flex;font-size:1.4rem;font-weight:600;justify-content:center;padding:.6rem 1.5rem;transition:all .2s}.btn.btn--tax{background-color:#a99db6;color:#1f1f1f;margin-left:10px;margin-top:10px}.btn.btn--tax:hover{background-color:#7c6f88;transform:translateY(-4px)}.btn.btn--create{background-color:#b2d0ce;color:#1f1f1f;width:11rem}.btn.btn--create:hover{background-color:#8fa8a5;transform:translateY(-4px)}.btn.btn-list{column-gap:2rem;display:flex;justify-content:space-evenly;margin-right:3rem;width:100%}@media(max-width:68em){.btn.btn-list{grid-column:1/-1;grid-row:2;padding-bottom:2rem}}@media(max-width:45em){.btn.btn-list{align-items:center;flex-wrap:wrap;gap:2rem;grid-row:3;justify-content:center;margin-right:0;margin-top:1rem}}.btn.btn-list .block,.btn.btn-list .unblock{background-color:#f2fe8d;width:11rem}.btn.btn-list .block:hover,.btn.btn-list .unblock:hover{background-color:#c2c975;transform:translateY(-4px)}.btn.btn-list .block--active,.btn.btn-list .unblock--active{background-color:#a99db6;width:11rem}.btn.btn-list .delete,.btn.btn-list .edit{background-color:#b2d0ce;width:4rem}.btn.btn-list .delete:hover,.btn.btn-list .edit:hover{background-color:#8fa8a5;transform:translateY(-4px)}.btn.filter,.btn.sort{color:#1f1f1f;gap:1rem;margin-bottom:1rem}.btn.filter{background-color:#a99db6}.btn.filter:hover{background-color:#7c6f88;transform:translateY(-4px)}.btn.confirm,.btn.sort{background-color:#b2d0ce}.btn.confirm:hover,.btn.sort:hover{background-color:#8fa8a5;transform:translateY(-4px)}.content-home{grid-column:col-start 3/col-end 6}.delete-modal-container,.error{align-items:center;background-color:#ffffff1a;display:flex;height:100%;justify-content:center;left:0;overflow:hidden;position:fixed;top:0;width:100%;z-index:1000}.delete-modal-container .delete-modal,.delete-modal-container .text,.error .delete-modal,.error .text{background-color:#000;border-radius:2rem;box-shadow:0 0 10px #0000004d;color:#d6a2e8;display:flex;justify-content:space-around;padding:2rem;width:40rem}@media(max-width:57em){.delete-modal-container .delete-modal,.delete-modal-container .text,.error .delete-modal,.error .text{text-align:center;width:30rem}}.create .content .account-details .input-box .input,.file-upload__input-group .input,.input-box .input{font-size:1.6rem;padding-bottom:.5rem;padding-left:2rem;padding-top:.5rem}.create{background-color:#28282a;border-radius:3rem;color:#e9e9e9;display:grid;font-size:1.8rem;grid-column:col-start 2/col-end 7;grid-template-rows:repeat(2,-webkit-min-content);grid-template-rows:repeat(2,min-content);margin:5rem 0;padding-bottom:2rem}.create .title{color:#e9e9e9;font-size:2.2rem;padding:3rem;text-align:center}@media(max-width:57em){.create .title{padding:1rem 0}}.create .content{display:flex}@media(max-width:57em){.create .content{flex-direction:column;padding-bottom:2rem}}@media(max-width:45em){.create .content{flex-direction:column}}.create .content .account-details{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:2rem 3rem 0}@media(max-width:57em){.create .content .account-details{padding:0}}@media(max-width:45em){.create .content .account-details{justify-content:space-between;width:100%}}.create .content .account-details .input-box{display:flex;flex-direction:column}@media(max-width:57em){.create .content .account-details .input-box{align-items:center;width:100%}}.create .content .account-details .input-box .label{padding:1rem 0}.create .content .account-details .input-box .input{background-color:#f2fe8d;border:none;border-radius:2rem;height:2.2rem;margin-bottom:2rem;width:20rem}.create .content .btn-box{align-items:center;display:flex;justify-content:center;padding:2rem 3rem 0 1rem}@media(max-width:45em){.create .content .btn-box{margin-right:0;padding-right:0}}.create .content input:focus{outline:none}.create .create-messages{text-align:center}.create .create-messages .message{color:#98ddca}.edit-modal-container{align-items:center;background-color:#0000;background-color:#ffffff1a;display:flex;font-size:1.6rem;height:100%;justify-content:center;left:0;overflow:hidden;position:fixed;top:0;width:100%;z-index:1000}.edit-modal-container .edit-modal{background-color:#1f1f1f;border-radius:1rem;box-shadow:0 0 30px #0000001a;height:45rem;padding:5rem 5rem 3rem;width:45rem}@media(max-width:45em){.edit-modal-container .edit-modal{height:auto;padding:3rem 3rem 1rem;width:33rem}}.edit-modal-container .edit-modal .buttons{display:flex;justify-content:space-around;padding-bottom:3rem}.edit-modal-container .edit-modal .buttons .btn{background-color:#b2d0ce}.edit-modal-container .edit-modal .input-container{display:flex;justify-content:space-around}@media(max-width:45em){.edit-modal-container .edit-modal .input-container{flex-direction:column}}.edit-modal-container .edit-modal .input-container .input-box .label{padding-bottom:2rem}.edit-modal-container .edit-modal .input-container .input-box .input{width:18rem}.edit-modal-container .edit-modal .input-container .input-box .input.non-active{background-color:#615d64}.edit-modal-container .edit-modal .confirmation{color:#d6a2e8;display:flex;flex-direction:column}.edit-modal-container .edit-modal .confirmation p{text-align:center}.edit-modal-container .edit-modal .image-upload{display:flex;padding-top:3rem}@media(max-width:45em){.edit-modal-container .edit-modal .image-upload{align-items:center;flex-direction:column-reverse;justify-content:center;margin:0;padding:0}}.edit-modal-container .edit-modal .image-upload .file-upload__input-group{display:flex;padding-left:1rem;width:50%}@media(max-width:45em){.edit-modal-container .edit-modal .image-upload .file-upload__input-group{margin-top:-5rem}}.edit-modal-container .edit-modal .image-upload .file-upload__input-group .input{width:18rem}.edit-modal-container .edit-modal .image-upload .edit-img{height:13rem;margin-left:5rem;margin-top:-2rem;width:13rem}@media(max-width:45em){.edit-modal-container .edit-modal .image-upload .edit-img{margin-top:0}}.edit-modal-container .edit-modal .image-upload .edit-img .img{border-radius:50%;height:13rem;object-fit:cover;width:13rem}@media(max-width:45em){.edit-modal-container .edit-modal .image-upload .edit-img .img{height:9rem;width:9rem}}.edit-modal-container .edit-modal .changes-handle .buttons{padding-bottom:2rem;padding-top:2rem}.edit-modal-container .edit-modal .changes-handle .message{color:#d6a2e8;text-align:center}.edit-modal-container .edit-modal input:focus{outline:none}.file-upload{align-items:center;display:flex;justify-content:space-evenly}@media(max-width:45em){.file-upload{flex-direction:column}}.file-upload__container{align-items:center;display:flex;justify-content:center}@media(max-width:45em){.file-upload__container{flex-direction:column;padding-top:2rem}}.file-upload__container .image-box{background-color:#b2d0ce;border-radius:50%;height:17rem;margin:3rem;width:17rem}@media(max-width:45em){.file-upload__container .image-box{border-radius:25%;height:15rem;width:15rem}}.file-upload__container .image-box .image{background-color:#fff;border-radius:50%;height:17rem;object-fit:cover;width:17rem}@media(max-width:45em){.file-upload__container .image-box .image{border-radius:25%;height:15rem;width:15rem}}.file-upload__input-group{display:flex;flex-direction:column;margin-top:-2rem}@media(max-width:45em){.file-upload__input-group{align-items:center;padding:2rem 0}}.file-upload__input-group .label{padding:2rem 0}.file-upload__input-group .input{background-color:#f2fe8d;border-radius:2rem;color:#615d64}@media(max-width:57em){.file-upload__input-group .input{align-items:center;display:flex;justify-content:center;padding:.5rem}}.filter-box,.sort-box{display:flex;flex-wrap:wrap;gap:1rem;grid-column:center-start/center-end;justify-content:center}.filter-box:not(:last-child),.sort-box:not(:last-child){padding:3rem 0}.home{align-items:center;background-image:linear-gradient(to right bottom,#1f1f1fcc 70%,#f2fe8d4d),linear-gradient(to left top,#1f1f1fcc 70%,#f2fe8d);display:grid;grid-column:full-start/full-end;grid-template-columns:1fr 1fr;height:92vh;justify-items:center}@media(max-width:57em){.home{grid-template-columns:1fr}}.home__content{align-items:center;display:flex;flex-direction:column;justify-self:left;padding-left:5rem}@media(max-width:68em){.home__content{padding-left:0}}@media(max-width:57em){.home__content{justify-self:center}}.home__content .title{color:#e9e9e9;display:flex;flex-direction:column;font-size:5rem;text-align:center}.home__content .title .title-part1.animated{animation:apperance 2s ease-in;animation-fill-mode:backwards}.home__content .title .title-part2.animated{animation-delay:1.5s;animation-duration:1.5s;animation-fill-mode:backwards;animation-name:moveInBottom;animation-timing-function:ease-out}.home__content .login-offer{color:#f2fe8d;display:flex;font-size:2.2rem;justify-content:space-between;width:25rem}.home__content .login-offer .sp-1.animated{animation:apperance .1s;animation-delay:3.5s;animation-fill-mode:backwards}.home__content .login-offer .sp-2.animated{animation:apperance .1s;animation-delay:3.6s;animation-fill-mode:backwards}.home__content .login-offer .sp-3.animated{animation:apperance .1s;animation-delay:3.7s;animation-fill-mode:backwards}.home__content .login-offer .sp-4.animated{animation:apperance .1s;animation-delay:3.8s;animation-fill-mode:backwards}.home__content .login-offer .sp-5.animated{animation:apperance .1s;animation-delay:3.9s;animation-fill-mode:backwards}.home__content .login-offer .sp-6.animated{animation:apperance .1s;animation-delay:4s;animation-fill-mode:backwards}.home__content .login-offer .sp-7.animated{animation:apperance .1s;animation-delay:4.1s;animation-fill-mode:backwards}.home__content .login-offer .sp-8.animated{animation:apperance .1s;animation-delay:4.2s;animation-fill-mode:backwards}.home__content .login-offer .sp-9.animated{animation:apperance .1s;animation-delay:4.3s;animation-fill-mode:backwards}.home__content .login-offer .sp-10.animated{animation:apperance .1s;animation-delay:4.4s;animation-fill-mode:backwards}.home__content .login-offer .sp-11.animated{animation:apperance .1s;animation-delay:4.5s;animation-fill-mode:backwards}.home__content .login-offer .sp-12.animated{animation:apperance .1s;animation-delay:4.6s;animation-fill-mode:backwards}.home__content .login-offer .sp-13.animated{animation:apperance .1s;animation-delay:4.7s;animation-fill-mode:backwards}.home__content .login-offer .sp-14.animated{animation:apperance .1s;animation-delay:4.8s;animation-fill-mode:backwards}.home__content .login-offer .sp-15.animated{animation:apperance .1s;animation-delay:4.9s;animation-fill-mode:backwards}.home__content .login-offer .sp-16.animated{animation:apperance .1s;animation-delay:5s;animation-fill-mode:backwards}.home__content .login-offer .sp-17.animated{animation:apperance .1s;animation-delay:5.1s;animation-fill-mode:backwards}.home__content .login-offer .sp-18.animated{animation:apperance .1s;animation-delay:5.2s;animation-fill-mode:backwards}.home__content .login-offer .sp-19.animated{animation:apperance .1s;animation-delay:5.3s;animation-fill-mode:backwards}.home__content .login-offer .sp-20.animated{animation:apperance .1s;animation-delay:5.4s;animation-fill-mode:backwards}.home__content .login-offer .sp-21.animated{animation:apperance .1s;animation-delay:5.5s;animation-fill-mode:backwards}.home__image{justify-self:right;padding-right:5rem}@media(max-width:68em){.home__image{padding-left:0}}@media(max-width:57em){.home__image{display:none}}.home__image img{width:50rem}.info{align-items:center;display:flex;grid-column:center-start/center-end;justify-content:center}.info__main-title{color:#e9e9e9}.input-box{display:flex;flex-direction:column}@media(max-width:57em){.input-box{align-items:center;width:100%}}.input-box .label{padding:1rem 0}.input-box .input{background-color:#f2fe8d;border:none;border-radius:2rem;height:2.2rem;margin-bottom:2rem;width:20rem}.list{color:#e9e9e9;display:grid;font-size:1.8rem;grid-column:center-start/center-end}.list__taxes-container{margin-bottom:2rem}.list__title{display:grid;font-size:2.2rem;justify-self:center;margin-bottom:5rem;margin-top:10rem}.list__clients .client{align-items:center;background-color:#28282a;border-radius:3rem;display:grid;grid-template-columns:repeat(5,1fr);margin-bottom:1.5rem;padding-right:3rem}@media(max-width:68em){.list__clients .client{grid-template-columns:repeat(4,1fr);grid-template-rows:1fr .25fr}}@media(max-width:45em){.list__clients .client{grid-template-columns:repeat(3,1fr);grid-template-rows:1fr .25fr .25fr;justify-items:center;padding-right:0}}.list__clients .client__image-box{margin:2rem}@media(max-width:45em){.list__clients .client__image-box{grid-column:1/-1;grid-row:1}}.list__clients .client__image{border-radius:50%;height:12rem;object-fit:cover;width:12rem}@media(max-width:45em){.list__clients .client__image{border-radius:50%;height:20rem;justify-self:center;object-fit:cover;width:20rem}}.list__clients .client__data{grid-row-gap:1rem;display:grid;justify-items:center;row-gap:1rem}.login__input-group input[type=password],.login__input-group input[type=text]{font-size:1.6rem;padding-bottom:1rem;padding-left:2rem;padding-top:1rem}.login{align-items:center;color:#1f1f1f;display:grid;grid-column:full-start/full-end;grid-template-columns:1fr;grid-template-rows:1fr;height:82vh;justify-items:center;padding-bottom:10rem}.login__body{grid-gap:2rem;background-color:#f2fe8d;border-radius:3rem;display:grid;gap:2rem;grid-template-columns:30rem;grid-template-rows:repeat(3,-webkit-min-content);grid-template-rows:repeat(3,min-content);padding:2rem 5rem 5rem}.login__title{grid-template-row:repeat(2,min-content);display:grid;font-size:2rem;grid-row:1}.login__title .error-message{color:crimson}.login__input-group{grid-gap:1rem;display:grid;gap:1rem;grid-template-rows:repeat(4,3rem)}.login__input-group input{background-color:#b2d0ce;border:none;border-radius:2rem}.login__input-group input:focus{outline:none}.login__button{background-color:#a99db6;justify-self:center;margin-top:4rem;width:10rem}.navigation{align-items:center;background-color:#28282a;box-shadow:0 0 10px 0 #0000001a;color:#f2fe8d;display:flex;font-size:1.8rem;grid-column:full-start/full-end;justify-content:space-between;padding-left:5rem;padding-right:5rem}@media(max-width:45em){.navigation{padding-left:2rem;padding-right:2rem}}.navigation .nav__left,.navigation .nav__right{display:flex;gap:1rem;list-style:none}.navigation .nav__left--link,.navigation .nav__right--link{border-radius:2px;padding:.5rem 1.5rem;transition:all .3s}.navigation .nav__left--link:hover,.navigation .nav__right--link:hover{background-color:#28282a;color:#f2fe8d}.navigation .nav__left{justify-self:flex-start}.navigation .nav__right{justify-self:flex-end}.navigation .nav__left--link,.navigation .nav__right--link{cursor:pointer}.totals__content .totals-data .chart-legend__color--1,.totals__content .totals-data .chart-legend__color--2,.totals__content .totals-data .chart-legend__color--3,.totals__content .totals-data .chart-legend__color--4,.totals__content .totals-data .chart-legend__color--5,.totals__content .totals-data .chart-legend__color--6{height:2rem;width:3rem}.totals{color:#b2d0ce;display:grid;font-size:1.8rem;grid-column:center-start/center-end;grid-template-columns:repeat(2,1fr);padding:6rem 0}@media(max-width:68em){.totals{grid-template-columns:1fr;grid-template-rows:1fr 1fr;justify-items:center}}.totals__chart{display:grid;justify-self:center}.totals__content{display:flex;flex-direction:column;justify-content:center}.totals__content .totals-data{align-items:center;display:grid;grid-template-columns:40rem 8rem -webkit-min-content;grid-template-columns:40rem 8rem min-content;grid-template-rows:3rem}@media(max-width:45em){.totals__content .totals-data{gap:1rem;grid-template-columns:repeat(3,-webkit-max-content);grid-template-columns:repeat(3,max-content)}}.totals__content .totals-data .chart-legend{display:flex;flex-direction:row}.totals__content .totals-data .chart-legend__color--1{background-color:#f2fe8d}.totals__content .totals-data .chart-legend__color--2{background-color:#a99db6}.totals__content .totals-data .chart-legend__color--3{background-color:#b2d0ce}.totals__content .totals-data .chart-legend__color--4{background-color:#ff6b6b}.totals__content .totals-data .chart-legend__color--5{background-color:#98ddca}.totals__content .totals-data .chart-legend__color--6{background-color:#d6a2e8}.totals__content .totals-data .chart-legend__text{display:grid}@media(max-width:45em){.totals__content{padding-top:2rem}}
/*# sourceMappingURL=main.66ab2a46.css.map*/