@import"https://fonts.googleapis.com/css2?family=Dosis:wght@400;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Nunito+Sans:wght@400;600;700&display=swap";:root{--font-dosis: "Dosis", sans-serif;--font-nunito: "Nunito Sans", sans-serif;--color-blue-dark: #30373f;--color-blue-light-1: #f9d8af;--color-blue-light-2: rgba(249, 216, 175, .9);--color-blue-light-3: #eff1f1;--color-secondary: #f9d8af;--color-cta: #30373f;--color-cta-dark: #4a4f55;--color-white: #fff;--color-grey-light-1: #9a9a9a;--color-grey-light-2: #f7e1c7;--color-grey-light-3: #bbbbbb;--color-grey-light-4: #f8f8f8;--color-grey-light-5: #efefef;--color-grey-dark-1: #6e747d;--color-error: #ff5e5e;--color-error-bg: #ffe8e8;--color-success: #3bc29f;--color-success-bg: #abdacd}html{scroll-behavior:smooth;font-size:62.5%}html,body{font-family:var(--font-dosis)}body{width:100vw;height:100vh}body #root{width:100%;height:100%}.btn-container.disabled{cursor:not-allowed}.btn{cursor:pointer;padding:1rem 3rem;background-color:var(--color-cta);border:1px solid var(--color-cta);border-radius:.8rem;color:var(--color-white);display:flex;align-items:center;justify-content:center;font-size:1.8rem;font-weight:600;letter-spacing:1px;transition:all .3s}@media screen and (max-width: 1000px){.btn{padding:1rem 2rem;font-size:1.6rem}}@media screen and (max-width: 900px){.btn{padding:.75rem 1.75rem;font-size:1.4rem}}.btn-c{padding:.75rem 5rem}.btn:hover{background-color:var(--color-cta-dark);box-shadow:2px 4px 8px #00000014;transform:translateY(-2px)}.btn:active{box-shadow:1px 2px 6px #0000000a;transform:translateY(-1px)}.btn:disabled{pointer-events:none;opacity:.8}.btn.ghost{font-weight:400;color:var(--color-cta);background-color:transparent}.btn.ghost:hover{color:var(--color-white);background-color:var(--color-cta-dark);box-shadow:2px 4px 8px #00000014;transform:translateY(-2px)}.btn.ghost:active{box-shadow:1px 2px 6px #0000000a;transform:translateY(-1px)}.btn.ghost:disabled{pointer-events:none;opacity:.8}.btn.danger{border-color:var(--color-error);color:var(--color-error)}.btn.danger:hover{background-color:var(--color-error)}.logout-btn-mobile{position:absolute;right:2rem;top:2.5rem;padding:.75rem 1.25rem;border-radius:10rem;background-color:var(--color-cta);color:var(--color-white);display:flex;align-items:center}.logout-btn-mobile svg{height:1.5rem;margin-right:.5rem}.logout-btn-mobile svg path{stroke:var(--color-white)}.success{position:absolute;bottom:3rem;right:5rem;font-size:1.8rem;border-radius:.8rem;padding:1.2rem 2rem;color:var(--color-white);background-color:var(--color-success);transform:translate(100%);animation:slideIn .5s forwards,slideOut .5s 9.5s forwards}@keyframes slideIn{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes slideOut{0%{transform:translate(0)}to{transform:translate(200%)}}.error{font-size:1.4rem;border-radius:.8rem;padding:.8rem;color:var(--color-error);background-color:var(--color-error-bg)}::selection{background-color:var(--color-cta);color:var(--color-white)}*,*:after,*:before{margin:0;padding:0;box-sizing:border-box}ul{list-style:none}a{text-decoration:none}button{border:none;background:none;font-family:var(--font-dosis)}.title{text-transform:uppercase;font-size:3rem;color:var(--color-cta);font-weight:700;letter-spacing:3px;margin-bottom:5rem;position:relative}@media screen and (max-width: 900px){.title{font-size:2.5rem;margin-bottom:2rem}}.title.small{font-size:1.8rem;margin-bottom:3rem}.title.center{text-align:center}.title:after{content:"";position:absolute;bottom:-3px;left:0;width:7rem;height:3px;border-radius:3px;background-color:var(--color-cta);display:inline-block}.title.center:after{background-color:var(--color-cta);border-radius:3px;display:inline-block;height:2.5px;left:50%;-webkit-transform:translateX(-50%);transform:translate(-50%);width:5rem}.subtitle{text-transform:uppercase;letter-spacing:1px;color:var(--color-cta);font-size:2rem;font-weight:600;margin-bottom:1rem}.App{width:100%;height:100%;background-color:var(--color-blue-dark);display:flex;overflow:hidden;position:relative}@media screen and (max-width: 900px){.App{height:100%}}@media screen and (max-width: 767px){.App.ready{height:auto}}@media screen and (max-width: 900px){.App .sidebar{display:none}}.App .view{flex:9;height:100%;width:100%;background-color:var(--color-white);border-top-left-radius:2.5rem;border-bottom-left-radius:2.5rem}@media screen and (max-width: 900px){.App .view{border-radius:0}}.App .view.out{border-radius:0}.App .loader-container{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.loader{height:20px;width:76px;border-radius:50%;display:flex;align-items:center;margin:.5rem 0}.loader.small{height:15px;width:56px}.loader .circle{background:var(--color-blue-light-1);width:20px;height:20px;margin-right:8px;border-radius:50%;animation:loading 2s infinite linear}.loader .circle.white{background:var(--color-white)}.loader .circle.cta{background:var(--color-cta)}.loader .circle.small{width:15px;height:15px;margin-right:6px}.loader .circle:nth-child(1){animation-delay:.5s}.loader .circle:nth-child(2){animation-delay:1s}.loader .circle:nth-child(3){animation-delay:1.5s;margin-right:0}@keyframes loading{0%,to{opacity:0}50%{opacity:1}}.mobile-nav{position:fixed;bottom:1rem;left:50%;transform:translate(-50%);display:flex;align-items:center;justify-content:center;width:95%;max-width:32rem;border-radius:.8rem;background-color:var(--color-blue-dark);padding:.6rem 1.5rem;box-shadow:0 4px 8px #0003;z-index:999}.mobile-nav ul{width:100%;display:flex;align-items:center;justify-content:space-between}.mobile-nav ul li a{font-size:1.35rem;display:flex;flex-direction:column;align-items:center;padding:.6rem .8rem;border-radius:.8rem;color:var(--color-grey-light-1);transition:all .3s}.mobile-nav ul li a svg{height:1.8rem;margin-bottom:.3rem}.mobile-nav ul li a svg path{fill:var(--color-grey-light-1);transition:all .3s}.mobile-nav ul li a.active{background-color:#f9d8af;color:var(--color-blue-dark)}.mobile-nav ul li a.active svg path{stroke:var(--color-blue-dark);fill:var(--color-blue-dark)}.sidebar{background-color:var(--color-blue-dark);color:var(--color-grey-light-1);padding:1.8rem 1.8rem 0;display:flex;flex-direction:column;align-items:center}@media screen and (max-width: 1024px){.sidebar{padding:1.5rem 1.5rem 0}}.sidebar__logo{margin-bottom:4rem}@media screen and (max-width: 1024px){.sidebar__logo{margin-bottom:2rem}}.sidebar__logo svg{transform:scale(.9)}@media screen and (max-width: 1024px){.sidebar__logo svg{transform:scale(.75)}}.sidebar__links ul{display:flex;flex-direction:column;align-items:center;gap:1rem}@media screen and (max-width: 1024px){.sidebar__links ul{gap:.5rem}}.sidebar__links ul a{font-size:1.6rem;padding:.5rem;display:flex;flex-direction:column;align-items:center;color:var(--color-grey-light-1);transition:all .3s}@media screen and (max-width: 1024px){.sidebar__links ul a{padding:.7rem}}.sidebar__links ul a svg{margin-bottom:.5rem}.sidebar__links ul a svg path{transition:all .3s}.sidebar__links ul a:hover{color:var(--color-grey-light-2)}.sidebar__links ul a:hover svg path{fill:var(--color-grey-light-2)}.sidebar__links ul a.active{min-width:6.2rem;padding:2.5rem .7rem;background-color:var(--color-blue-light-1);border-radius:10rem;color:var(--color-blue-dark);font-weight:700}@media screen and (max-width: 1024px){.sidebar__links ul a.active{padding:2rem .5rem}}.sidebar__links ul a.active svg{margin-bottom:.75rem}@media screen and (max-width: 1024px){.sidebar__links ul a.active svg{margin-bottom:.5rem}}.sidebar__links ul a.active svg path{fill:var(--color-blue-dark)}.sidebar__logout{margin-top:auto}.sidebar__logout .logout-btn{cursor:pointer;padding:3rem 1.5rem 2rem;background-color:var(--color-blue-light-1);border-top-left-radius:5rem;border-top-right-radius:5rem;display:flex;align-items:center;justify-content:center;transition:all .3s}.sidebar__logout .logout-btn:hover{background-color:var(--color-blue-light-2)}.sidebar__logout .logout-btn:active{transform:translateY(2px)}.doc-view{width:50%;padding:1.5rem;background-color:var(--color-blue-light-3);display:flex;flex-direction:column;align-items:center;gap:2rem;overflow:scroll}@media screen and (max-width: 767px){.doc-view{width:100%;overflow-x:hidden;overflow-y:scroll}}.invoice-web{margin:0 auto;margin-top:2rem;position:relative;box-shadow:0 0 8px 4px #0000000a}.invoice-web .steps,.invoice-web .client-docs,.invoice-web .web-notes{overflow-y:scroll}.invoice-web .steps::-webkit-scrollbar,.invoice-web .client-docs::-webkit-scrollbar,.invoice-web .web-notes::-webkit-scrollbar{width:1rem}.invoice-web .steps::-webkit-scrollbar-track,.invoice-web .client-docs::-webkit-scrollbar-track,.invoice-web .web-notes::-webkit-scrollbar-track{background-color:#fff}.invoice-web .steps::-webkit-scrollbar-thumb,.invoice-web .client-docs::-webkit-scrollbar-thumb,.invoice-web .web-notes::-webkit-scrollbar-thumb{background-color:#ddd9;border-radius:2rem;border:3px solid white}.invoice-web .steps::-webkit-scrollbar-thumb:hover,.invoice-web .client-docs::-webkit-scrollbar-thumb:hover,.invoice-web .web-notes::-webkit-scrollbar-thumb:hover{background-color:#f9d8af}.invoice-web .steps li,.invoice-web .client-docs li,.invoice-web .web-notes li{width:100%;display:flex;align-items:center;padding-right:1rem;gap:2rem;color:#7b8892;margin-bottom:1px}.invoice-web .steps li .desc,.invoice-web .client-docs li .desc,.invoice-web .web-notes li .desc{flex:3}.invoice-web .steps li .date,.invoice-web .client-docs li .date,.invoice-web .web-notes li .date{flex:1;text-align:center}.invoice-web .steps li .status,.invoice-web .client-docs li .status,.invoice-web .web-notes li .status{flex:1;text-align:right}.invoice-web .steps li .status.done,.invoice-web .client-docs li .status.done,.invoice-web .web-notes li .status.done{color:#16a085}.invoice-web .steps li .status.pending,.invoice-web .client-docs li .status.pending,.invoice-web .web-notes li .status.pending{color:#f39c12}.invoice-web .line{width:100%;height:1px;background-color:#e6e6e6;margin:.75rem 0}.invoice-web .properties{margin:.9rem 0;overflow-y:scroll}@media screen and (max-width: 900px){.invoice-web .properties{margin:.35rem 0}}.invoice-web .properties::-webkit-scrollbar{width:1rem}.invoice-web .properties::-webkit-scrollbar-track{background-color:#fff}.invoice-web .properties::-webkit-scrollbar-thumb{background-color:#ddd9;border-radius:2rem;border:3px solid white}.invoice-web .properties::-webkit-scrollbar-thumb:hover{background-color:#f9d8af}.invoice-web .properties .property{color:var(--color-grey-dark-1);margin-bottom:1.25rem}@media screen and (max-width: 900px){.invoice-web .properties .property{margin-bottom:.35rem}}.invoice-web .properties .property--top{display:flex;align-items:center;gap:.7rem;margin-bottom:.4rem}@media screen and (max-width: 900px){.invoice-web .properties .property--top{margin-bottom:0}}@media screen and (max-width: 900px){.invoice-web .properties .property--top svg{transform:scale(.8)}}.invoice-web .properties .property--bottom{display:flex;align-items:flex-end;gap:2rem}.invoice-web .properties .property--bottom div{display:flex;flex-direction:column;gap:.4rem}@media screen and (max-width: 900px){.invoice-web .properties .property--bottom div{gap:.1rem}}.made-by{display:inline-block;background-color:var(--color-grey-light-5);padding:.1rem 1rem;border-radius:4px;text-transform:capitalize}.form__section .subtitle{display:flex;align-items:flex-end;gap:1rem;margin-bottom:2rem;font-size:2.4rem}.form__section .subtitle.small{font-size:1.8rem;margin-bottom:0}.form__section .number{background-color:var(--color-cta);color:var(--color-white);border-radius:4px;width:3.6rem;height:3.6rem;display:flex;align-items:center;justify-content:center}.form__section--field label span{font-size:1.4rem!important}.form__section--field.checks{display:flex;align-items:center}.form__section--field.checks label.checkbox{margin-bottom:0}.form__section .header-payments,.form__section .payment-item{display:flex;align-items:center;font-size:1.6rem;padding-bottom:.6rem;color:var(--color-grey-light-1)}.form__section .header-payments span:nth-child(1),.form__section .payment-item span:nth-child(1){flex:4.5}.form__section .header-payments span:nth-child(2),.form__section .payment-item span:nth-child(2){flex:1;text-align:center}.form__section .header-payments span:nth-child(3),.form__section .payment-item span:nth-child(3){flex:2.5;text-align:right;margin-right:3rem}.form__section .header-payments span:nth-child(4),.form__section .payment-item span:nth-child(4){flex:2.5;display:flex;align-items:flex-end;justify-content:space-between}.form__section .header-payments span:nth-child(4) svg,.form__section .payment-item span:nth-child(4) svg{cursor:pointer;transform:scale(.9)}.form__section .header-payments span:nth-child(4) svg path,.form__section .payment-item span:nth-child(4) svg path{transition:all .3s}.form__section .header-payments span:nth-child(4) svg:hover path,.form__section .payment-item span:nth-child(4) svg:hover path{stroke:var(--color-error)}.form__section .header-payments span:nth-child(4) svg:active,.form__section .payment-item span:nth-child(4) svg:active{transform:scale(.95)}.form__section .header-expenses,.form__section .expenses-item{display:flex;align-items:center;font-size:1.6rem;padding-bottom:.6rem;color:var(--color-grey-light-1)}.form__section .header-expenses span:nth-child(1),.form__section .expenses-item span:nth-child(1){flex:1.25}.form__section .header-expenses span:nth-child(2),.form__section .expenses-item span:nth-child(2){flex:1.25;text-align:right}.form__section .header-expenses span:nth-child(3),.form__section .expenses-item span:nth-child(3){flex:1.25;text-align:right;margin-right:1.5rem}.form__section .header-expenses span:nth-child(4),.form__section .expenses-item span:nth-child(4){flex:1;display:flex;align-items:flex-end;justify-content:flex-end;gap:1rem}.form__section .header-expenses span:nth-child(4) svg,.form__section .expenses-item span:nth-child(4) svg{cursor:pointer;transform:scale(.9)}.form__section .header-expenses span:nth-child(4) svg path,.form__section .expenses-item span:nth-child(4) svg path{transition:all .3s}.form__section .header-expenses span:nth-child(4) svg:hover path,.form__section .expenses-item span:nth-child(4) svg:hover path{stroke:var(--color-error)}.form__section .header-expenses span:nth-child(4) svg:active,.form__section .expenses-item span:nth-child(4) svg:active{transform:scale(.95)}.form__section .table-header,.form__section .header-payments,.form__section .header-expenses{border-bottom:1px solid var(--color-grey-light-3)}.form__section .payment-item,.form__section .expenses-item{margin:.5rem 0}@media screen and (max-width: 1000px){.form__section .payment-item,.form__section .expenses-item{font-size:1.2rem}}.form__section--properties{margin:1.5rem 0}.form__section--properties .form__property{color:var(--color-grey-dark-1);font-size:1.2rem;padding:1.5rem;background-color:var(--color-blue-light-3);border-radius:.8rem;margin-bottom:1.5rem}.form__section--properties .form__property--top{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.form__section--properties .form__property--top .price{margin-left:auto}.form__section--properties .form__property--bottom{display:flex;align-items:flex-end;gap:2rem}.form__section--properties .form__property--bottom div{display:flex;flex-direction:column;gap:.5rem}.form__section--properties .form__property .actions{display:flex;flex-direction:row;gap:1rem;margin-left:auto}.form__section--properties .form__property .actions .edit-btn,.form__section--properties .form__property .actions .delete-btn{cursor:pointer}.form__section--properties .form__property .actions .edit-btn path,.form__section--properties .form__property .actions .delete-btn path{transition:all .3s}.form__section--properties .form__property .actions .edit-btn:hover path,.form__section--properties .form__property .actions .edit-btn.active path{fill:var(--color-blue-dark)}.form__section--properties .form__property .actions .delete-btn:hover path{stroke:var(--color-error)}.form__section--properties .form__property .unit{font-size:1.6rem}.invoice{display:flex;height:100%}@media screen and (max-width: 767px){.invoice{flex-direction:column}}.form{width:50%;padding:2.5rem;overflow-x:hidden;overflow-y:scroll;position:relative}.form__section label,.form__section .total-col{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem}.form__section label span,.form__section .total-col span{font-size:1.6rem;letter-spacing:1px}@media screen and (max-width: 1000px){.form__section label span,.form__section .total-col span{font-size:1.4rem}}@media screen and (max-width: 900px){.form__section label span,.form__section .total-col span{font-size:1.2rem}}.form__section label .total,.form__section .total-col .total{display:flex;align-items:center;justify-content:space-between;margin-top:4px}.form__section label .total span,.form__section .total-col .total span{font-size:1.8rem;color:var(--color-cta);font-weight:600}@media screen and (max-width: 900px){.form__section label .total span,.form__section .total-col .total span{font-size:1.6rem}}.form__section--field{display:flex;align-items:center;width:100%;margin-bottom:.5rem;gap:1rem}@media screen and (max-width: 900px){.form__section--field{gap:.5rem}}.form__section--field label{flex:1}.form__section--field label.checkbox{flex:0}.form__section--field label .checkbox{cursor:pointer;padding:.5rem;border-radius:.8rem;width:3rem;height:3rem;background-color:var(--color-blue-light-3);display:flex;align-items:center;justify-content:center}.form__section--field label .checkbox.checked{background-color:var(--color-cta)}.form__section--field label .checkbox.cancelled{background-color:var(--color-error)}.form__section--field.items label:nth-child(1){flex:2}.form__section--field.items label:nth-child(2){flex:1}.form__section--field.items .total-col{flex:2;transform:translateY(-4px)}.form__section--field input,.form__section--field select,.form__section--field textarea{width:100%;background-color:var(--color-blue-light-3);padding:1rem;font-size:1.6rem;color:var(--color-grey-dark-1);border-radius:.8rem;border:none}@media screen and (max-width: 900px){.form__section--field input,.form__section--field select,.form__section--field textarea{font-size:1.4rem}}.form__section--field input::-webkit-calendar-picker-indicator,.form__section--field select::-webkit-calendar-picker-indicator,.form__section--field textarea::-webkit-calendar-picker-indicator{filter:invert(.5)}.form__section--field input:focus,.form__section--field select:focus,.form__section--field textarea:focus{outline:2px solid var(--color-cta)}.form__section--field select{cursor:pointer;line-height:1.5em;padding:.5em 3.5em .5em 1em;margin:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:linear-gradient(45deg,transparent 50%,#bbb 50%),linear-gradient(135deg,#bbb 50%,transparent 50%),linear-gradient(to right,#ddd,#ddd);background-position:calc(100% - 20px) calc(1em + 2px),calc(100% - 15px) calc(1em + 2px),calc(100% - 2.5em) .5em;background-size:5px 5px,5px 5px,1px 1.5em;background-repeat:no-repeat}.form__section--field select::-webkit-scrollbar{width:1.5rem}.form__section--field select::-webkit-scrollbar-track{background-color:var(--color-blue-light-3)}.form__section--field select::-webkit-scrollbar-thumb{background-color:#ddd9;border-radius:2rem;border:3px solid var(--color-blue-light-3)}.form__section--field select::-webkit-scrollbar-thumb:hover{background-color:#f9d8af}.form__section--field .row{flex-direction:row;align-items:center;margin-bottom:0}.form__section--field .total-box{flex:1;display:flex;align-items:center;justify-content:center;background-color:var(--color-secondary);font-size:2rem;padding:.5rem;border-radius:.8rem}.form__section h4{color:var(--color-grey-light-3);font-size:1.8rem;font-weight:600;margin-bottom:1rem}.form__section .step-title{display:flex;align-items:center;gap:1rem}.form__section .step-title .plus-icon,.form__section .step-title .minus-icon{transform:scale(1.15);transition:all .3s;cursor:pointer}.form__section .step-title .plus-icon path,.form__section .step-title .minus-icon path{fill:var(--color-grey-light-3);transition:all .3s}.form__section .step-title .plus-icon:hover{transform:scale(1.25)}.form__section .step-title .plus-icon:hover path{fill:var(--color-cta)}.form__section .step-title .minus-icon:hover{transform:scale(1.25)}.form__section .step-title .minus-icon:hover path{fill:var(--color-error)}.form__section .step-title .plus-icon:active,.form__section .step-title .minus-icon:active{transform:scale(1.15)}.form__section .table-header,.form__section .item{display:flex;align-items:center;font-size:1.6rem;padding-bottom:.6rem;color:var(--color-grey-light-1)}.form__section .table-header span:nth-child(1),.form__section .item span:nth-child(1){flex:4.5}.form__section .table-header span:nth-child(2),.form__section .item span:nth-child(2){flex:2;display:flex;align-items:flex-end;justify-content:space-between}.form__section .table-header span:nth-child(2) svg,.form__section .item span:nth-child(2) svg{cursor:pointer;transform:scale(.9)}.form__section .table-header span:nth-child(2) svg path,.form__section .item span:nth-child(2) svg path{transition:all .3s}.form__section .table-header span:nth-child(2) svg:hover path,.form__section .item span:nth-child(2) svg:hover path{stroke:var(--color-error)}.form__section .table-header span:nth-child(2) svg:active,.form__section .item span:nth-child(2) svg:active{transform:scale(.95)}.form__section .table-header{border-bottom:1px solid var(--color-grey-light-3)}.form__section .item{margin:.5rem 0}@media screen and (max-width: 1000px){.form__section .item{font-size:1.2rem}}.form__buttons{display:flex;align-items:center;justify-content:space-between}.form .line.sections{margin:5rem auto}.doc-view{width:50%;padding:1rem;background-color:var(--color-blue-light-3);display:flex;flex-direction:column;align-items:center;gap:2rem;overflow:scroll}@media screen and (max-width: 900px){.doc-view{padding:1.5rem 1.5rem 8rem}}@media screen and (max-width: 767px){.doc-view{width:100%;overflow-x:hidden;overflow-y:scroll;padding-bottom:9rem;padding-right:0}}.doc-view.center{justify-content:center}.doc-view::-webkit-scrollbar{width:1.5rem;height:1.5rem}.doc-view::-webkit-scrollbar-track{background-color:#e6f1f3}.doc-view::-webkit-scrollbar-thumb{background-color:#a8a8a880;border-radius:2rem;border:3.5px solid #e6f1f3}.doc-view::-webkit-scrollbar-thumb:hover{background-color:#f9d8af99}.client{display:flex;height:100%}@media screen and (max-width: 767px){.client{flex-direction:column}}.client-folder{min-width:20rem;border-radius:2rem;display:flex;flex-direction:column;color:var(--color-blue-dark);transition:all .3s}.client-folder__top{height:2rem;transform:translateY(1px);width:50%;background-color:var(--color-grey-light-4);clip-path:polygon(0 0,75% 0,100% 100%,0% 100%);border-top-left-radius:10rem;transition:all .3s}.client-folder__bottom{background-color:var(--color-grey-light-4);padding:2rem;border-top-right-radius:1.6rem;border-bottom-right-radius:1.6rem;border-bottom-left-radius:1.6rem;display:flex;flex-direction:column;gap:2.5rem;position:relative;transition:all .3s}.client-folder__bottom .main{display:flex;flex-direction:column;gap:.5rem}.client-folder__bottom .main p{display:flex;align-items:center;gap:.75rem}.client-folder__bottom .sec{display:flex;justify-content:space-between;align-items:flex-end}.client-folder__bottom .sec p{opacity:.8}.client-folder__bottom .closed-client,.client-folder__bottom .cancelled-client{position:absolute;right:1.5rem;top:1.5rem}.client-folder p{font-size:1.6rem}.client-folder svg path,.client-folder svg line,.client-folder svg ellipse{transition:all .3s}.client-folder:hover{transform:translateY(-.5rem)}.client-folder:hover .client-folder__top,.client-folder:hover .client-folder__bottom{color:var(--color-grey-light-5);background-color:var(--color-blue-dark)}.client-folder:hover svg path,.client-folder:hover svg ellipse{fill:#f9d8af}.client-folder:hover svg line{stroke:#f9d8af}.client-folder:hover .closed-client path{fill:#8ad7bd}.client-folder:hover .cancelled-client path{fill:#ff5e5e}.form{overflow-x:hidden;overflow-y:scroll;position:relative}@media screen and (max-width: 900px){.form{padding:1.75rem 1.75rem 8rem}}@media screen and (max-width: 767px){.form{width:100%;padding-bottom:1.5rem;overflow-y:auto}}.form .filter--field{margin-bottom:1rem}.form .filter--img{display:flex;align-items:center;justify-content:center;margin-top:1.5rem}.form::-webkit-scrollbar{width:1.5rem}.form::-webkit-scrollbar-track{background-color:#fff}.form::-webkit-scrollbar-thumb{background-color:#ddd9;border-radius:2rem;border:3.5px solid white}.form::-webkit-scrollbar-thumb:hover{background-color:#f9d8af99}.form .line{height:1px;width:70%;margin:1.5rem auto;background-color:#dfe2e5}.form--subtitle,.form--advanced{font-size:1.4rem;margin-bottom:1.5rem;color:var(--color-blue-dark-2)}.form--advanced{text-decoration:underline;cursor:pointer}.form__section{margin-bottom:2rem}@media screen and (max-width: 900px){.form__section{margin-bottom:1.5rem}}.form__section--field{display:flex;align-items:center;width:100%;margin-bottom:1.5rem;gap:1.5rem}.form__section--field label{flex:1;display:flex;flex-direction:column;gap:.5rem}.form__section--field label span{font-size:1.2rem;letter-spacing:1px;text-transform:uppercase}.form__section--field input,.form__section--field select,.form__section--field textarea,.form__section--field .multiplier{width:100%;padding:1rem;font-size:1.6rem;color:var(--color-grey-dark-1);border-radius:.8rem}@media screen and (max-width: 900px){.form__section--field input,.form__section--field select,.form__section--field textarea,.form__section--field .multiplier{font-size:1.4rem}}.form__section--field input::-webkit-calendar-picker-indicator,.form__section--field select::-webkit-calendar-picker-indicator,.form__section--field textarea::-webkit-calendar-picker-indicator,.form__section--field .multiplier::-webkit-calendar-picker-indicator{filter:invert(.5)}.form__section--field input:focus,.form__section--field select:focus,.form__section--field textarea:focus,.form__section--field .multiplier:focus{outline:2px solid var(--color-cta)}.form__section--field .multiplier{font-size:1.2rem;cursor:pointer;padding:.5rem;display:flex;align-items:center;justify-content:center;transition:all .3s}.form__section--field .multiplier.selected{background-color:var(--color-blue-dark-2);border-color:var(--color-blue-dark-2);color:var(--color-white)}.form__section--field textarea{resize:vertical}.form__section--field select{cursor:pointer;background-color:var(--color-blue-light-3);line-height:1.5em;padding:.5em 3.5em .5em 1em;margin:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:linear-gradient(45deg,transparent 50%,#bbb 50%),linear-gradient(135deg,#bbb 50%,transparent 50%),linear-gradient(to right,#ddd,#ddd);background-position:calc(100% - 20px) calc(1em + 2px),calc(100% - 15px) calc(1em + 2px),calc(100% - 2.5em) .5em;background-size:5px 5px,5px 5px,1px 1.5em;background-repeat:no-repeat}.form__section button{width:100%}.form__section button svg{margin-right:.8rem}.form__section button svg path{transition:all .3s}.form__section button:hover svg path{stroke:var(--color-white)}.form__section h4{color:var(--color-grey-light-1);font-size:1.8rem;font-weight:600;margin-bottom:1rem}.form .btn-b{width:100%;font-size:1.4rem}.form .btn-b.active{font-size:1.6rem;margin-top:1.5rem}.clients{height:100%;display:flex}@media screen and (max-width: 670px){.clients{flex-direction:column-reverse}}.clients__folders,.clients .filter{overflow-y:scroll}.clients__folders:hover::-webkit-scrollbar-track,.clients .filter:hover::-webkit-scrollbar-track{background-color:#fff}.clients__folders:hover::-webkit-scrollbar-thumb,.clients .filter:hover::-webkit-scrollbar-thumb{background-color:#ddd9;border-radius:2rem;border:3.5px solid white}.clients__folders::-webkit-scrollbar,.clients .filter::-webkit-scrollbar{width:1.4rem}.clients__folders::-webkit-scrollbar-track,.clients .filter::-webkit-scrollbar-track{background-color:#fff0}.clients__folders::-webkit-scrollbar-thumb,.clients .filter::-webkit-scrollbar-thumb{background-color:#ddd0;border-radius:2rem;border:3.5px solid rgba(255,255,255,0)}.clients__folders::-webkit-scrollbar-thumb:hover,.clients .filter::-webkit-scrollbar-thumb:hover{background-color:#f9d8af99}.clients__folders{width:70%;position:relative;padding:2.5rem;display:flex;flex-direction:column}@media screen and (max-width: 900px){.clients__folders{width:63%}}@media screen and (max-width: 670px){.clients__folders{padding:1rem;width:95%;margin:0 auto}}.clients__folders .folders{width:100%;display:grid;grid-template-columns:repeat(4,minmax(15rem,1fr));gap:2rem}@media screen and (max-width: 1560px){.clients__folders .folders{grid-template-columns:repeat(3,minmax(15rem,1fr))}}@media screen and (max-width: 1150px){.clients__folders .folders{grid-template-columns:repeat(2,minmax(15rem,1fr));padding-bottom:1rem}}@media screen and (max-width: 820px){.clients__folders .folders{grid-template-columns:minmax(20rem,28rem);justify-content:center;padding:0;padding-bottom:5rem}}@media screen and (max-width: 480px){.clients__folders .folders{grid-template-columns:minmax(20rem,28rem);justify-content:center;padding:0;padding-bottom:7rem}}.clients__folders .banner{padding:3rem;background-color:var(--color-grey-light-4);max-width:90rem;width:100%;display:flex;justify-content:space-between;align-items:flex-end;border-radius:1.6rem;margin-bottom:3rem}@media screen and (max-width: 600px){.clients__folders .banner{padding:2rem}}.clients__folders .banner__left{display:flex;flex-direction:column;justify-content:space-between}.clients__folders .banner .total{font-size:4rem}@media screen and (max-width: 600px){.clients__folders .banner .total{font-size:3rem}}.clients__folders .banner svg{margin-top:-8rem}.clients .filter{width:30%;padding:2.5rem;border-left:1px solid #dfe2e5}@media screen and (max-width: 900px){.clients .filter{width:37%}}@media screen and (max-width: 670px){.clients .filter{width:100%;border:none;border-bottom:1px solid #dfe2e5;margin-bottom:2rem;padding-bottom:2rem}}.banner{padding:2rem;border-radius:2rem;background-color:#f8f8f8;display:flex;gap:2rem}@media screen and (max-width: 600px){.banner{padding:1.5rem}}.banner__left{flex:5}@media screen and (max-width: 1100px){.banner__left{flex:6}}.banner__left h3{font-size:2.5rem;font-weight:700;letter-spacing:1px;margin-bottom:1.5rem}@media screen and (max-width: 600px){.banner__left h3{font-size:2rem;margin-bottom:1.5rem}}.banner__left h3 span{text-transform:capitalize}.banner__left p{font-size:1.4rem;color:var(--color-grey-dark-1);margin-bottom:1.5rem}@media screen and (max-width: 600px){.banner__left p{font-size:1.25rem}}.banner__right{flex:4;position:relative}@media screen and (max-width: 1100px){.banner__right{flex:3}}@media screen and (max-width: 600px){.banner__right{flex:0}}.banner__right .clients-img{width:25rem;height:auto;position:absolute;right:-1rem;bottom:0}@media screen and (max-width: 1100px){.banner__right .clients-img{max-width:16rem;height:auto;right:0;bottom:0}}@media screen and (max-width: 600px){.banner__right .clients-img{max-width:9rem;height:auto;bottom:0}}.report{padding:2rem .5rem 2rem 2rem;border-radius:2rem;background-color:#f8f8f8;display:flex;flex-direction:column;height:100%;overflow:hidden;position:relative}.report h3{font-size:2.5rem;font-weight:700;letter-spacing:1px;margin-bottom:1.5rem}@media screen and (max-width: 600px){.report h3{font-size:2rem;margin-bottom:1.5rem}}.report h3 span{text-transform:capitalize}.report .form{width:100%;padding:.5rem;overflow-x:hidden;overflow-y:scroll}.report .form::-webkit-scrollbar{width:1.5rem}.report .form::-webkit-scrollbar-track{background-color:#f8f8f8}.report .form::-webkit-scrollbar-thumb{background-color:#ddd0;border-radius:2rem;border:3.5px solid #f8f8f8;transition:all .3s}.report .form:hover::-webkit-scrollbar-thumb{background-color:#ddd9;border-radius:2rem;border:4px solid #f8f8f8}.report .form:hover::-webkit-scrollbar-thumb:hover{background-color:#f9d8af99}.report .form .report-img{width:100%}.report .form .issues{margin-left:1.5rem;padding-left:2rem;list-style-image:url("data:image/svg+xml,%3csvg%20width='8'%20height='8'%20viewBox='0%200%208%208'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3ccircle%20cx='4'%20cy='4'%20r='4'%20fill='%23E7E7E7'/%3e%3c/svg%3e");border-left:1px solid #d6d7da}.report .form .issues .issue{color:#6e747d;font-size:1.6rem;margin-bottom:.75rem}.report .form .issues .issue::marker{margin-right:2rem}.report .form .form-span{font-size:1.2rem;letter-spacing:1px;text-transform:uppercase}.report .form .destinataries{gap:3rem;display:flex;justify-content:baseline}.report .form .destinataries .checkbox{display:flex;flex-direction:column;align-items:center}.report .form .destinataries .checkbox span{font-size:1rem}.todos{padding:2rem;border-radius:2rem;background-color:#f8f8f8;display:flex;height:100%;flex-direction:column}.todos h3{font-size:2.5rem;font-weight:700;letter-spacing:1px;margin-bottom:1.5rem}@media screen and (max-width: 600px){.todos h3{font-size:2rem;margin-bottom:1.5rem}}.todos h3 span{text-transform:capitalize}.todos p{text-align:center;font-weight:700;letter-spacing:1px;font-size:2rem;color:#6e747d;margin-bottom:2rem}.todos svg{align-self:center;width:33rem}@media screen and (max-width: 600px){.todos svg{width:90%;margin:0 auto}}.dashboard{padding:3rem;height:100%}@media screen and (max-width: 900px){.dashboard{overflow-y:scroll}}@media screen and (max-width: 600px){.dashboard{padding:1rem}}.home{height:100%;padding:1rem 1.5rem 8rem;display:flex;gap:3rem}@media screen and (max-width: 900px){.home{padding:2rem 2rem 7rem;flex-direction:column}}@media screen and (max-width: 600px){.home{padding:1rem 1rem 7.5rem}}.home__left{flex:6;display:flex;flex-direction:column;gap:3rem}.home__right{flex:4}.login{width:100%;height:100%;display:flex}@media screen and (max-width: 900px){.login{flex-direction:column}}.login__left,.login__right{width:50%;height:100%;display:flex;align-items:center;justify-content:center;padding:2rem}@media screen and (max-width: 900px){.login__left,.login__right{width:100%;height:fit-content;padding:1.25rem}}.login__left{background-color:var(--color-cta)}.login__left svg{width:95%;margin:0 auto}@media screen and (max-width: 900px){.login__left svg{width:45%;height:auto}}.login__right{position:relative}@media screen and (max-width: 900px){.login__right{padding:2rem 1rem 4rem}}.login__right .login__form{padding:2.5rem;width:80%;margin:0 auto;border-radius:.8rem;box-shadow:0 0 8px 2px #0000000f;color:var(--color-grey-dark-1);font-size:1.6rem}@media screen and (max-width: 900px){.login__right .login__form{padding:1.5rem;width:95%}}.login__right .login__form p{margin-bottom:3.5rem}.login__right .login__form label{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem}.login__right .login__form label span{font-size:2rem;letter-spacing:1px}.login__right .login__form label .input-field{width:100%;position:relative}.login__right .login__form label .input-field svg{cursor:pointer;position:absolute;right:2rem;bottom:50%;transform:translateY(50%)}.login__right .login__form label input{width:100%;background-color:var(--color-blue-light-3);padding:1rem;font-size:1.6rem;color:var(--color-grey-dark-1);border-radius:.8rem;border:none}.login__right .login__form label input:focus{outline:2px solid var(--color-cta)}.login__right .login__form button{margin-top:3rem;width:100%}.login__right .note{color:var(--color-grey-dark-1);position:absolute;bottom:2rem;right:2rem;display:flex;align-items:center;font-size:1.8rem}@media screen and (max-width: 900px){.login__right .note{bottom:0}}.login__right .note svg{margin:0 .5rem}.reports__right{padding:2rem .5rem 2rem 2rem;border-radius:2rem;background-color:var(--color-grey-light-4);display:flex;flex-direction:column;height:100%;overflow:hidden;position:relative}.reports__details{height:100%;color:var(--color-cta);display:flex;flex-direction:column;overflow-x:hidden;overflow-y:scroll}.reports__details::-webkit-scrollbar{width:1.5rem}.reports__details::-webkit-scrollbar-track{background-color:#f8f8f8}.reports__details::-webkit-scrollbar-thumb{background-color:#ddd0;border-radius:2rem;border:3.5px solid #f8f8f8;transition:all .3s}.reports__details:hover::-webkit-scrollbar-thumb{background-color:#ddd9;border-radius:2rem;border:4px solid #f8f8f8}.reports__details:hover::-webkit-scrollbar-thumb:hover{background-color:#f9d8af99}.reports__details h2{text-align:center;margin-bottom:3rem}.reports__details h3{margin-top:3rem;margin-bottom:1rem}.reports__details .issues-list{list-style:disc;margin:1.5rem 0 1.5rem 2rem}.reports__details .report-img{margin-top:auto;align-self:center;flex-shrink:0}@media screen and (max-width: 900px){.reports__details .report-img{transform:scale(.85)}}.report-detail{height:100%}.report-detail.placeholder{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1rem;font-size:1.8rem}.report-detail.placeholder p{color:var(--color-grey-dark-1)}.reports__filter{padding:2rem;border-radius:2rem;background-color:var(--color-grey-light-4)}.reports__filter h3{text-transform:uppercase;font-size:2rem;letter-spacing:1px;margin-bottom:1.5rem}.reports__filter--params{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap}.reports__filter .filter-group label{display:block;margin-bottom:1rem}.reports__filter .filter-group .destinataries{display:flex;gap:1rem}.reports__filter .filter-group .destinataries label{display:flex;flex-direction:column;align-items:center}.reports__filter .filter-group .destinataries input{display:block}.reports__filter .filter-group input,.reports__filter .filter-group select{padding:.5rem;font-size:1.6rem;color:var(--color-grey-dark-1);border-radius:.8rem;border:1px solid var(--color-cta)}.reports__filter .filter-group input:focus,.reports__filter .filter-group select:focus{outline:1px solid var(--color-cta)}.reports__table{padding:2rem .5rem 2rem 2rem;border-radius:2rem;background-color:var(--color-grey-light-4);display:block;width:100%;height:100%;overflow-y:scroll;overflow-x:hidden}.reports__table.loading{display:flex;flex-direction:column;align-items:center;justify-content:center}@media screen and (max-width: 900px){.reports__table{overflow-x:scroll;max-height:50vh;padding:2rem .5rem .5rem 2rem}}.reports__table::-webkit-scrollbar{width:1.5rem}.reports__table::-webkit-scrollbar-track{background-color:#f8f8f8}.reports__table::-webkit-scrollbar-thumb{background-color:#ddd0;border-radius:2rem;border:3.5px solid #f8f8f8;transition:all .3s}.reports__table:hover::-webkit-scrollbar-thumb{background-color:#ddd9;border-radius:2rem;border:4px solid #f8f8f8}.reports__table:hover::-webkit-scrollbar-thumb:hover{background-color:#f9d8af99}table{width:100%;font-size:1.6rem;border-collapse:collapse}@media screen and (max-width: 900px){table{min-width:600px}}td,th{padding:1.2rem;text-align:left}thead th{background-color:var(--color-blue-dark);color:#fff;font-size:2rem}thead{width:100%}th{width:17.5%}th:first-child{width:40%}th:nth-child(2){width:25%}tbody tr:nth-child(odd){background-color:var(--color-white)}tbody tr:nth-child(2n){background-color:#f0f4fa}thead tr th:first-child{border-top-left-radius:1.25rem}thead tr th:last-child{border-top-right-radius:1.25rem}tbody tr:last-child td:first-child{border-bottom-left-radius:1.25rem}tbody tr:last-child td:last-child{border-bottom-right-radius:1.25rem}tbody tr{cursor:pointer;transition:all .4s}tbody tr:hover,tbody tr.selected{background-color:var(--color-secondary)}.reports{padding:3rem;height:100%;font-size:1.6rem;line-height:1.5}@media screen and (max-width: 900px){.reports{overflow-y:scroll}}@media screen and (max-width: 600px){.reports{padding:1rem}}.reports__container{height:100%;width:100%;padding:1rem 1.5rem 8rem;display:flex;gap:3rem}@media screen and (max-width: 900px){.reports__container{flex-direction:column}}@media screen and (max-width: 900px){.reports__container{padding:0;padding-bottom:8rem}}.reports__left{flex:6;display:flex;flex-direction:column;gap:3rem;min-width:0}.reports__right{flex:4}.todo{padding:3rem}