@import url(https://fonts.googleapis.com/css2?family=League+Spartan:wght@100;200;300;400;500;600;700;800;900&display=swap);:root{--font-family:"League Spartan",sans-serif;--dark-theme-text-color:#fff;--light-theme-text-color:#0c0e16;--sidebar-color:#1e2139;--dark-theme-background-color:#141625;--light-theme-background-color:#f8f8fb;--pending-text-color:#ff8f00;--pending-background-color:rgba(255,143,0,.2);--paid-color:#33d69f;--paid-color-background:rgba(51,214,159,.06);--draft-color-background:rgba(223,227,250,.06);--draft-color:#000;--light-theme-sidebar:#f2f2f2;--padding:2rem,1rem;--margin:1.5rem}.navbar{background-color:var(--sidebar-color);display:flex;height:72px;justify-content:space-between}.navbar__nav-logo{align-items:center;background:#9277ff;border-radius:0 20px 20px 0;display:flex;height:72px;justify-content:center;width:72px}.navbar__nav-logo img{height:28px;width:32px}.navbar__nav-container{align-items:center;display:flex;justify-content:space-between;width:120px}.navbar__nav-avatar{align-items:center;border-left:1px solid hsla(0,0%,100%,.2);display:flex;height:100%;justify-content:center;width:80px}.navbar__nav-avatar img{border-radius:50%;height:32px;width:32px}.navbar__nav-switcher{cursor:pointer}@media screen and (min-width:1024px){.navbar{flex-direction:column;height:100dvh;width:103px}.navbar__nav-logo{height:103px;width:100%}.navbar__nav-logo img{height:35px;width:40px}.navbar__nav-container{align-items:center;display:flex;flex-direction:column;height:140px;justify-content:space-between;width:103px}.navbar__nav-switcher{display:flex;justify-content:center;width:103px}.navbar__nav-switcher img{height:25px;margin-bottom:1rem}.navbar__nav-avatar{border-left:none;border-top:1px solid hsla(0,0%,100%,.2);margin-top:1rem;width:100%}}.backlink{cursor:pointer;display:flex;gap:15px;margin-bottom:20px}.backlink img{height:10px}.invoiceForm__form{height:calc(100dvh - 230px);margin-top:1.5rem;overflow-x:hidden;overflow-y:scroll;padding-right:5px}.invoiceForm__form::-webkit-scrollbar{background-color:rgba(0,0,0,.3);width:5px}.invoiceForm__form::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.4)}.invoiceForm__form-container{display:flex;flex-direction:column;margin-top:1rem}.invoiceForm__form-container p{margin-bottom:1rem}.invoiceForm__form-container p span{color:#7c5dfa}.invoiceForm__form-container input{background-color:var(--sidebar-color);color:#fff;font-weight:700;height:48px;padding-left:1rem;width:100%}.light .invoiceForm__form-container input{background-color:var(--dark-theme-text-color);color:var(--light-theme-text-color)}.invoiceForm__form-container label{margin:1.5rem 0 .5rem;width:100px}.invoiceForm__form-container select{background-color:var(--sidebar-color);border:none;color:var(--dark-theme-text-color);cursor:pointer;height:48px;outline:none;padding-left:1rem}.light .invoiceForm__form-container select{background-color:var(--dark-theme-text-color);color:var(--light-theme-text-color)}.invoiceForm__form-container_items li{display:flex;flex-direction:column;justify-content:space-between}.invoiceForm__form-container_items .invoiceForm__form-img{align-items:center;cursor:pointer;display:flex;height:80px;justify-content:center;width:10px}.invoiceForm__form-container_items li .invoiceForm__form-container_item{display:flex;justify-content:space-between;width:100%}.invoiceForm__form-container_items li .invoiceForm__form-container_item div{margin:.8rem 0}.invoiceForm__form-container_items div{width:25%}.invoiceForm__form-container_items div input{border:1px solid rgba(0,0,0,.3);border-radius:5px;margin-top:2px}.invoiceForm__form-button{background-color:var(--sidebar-color);border:none;border-radius:24px;color:var(--dark-theme-text-color);cursor:pointer;height:48px;margin-top:1.5rem;outline:none;width:100%}.invoiceForm__form-button:disabled{cursor:default;opacity:.5}.light .invoiceForm__form-button{background-color:#f9fafe;color:var(--light-theme-text-color)}.invoiceForm__form-button_container{display:flex;gap:5px}.invoices__invoice-navigation{align-items:center;display:flex;height:44px;justify-content:space-between}.invoices__invoice-navigation_container{display:flex;height:100%}.invoices__invoice-navigation_filter{align-items:center;cursor:pointer;display:flex;gap:.5rem;margin-right:1rem;position:relative}.invoices__invoice-navigation_filter div{align-items:center;display:flex;gap:10px}.invoices__invoice-navigation_filter img{height:10px;width:10px}.invoices__invoice-navigation_filter img.animate{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.invoices__invoice-navigation_add{align-items:center;background-color:#7c5dfa;border-radius:24px;cursor:pointer;display:flex;gap:10px;height:100%;width:90px}.invoices__invoice-navigation_add div{align-items:center;background-color:#fff;border-radius:50%;display:flex;height:32px;justify-content:center;margin-left:.3rem;width:32px}div.invoices__invoice-navigation_filter-options{align-items:flex-start;background-color:var(--sidebar-color);border-radius:10px;box-shadow:-1px 1px 24px -15px #42445a;cursor:auto;display:flex;flex-direction:column;height:150px;justify-content:space-around;left:-60px;padding:1.5rem;position:absolute;top:50px;width:200px;z-index:3}.light div.invoices__invoice-navigation_filter-options{background-color:var(--light-theme-background-color)}div.invoices__invoice-navigation_filter-options div{align-items:center;display:flex}div.invoices__invoice-navigation_filter-options input{cursor:pointer}div.invoices__invoice-navigation_filter-options label{cursor:pointer;height:12px}.invoice__invoice{background-color:var(--sidebar-color);border-radius:10px;cursor:pointer;display:flex;flex-direction:column;margin:2rem 0;padding:1.3rem;position:relative}.invoice__invoice:hover{opacity:.7}.light .invoice__invoice{background-color:#fff}.light .invoice__invoice:hover{background-color:rgba(51,51,51,.5);color:#007bff}.invoice__invoice-header{margin-bottom:20px}.invoice__invoice-container,.invoice__invoice-header{display:flex;justify-content:space-between}.invoice__invoice-container_data{align-items:center;display:flex;flex-direction:column;gap:5px}.invoice__invoice-container_status{align-items:center;border-radius:6px;display:flex;gap:10px;height:40px;justify-content:center;width:100px}.invoice__invoice-container_status.pending{background-color:var(--pending-background-color)}.invoice__invoice-container_status.pending p span{color:var(--pending-text-color)}.invoice__invoice-container_status.pending div{background-color:var(--pending-text-color)}.invoice__invoice-container_status.paid{background-color:var(--paid-color-background)}.invoice__invoice-container_status.paid div{background-color:var(--paid-color)}.invoice__invoice-container_status.paid p span{color:var(--paid-color)}.invoice__invoice-container_status.draft{background-color:var(--draft-color-background)}.invoice__invoice-container_status.draft p span{color:var(--draft-color)}.invoice__invoice-container_status.draft div{background-color:var(--draft-color)}.invoice__invoice-container_status div{background-color:#fff;background:var(--paid-color);border-radius:50%;height:8px;margin-bottom:2px;width:8px}.invoice__invoice-container_status p span{color:var(--paid-color)}@media screen and (min-width:768px){.invoice__invoice{align-items:center;flex-direction:row;justify-content:space-between}.invoice__invoice-container_data{flex-direction:row;justify-content:space-around;width:250px}.invoice__invoice-header{margin-bottom:0;min-width:200px}}@media screen and (min-width:1024px){.invoice__invoice-container_data{width:300px}.invoice__invoice-header{width:250px}}.invoiceDetail{-webkit-animation:showDetail 1s ease-in-out;animation:showDetail 1s ease-in-out;background-color:var(--dark-theme-background-color);display:flex;flex-direction:column;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;left:0;max-height:calc(100dvh - 90px);overflow-y:auto;padding-left:1rem;padding-right:1rem;padding-top:1rem;position:absolute;top:80px;width:100%;z-index:12}.light .invoiceDetail{background-color:var(--light-theme-background-color)}.invoiceDetail::-webkit-scrollbar{background-color:rgba(0,0,0,.3);width:5px}.invoiceDetail p{font-weight:100}.light .invoiceDetail p{color:#000;font-weight:300}.invoiceDetail__status{align-items:center;background-color:var(--sidebar-color);display:flex;justify-content:space-between;margin-bottom:1.5rem;padding:2rem 1.5rem}.light .invoiceDetail__status{background-color:var(--light-theme-sidebar)}.invoiceDetail__container{background-color:var(--sidebar-color);padding:2rem 1.5rem}.light .invoiceDetail__container{background-color:var(--light-theme-sidebar)}.invoiceDetail__container-header{display:flex;flex-direction:column}.invoiceDetail__container-header_title{margin-bottom:1.2rem}.invoiceDetail__container-description{display:flex;flex-wrap:wrap;justify-content:space-between;margin-top:1.5rem}.invoiceDetail__container-description_date{display:flex;flex-direction:column;justify-content:space-between;margin-right:1rem}.invoiceDetail__container-description_date p{font-weight:100}.invoiceDetail__container-description_recipient{display:flex;flex-direction:column;height:110px;justify-content:space-between}.invoiceDetail__container-email{margin-top:1rem}.invoiceDetail__conteiner-summary{background-color:#fff;background-color:#252945;border-top-left-radius:5px;border-top-right-radius:5px;box-shadow:-11px 1px 35px -20px #1c1c1d;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin-top:1.5rem;max-height:150px;overflow-y:scroll;padding:1rem}.light .invoiceDetail__conteiner-summary{background-color:var(--light-theme-sidebar)}.invoiceDetail__conteiner-summary::-webkit-scrollbar{background-color:rgba(0,0,0,.3);width:5px}.invoiceDetail__container-summary_itemsbox{display:flex;flex-direction:column}.invoiceDetail__container-summary_itemsbox div{display:flex;justify-content:space-between;margin-bottom:.7rem;margin-top:.3rem}.invoiceDetail__container-summary_itemsbox div p{width:clamp(50px,10vw,100px)}.invoiceDetail__container-summary_itemsbox div p:last-child{text-align:end}.invoiceDetail__container-summary_result{background-color:#000;border-bottom-left-radius:5px;border-bottom-right-radius:5px;box-shadow:-11px 1px 35px -20px #1c1c1d;display:flex;justify-content:space-between;padding:1rem;width:calc(100% - 5px)}.light .invoiceDetail__container-summary_result{background-color:#373b53}.invoiceDetail__container-summary_result p span{font-size:20px}.invoiceDetail__container-buttons{background-color:#252945;display:flex;justify-content:space-between;margin-bottom:1rem;margin-top:1.5rem;padding:1rem}.invoiceDetail__container-buttons button:hover{opacity:.5}.light .invoiceDetail__container-buttons{background-color:var(--light-theme-sidebar)}.invoiceDetail__container-buttons button{border:none;border-radius:24px;color:#fff;cursor:pointer;height:35px;outline:none;width:80px}@media screen and (min-width:700px){.invoiceDetail__container-buttons{gap:20px;justify-content:flex-end}.invoiceDetail__container-header{flex-direction:row;justify-content:space-between;padding:2rem 3rem}.invoiceDetail__container-description{padding:2rem 3rem}}@media screen and (min-width:1024px){.invoiceDetail{left:55%;overflow-y:hidden;overflow-y:auto;-webkit-transform:translate(-50%);transform:translate(-50%);width:50%}.invoiceDetail__container-description{max-width:600px;padding:2rem 3rem}}@-webkit-keyframes showDetail{0%{top:-1000px}to{top:80px}}@keyframes showDetail{0%{top:-1000px}to{top:80px}}.confirm__container{align-items:center;-webkit-animation:showConfirm 2s;animation:showConfirm 2s;background-color:rgba(0,0,0,.5);display:flex;height:100dvh;justify-content:center;left:0;position:absolute;top:0;width:100vw;z-index:100}.confirm__container-content{background-color:var(--sidebar-color);border-radius:10px;display:flex;flex-direction:column;height:250px;justify-content:space-around;margin:1rem;padding:1.5rem;width:100%}.light .confirm__container-content{background-color:#fff}.confirm__container-content_buttons{display:flex;gap:20px;justify-content:flex-end;margin-top:20px}.confirm__container-content_buttons button{border:none;border-radius:24px;color:#fff;cursor:pointer;font-weight:600;height:48px;outline:none;width:89px}.confirm__container-content_buttons button:hover{opacity:.5}.confirm__container-content_buttons :first-child{background-color:#252945;color:#fff}.confirm__container-content_buttons :nth-child(2){background-color:#ec5757}@media screen and (min-width:700px){.confirm__container-content{width:500px}}@-webkit-keyframes showConfirm{0%{opacity:0}to{opacity:1}}@keyframes showConfirm{0%{opacity:0}to{opacity:1}}.invoices__invoices-container{margin:2rem 1rem;overflow:auto}@media screen and (min-width:600px){.invoices__invoices-container{margin:2rem 5rem}}@media screen and (min-width:1024px){.invoices__invoices-container{margin:5rem auto;width:clamp(700px,75%,1000px)}}@media screen and (max-width:260px){.invoices__invoices-container{margin:1rem 0}}.invoiceMaker{background-color:var(--dark-theme-background-color);padding:1.5rem 1rem;position:absolute;top:73px;width:100%;z-index:3;z-index:50}.light .invoiceMaker{background-color:var(--light-theme-background-color)}@media screen and (min-width:1024px){.invoiceMaker{left:103px;width:500px}.shadow{background-color:rgba(0,0,0,.5);height:100dvh;left:500px;position:absolute;top:-73px;width:calc(100dvw - 603px);z-index:1}}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family)}p span{font-size:15px;font-weight:700;line-height:15px}::-webkit-scrollbar{background-color:rgba(0,0,0,.3);width:5px}p{font-size:13px;font-weight:500;line-height:15px}h3{font-size:24px;font-weight:700;letter-spacing:-.75px;line-height:22px}.dark{color:#fff}.light{color:#0c0e16}.app-container{display:flex;flex-direction:column;height:100dvh;position:relative}.app-container.light{background-color:var(--light-theme-background-color)}.app-container.dark{background-color:var(--dark-theme-background-color)}input{border:none;outline:none}@media screen and (min-width:600px){h3{font-size:36px;font-weight:700;line-height:33px}}@media screen and (min-width:1024px){.app-container{display:flex;flex-direction:row}}
/*# sourceMappingURL=main.92f22e0a.css.map*/