@import"https://fonts.googleapis.com/css2?family=Cormorant+Infant:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&family=League+Spartan:wght@100..900&display=swap";:root{--primary-color: #7c5dfa;--secondary-color: #9277ff;--dark-bg: #1e2139;--dark-alt: #252945;--nav-bg: #1e2139;--light-text: #f9fafe;--neutral-light: #dfe3fa;--neutral-dark: #888eb0;--accent-purple: #7e88c3;--accent-black: #0c0e16;--white: #ffffff;--error-red: #ec5757;--highlight-pink: #ffad9d;--green: #33d69f;--orange: #ff8f00;--light-bg: #f8f8fb;--dark-card-bg: #141625}.light{--dark-bg: #ffffff;--dark-alt: #e5e6e8;--neutral-light: #7e88c3;--neutral-dark: #141625;--white: #141625;--accent-black: #373b53;--error-red: #ec5757;--highlight-pink: #ffad9d;--light-bg: #ffffff;--dark-card-bg: #f0f0f0}*,:after,:before{margin:0;padding:0;box-sizing:border-box}body,html{background-color:var(--dark-card-bg);color:var(--white);height:100vh}button,fieldset,input{border:none;outline-color:var(--accent-purple);background:none;cursor:pointer}button,a{display:flex;align-items:center;justify-content:center}a{text-decoration:none;color:inherit}p{font-size:1.1rem;line-height:1.5}li{list-style:none}input:-webkit-autofill{background-color:transparent!important;color:inherit!important;-webkit-box-shadow:0 0 0px 1000px transparent inset!important;transition:background-color 5000s ease-in-out 0s}::-webkit-scrollbar{width:.5rem!important}::-webkit-scrollbar-thumb{background-color:var(--dark-alt)!important;height:2rem!important}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;border:0!important}.outer-container{display:flex;justify-content:flex-start;align-items:stretch;height:100%;width:100%;position:relative}.wrapper{width:100%!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;padding:0 1.5rem!important;min-height:100vh!important}.btn{width:fit-content!important;min-width:fit-content!important;height:48px!important;border-radius:1.5rem!important;padding:0 1.2rem!important;color:var(--light-text)!important;font-size:.9375rem;font-weight:700;background:var(--neutral-light)}.btn.edit{background:var(--dark-alt)!important;color:var(--neutral-light)!important}.btn.delete{background:var(--error-red)!important}.btn.markPaid,.btn.send{background:var(--primary-color)!important}.btn.draft{background:#373b53!important}.btn.discard{background:#f9fafe!important;color:var(--accent-purple)!important}.btn:hover{transform:translateY(-.1rem) scale(1.02);box-shadow:0 .5rem 1rem #0000001a;transition:all .3s ease-in-out}.btn.edit:hover{color:var(--secondary-color)!important}.btn.delete:hover{color:var(--error-red)!important;border:1px solid var(--error-red)!important;background-color:inherit!important}.btn.markPaid:hover{color:var(--primary-color)!important;border:1px solid var(--primary-color)!important;background-color:inherit!important}.mobile{display:none!important}@media screen and (max-width: 1024px){.outer-container{flex-direction:column!important;align-items:center!important}.navbar-wrapper{width:100%!important;height:fit-content!important;top:0!important;flex-direction:row!important;align-items:center!important;padding-right:1.5rem!important;border-radius:0!important}.logo-item{width:103px!important;height:103px!important}.nav-wrapper,.nav-list,.settings-profile-wrapper{width:fit-content!important}.nav-list{flex-direction:row!important;align-items:center!important}.nav-link{justify-content:center!important;padding-left:0!important;padding:.5rem!important}.active-link{border-radius:1.25rem!important;padding:.5rem 1rem!important}.profile{border:none!important}.form-wrapper{top:5rem!important;height:calc(100vh - 5rem)!important}.form-container{padding:3.5rem 1.5rem 2rem 3.5rem!important}.form-content{height:550px!important}.home-header{flex-direction:column-reverse!important;margin-top:3rem!important}.home-text-wrapper{align-items:center!important;text-align:center!important}.feature-card-wrapper{grid-template-columns:1fr 1fr!important;row-gap:4rem!important}.feature-card:nth-child(3){grid-column:span 2!important}}@media screen and (max-width: 768px){.logo-item{height:90px!important;width:72px!important}.filter-newInvoice-wrapper{gap:1.2rem!important}.filter-subtext,.invoice-subtext{display:none!important}.new-invoice-btn{min-width:fit-content!important;width:fit-content!important}.add-icon{margin-right:.5rem!important}.invoice-card-content{padding:1.5rem!important;align-items:flex-start!important}.invoice-id-due-total-wrapper{flex-direction:column!important;gap:1.5rem!important;align-items:flex-start!important}.total-status-wrapper{flex-direction:column!important;gap:1.5rem!important;align-items:flex-end!important}.client-name.mobile{text-align:right!important}.mobile{display:flex!important}.desktop,.arrow-icon.card{display:none!important}.feature-card-wrapper{grid-template-columns:1fr!important;max-width:500px!important}.feature-card:nth-child(3){grid-column:span 1!important}.form-container{max-width:100%!important;padding:3rem 1.5rem!important;border-radius:0!important;height:100vh!important}.form-wrapper{top:105px!important}.details-status{width:100%!important;display:flex!important;justify-content:space-between!important;align-items:center!important}.edit-delete-paid-wrapper.mobile{display:flex!important;justify-content:flex-end!important;align-items:center!important;gap:1.5rem!important}.items-header{display:none!important}.item{grid-template-columns:repeat(2,1fr)!important}.qty-price-wrapper{width:100%}.item-value.qty-price{color:var(--accent-purple)!important;font-weight:400}.wrapper.settings{min-height:0!important;margin-block:5rem 2rem!important}.theme-wrapper{flex-direction:column!important;gap:1.5rem!important;padding:2rem 1.5rem!important}.sidebar-wrapper{max-width:100%!important;flex-direction:row!important;border-radius:1rem!important;padding:1rem!important}.slider-text{display:none!important}.slider-btn{width:fit-content!important;border:1px solid var(--neutral-light)!important;border-radius:.5rem!important}}@media screen and (max-width: 600px){.field-wrapper,.dropdown-field-wrapper{grid-template-columns:1fr!important}.company-field.address,.client-field.address,.company-field.logo,.client-field.avatar{grid-column:span 1!important}.items-field{grid-template-columns:repeat(4,1fr)!important}.items-product-name{grid-column:span 4!important;width:100%!important}.items-price{grid-column:span 2!important;width:100%!important}.items-form-header{display:none!important}.hide-items-label{display:block!important;margin-top:1rem}.delete-btn{bottom:-50%!important}.description-date-due-wrapper,.address-wrapper{flex-direction:column!important;justify-content:center!important;align-items:flex-start!important;text-align:left!important}.client-address{display:flex!important;flex-direction:column!important;width:100%!important}.print-btn,.company-avatar{width:3rem!important;height:3rem!important}.edit-delete-paid-wrapper.mobile{flex-direction:column!important;width:100%!important}.btn.edit,.btn.delete,.btn.markPaid,.btn.send{width:100%!important}.settings-container{padding:0!important}.theme-wrapper{padding:0!important;border-radius:0!important;background:none!important}}@media (max-width: 500px){.modal-footer{width:100%;display:flex;justify-content:center;flex-direction:column}.btn.cancel,.btn.paid{width:100%!important}.modal-header{flex-direction:column!important}}.navbar-wrapper{width:103px;height:100vh;display:flex;flex-direction:column;justify-content:space-between;background-color:var(--nav-bg);border-radius:0 1.25rem 1.25rem 0;z-index:100;position:sticky;top:0}.logo-item{display:flex;justify-content:center;align-items:center;flex-direction:column;height:103px;width:100%;position:relative;background-color:var(--primary-color);border-radius:0 1.25rem 1.25rem 0}.bottom{border-radius:1.25rem 0;background-color:var(--secondary-color);height:50%;width:100%;position:absolute;bottom:0}.logo-img{position:absolute;z-index:3;width:40px;height:38px}.nav-wrapper,.nav-list{width:100%}.nav-list{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:1rem;width:100%}.nav-item{width:100%}.nav-link{display:flex;align-items:center;justify-content:flex-start;gap:.35rem;cursor:pointer;transition:all .3s ease;font-size:.85rem;width:100%;color:var(--light-text);padding-left:1rem}.nav-link:hover{background-color:var(--primary-color);color:var(--light-text);border-radius:0 1.25rem 1.25rem 0;width:100%;justify-content:flex-start;padding:.5rem 0 .5rem 1rem;display:flex}.active-link{background-color:var(--secondary-color);color:var(--light-text);border-radius:0 1.25rem 1.25rem 0;width:100%;justify-content:flex-start;padding:.5rem 0 .5rem 1rem;display:flex}.nav-icon{font-size:1.25rem!important}.profile{width:100%;display:flex;align-items:center;justify-content:center;padding:1.5rem 0;border-top:1px solid #494e6e}.avatar-img:hover{transform:translateY(-.25rem) scale(1.05);transition:all .3s ease}.avatar-img{width:40px;height:40px;border-radius:50%}.active-settings .avatar-img{border:2px solid var(--primary-color);box-shadow:0 0 1rem #b348b3a0}.home-header{width:100%;display:flex;justify-content:center;align-items:center;gap:2rem}.home-text-wrapper{display:flex;flex-direction:column;align-items:flex-start}.home-title{font-size:clamp(2rem,5.5vw,3.8rem);font-weight:700;margin-bottom:.65rem;max-width:610px;line-height:1.25}.home-parag{max-width:560px;font-size:1.2rem}.mark{color:var(--secondary-color)}.home-image{width:100%;height:auto}.home-features{display:flex;justify-content:center;align-items:center;flex-direction:column;margin-top:3rem;width:100%}.feature-title{font-size:clamp(1.85rem,5vw,2.5rem);font-weight:700;margin-bottom:1rem;text-align:center}.feature-card-wrapper{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-top:2rem;max-width:1440px;width:100%;padding:2rem 0}.feature-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;padding:1.5rem 1rem;border-radius:1.25rem;background-color:var(--dark-bg);box-shadow:0 0 1rem #7f59de16;transition:all .3s ease;text-align:center;position:relative}.feature-card:hover{transform:translateY(-5px);box-shadow:0 0 1rem #482a9433;cursor:pointer}.feature-card-icon-wrapper{display:flex;align-items:center;justify-content:center;background-color:var(--accent-black);border-radius:50%;padding:.5rem;position:absolute;top:-2.375rem}.feature-icon{width:60px}.feature-card-title{font-size:1.5rem;font-weight:700;margin-top:2rem}.feature-link{display:flex;align-items:center;justify-content:center;background-color:var(--primary-color);color:var(--light-text);gap:.5rem;cursor:pointer;transition:all .3s ease;font-size:1rem;font-weight:700;height:2.5rem;padding:0 1rem;border-radius:1.25rem}.settings-container{max-width:1100px;width:100%;align-items:flex-start;border-radius:1rem;display:flex;flex-direction:column;padding:1.5rem 1.5rem 2rem;position:relative}.theme-wrapper{display:flex;justify-content:space-between;align-items:center;width:100%;background-color:var(--dark-bg);gap:2rem;padding:2rem 1.5rem 2rem 0;border-radius:2rem;min-height:max-content}.sidebar-wrapper{display:flex;justify-content:space-between;align-items:flex-start;flex-direction:column;gap:1rem;background-color:var(--dark-alt);max-width:200px;width:100%;border-radius:0 2rem 2rem 0;padding:2rem .75rem}.slider-btn{width:100%;height:2.5rem;border-radius:1.3rem;padding:0 .75rem;gap:.2rem;font-size:.95rem;color:var(--white);opacity:.8;justify-content:flex-start}.active-tab{background-color:var(--primary-color);opacity:1;color:var(--light-text)}.slider-icon{font-size:1.5rem!important;color:var(--neutral-light);opacity:.8}.slider-btn:not(.active-tab):hover{background-color:var(--primary-color);color:var(--light-text);opacity:1;transition:.3s ease-in-out;width:100%;justify-content:flex-start}.slider-btn:not(.active-tab):hover .slider-icon{opacity:1;transition:.3s ease-in-out;color:var(--light-text)}.theme-content-wrapper{width:100%}.theme-header{display:flex;justify-content:center;align-items:flex-start;flex-direction:column;width:100%;margin-top:1rem}.settings-title{font-size:1.5rem;font-weight:600}.options-wrapper{display:flex;justify-content:center;align-items:center;flex-direction:column;width:100%;margin-top:2rem;gap:1rem}.option-btn{width:100%;justify-content:space-between;align-items:center;border-radius:.65rem;font-weight:600;font-size:.9rem;border:1px solid var(--neutral-dark);color:var(--white);position:relative;z-index:5;padding:.64rem 1rem;transition:.3s ease-in-out;gap:.5rem}.theme-option-wrapper{display:flex;align-items:center;gap:.65rem}.active-option{border:1px solid var(--primary-color);opacity:1;transition:.3s ease-in-out;background-color:var(--dark-alt)}.color-icon-wrapper,.font-text-label{border-radius:.65rem;border:1px solid var(--neutral-light);display:flex;align-items:center;justify-content:center;padding:.4rem}.font-text-label{font-size:clamp(1rem,5vw,1.8rem);font-weight:600;color:var(--white)}.option-img{width:2.5rem;height:2.5rem}.text-wrapper{text-align:left}.theme-label{font-size:1.1rem}.theme-parag{font-size:.85rem}.check-icon{transition:.3s ease-in-out;color:var(--primary-color)}.option-btn:not(.active-option):hover{border:1px solid var(--primary-color);transition:.3s ease-in-out}.wrapper.portal{justify-content:flex-start!important;margin-top:4.8125rem;min-height:0!important}.portal-header{display:flex;justify-content:space-between;align-items:center;gap:1.5rem;max-width:730px;width:100%;min-height:55px}.portal-text-wrapper{display:flex;flex-direction:column;align-items:flex-start}.portal-title{font-size:clamp(1.5rem,5vw,2.5rem);font-weight:700;margin-bottom:.375rem;line-height:auto;letter-spacing:-1.13px}.portal-parag{font-size:.82rem;line-height:.94rem}.filter-newInvoice-wrapper{display:flex;gap:2.53rem;align-items:center}.filter-wrapper{max-width:117.5px;width:100%;display:flex;flex-direction:column;align-items:center;position:relative}.filter-button{width:100%;justify-content:space-between;gap:.275rem;font-size:.9375rem;font-weight:700;letter-spacing:-.015625rem;color:var(--white);min-width:max-content}.arrow-menu{color:var(--primary-color)}.btn.new-invoice-btn{min-width:150px;height:48px;justify-content:flex-start!important;gap:.35rem;padding:0 1.0625rem 0 .5rem!important;border-radius:1.5rem;color:var(--light-text);background-color:var(--primary-color);font-size:.9375rem;font-weight:700;letter-spacing:-.015625rem}.add-icon{display:flex;justify-content:center;align-items:center;min-width:32px;min-height:32px;border-radius:50%;background-color:var(--light-text);color:var(--primary-color);margin-right:1rem}.filter-list{display:flex;position:absolute;top:100%;min-width:192px;background-color:var(--dark-alt);border-radius:.5rem;flex-direction:column;align-items:flex-start;gap:.94rem;padding:1.5rem;box-shadow:0 0 1rem #0000001a;margin-top:1.375rem;z-index:5}.filter-item-btn{justify-content:flex-start;gap:.8125rem;font-size:.9375rem;font-weight:700;letter-spacing:-.015625rem;line-height:.9375rem;color:var(--white)}.box{display:flex;justify-content:center;align-items:center;min-width:1rem;min-height:1rem;border-radius:.125rem;background-color:var(--dark-bg);color:var(--white)}.active-box{background-color:var(--primary-color)}.filter-item-btn:hover .box:not(.active-box){background-color:var(--dark-card-bg);border:1px solid var(--primary-color)}.invoice-card-list{max-width:730px;width:100%;display:flex;flex-direction:column;gap:1rem;margin-block:4rem}.invoice-list-wrapper,.invoice-card-list,.link-item,.invoice-card,.invoice-card-content{width:100%}.invoice-card-content{display:flex;justify-content:space-between;align-items:center;min-height:72px;padding:0 2rem;background-color:var(--dark-bg);border-radius:.5rem;text-align:left;transition:.3s ease-in-out}.invoice-id-due-total-wrapper{display:flex;gap:1.5rem;align-items:center}.card-title{font-size:.9375rem;font-weight:700;color:var(--white)}.hash-sign{color:var(--accent-purple)}.total-status-wrapper{display:flex;gap:.875rem;align-items:center;justify-content:space-between}.total{min-width:max-content;font-size:1.25rem;font-weight:700}.total.mobile{display:none}.status{width:104px;height:40px;border-radius:.375rem;display:flex;justify-content:center;align-items:center;position:relative;font-size:.9375rem;font-weight:700;letter-spacing:-.015625rem;gap:.5rem}.status.paid{background-color:#5de2b622;color:var(--green)}.status.pending{background-color:#ff91001e;color:var(--orange)}.status.draft{color:var(--neutral-light);background-color:#737fc021}.arrow-icon{color:var(--primary-color)}.dot{width:8px;height:8px;border-radius:50%}.dot.paid{background-color:var(--green)}.dot.pending{background-color:var(--orange)}.dot.draft{background-color:var(--neutral-light)}.empty-wrapper{display:flex;flex-direction:column;align-items:center;gap:1.5rem;margin-top:4rem;text-align:center}.no-invoice{max-width:450px}.invoice-card-content:hover{cursor:pointer;border:1px solid var(--primary-color);transition:all .3s ease-in-out;box-shadow:0 0 1rem #c817eb15;transform:translate(1rem)}.invoice-card-content:hover .arrow-icon{scale:1.5;transition:.3s ease-in-out;background-color:var(--neutral-dark);border-radius:50%;transform:translate(.25rem)}.btn.new-invoice-btn:hover{color:var(--primary-color)!important;border:1px solid var(--primary-color)!important;background-color:inherit!important}.wrapper.detailsPage{margin-top:2.8125rem;min-height:0!important;padding:0 1.5rem}.detailsPage-header{max-width:900px;width:100%;display:flex;align-items:flex-start}.go-back-link{font-size:.93125rem;font-weight:700;color:var(--white);display:flex;align-items:center;gap:1.55rem;line-height:.93125rem}.detailsPage-content-wrapper{max-width:900px;width:100%;display:flex;flex-direction:column;gap:1.5rem;margin-bottom:2rem}.details-actions-card{width:100%;display:flex;align-items:center;justify-content:space-between;margin-top:1.9375rem;min-height:88px;background-color:var(--dark-bg);padding:0 2rem;border-radius:.5rem}.details-status{display:flex;align-items:center;gap:1.25rem}.edit-delete-paid-wrapper{display:flex;align-items:center;gap:.5rem}.details-content-card{width:100%;display:flex;flex-direction:column;background-color:var(--dark-bg);padding:2rem;border-radius:.5rem}.detailsPage-invoice-address{display:flex;flex-direction:column;width:100%}.company-client-address-wrapper{width:100%;display:flex;flex-direction:column}.company-avatar-print{width:100%;display:flex;justify-content:space-between;align-items:center;gap:1.5rem}.company-avatar,.print-btn{width:4rem;height:4rem;border-radius:50%;background-color:var(--orange);display:flex;align-items:center;justify-content:center;font-size:2rem;color:var(--light-text);font-weight:700}.print-btn{background-color:var(--secondary-color);color:var(--light-text);position:relative}.print-btn:before{content:"(1) Please select `more settings` (2) Select `Background Graphics` (3) Set layout to `Portrait`";width:fit-content;min-width:260px;text-align:left;font-size:1rem;text-wrap:wrap;background-color:var(--dark-alt);color:var(--white);font-weight:500;padding:.65rem;border-radius:.4rem;position:absolute;right:100%;margin-right:.35rem;opacity:0;transition:.3s ease-in-out;transform:translateY(4px);box-shadow:0 0 1rem #2604344b;line-height:1.5}.print-btn:hover:before{opacity:1;transition:.3s ease-in-out;transform:translateY(-2px)}.address-wrapper{width:100%;display:flex;justify-content:space-between;gap:1.5rem;align-items:flex-start;margin-top:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--dark-alt)}.address{display:flex;flex-direction:column;gap:.35rem;font-style:normal;color:var(--white)}.client-address{text-align:right}.company-label,.client-label{font-size:.93125rem;font-weight:400;color:var(--neutral-light)}.company-name{font-size:1.125rem;font-weight:700;color:var(--white);text-transform:uppercase}.description-date-due-wrapper{display:flex;justify-content:space-between;gap:1.5rem;margin-top:1.5rem}.details-label{font-size:1.2rem;font-weight:700;color:var(--neutral-light)}.details-value{font-size:.95rem;font-weight:400;color:var(--white)}.details-invoice-wrapper{display:flex;flex-direction:column;margin-top:1.5rem;width:100%;background-color:var(--dark-alt);border-radius:.5rem}.invoice-id{font-size:1.5rem;font-weight:700;color:var(--white);padding:2rem 1.5rem}.items-header{display:flex;align-items:flex-start;justify-content:space-between;width:100%;padding-left:1.5rem}.item-header{display:flex;width:100%;justify-content:space-between;align-items:flex-start}.qty-price-total-wrapper{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;width:100%;margin-left:auto}.item-label{font-size:.93125rem;font-weight:400;color:var(--neutral-light);text-transform:uppercase;letter-spacing:.04rem}.items-list{display:flex;flex-direction:column;align-items:flex-start;gap:2rem;padding:1rem 1.5rem}.item{display:grid;grid-template-columns:repeat(4,1fr);width:100%;gap:1.5rem;align-items:right}.item-value{color:var(--white);font-weight:600;font-size:.9rem}.details-total-wrapper{width:100%;margin-top:2rem;padding:2rem 1.5rem;background-color:var(--accent-black);display:flex;justify-content:space-between;align-items:center;gap:1.5rem;border-radius:0 0 .5rem .5rem}.total-label{font-size:1.2rem;font-weight:700;color:var(--neutral-light)}.details-total-value{font-size:clamp(1.5rem,5vw,2rem);font-weight:700;color:var(--light-text)}@media print{body,html{color:inherit!important;background-color:var(--dark-bg)!important;page-break-inside:avoid!important}.print-btn,.navbar-wrapper,.detailsPage-header,.details-actions-card{display:none}.details-content-card{overflow:visible;page-break-inside:avoid!important;page-break-before:avoid!important;page-break-after:avoid!important;background-color:inherit!important;color:inherit!important;font-family:Montserrat,sans-serif!important}.company-label{color:inherit!important}::-webkit-scrollbar{display:none}}.wrapper.modal{position:fixed!important;top:0;left:0;background-color:#040505ba;z-index:100}.modal-container{width:100%;max-width:450px;background-color:var(--dark-card-bg);border:1px solid var(--dark-alt);border-radius:.5rem;padding:2rem 0;display:flex;flex-direction:column;align-items:flex-start}.modal-header{width:100%;display:flex;align-items:flex-start;gap:1rem;padding:0 1.5rem}.modal-icon-wrapper{min-width:48px;min-height:48px;background-color:var(--dark-alt);color:var(--nuetral-light);border-radius:.5rem;display:flex;align-items:center;justify-content:center}.modal-text-wrapper{display:flex;flex-direction:column;align-items:flex-start;gap:.5rem}.modal-title{font-size:clamp(1.25rem,2vw,2rem);font-weight:700;color:var(--white)}.modal-parag{color:var(--neutral-light)}.modal-footer{width:100%;display:flex;justify-content:flex-end;align-items:center;gap:1rem;padding:1.5rem 1.5rem 0;margin-top:1.5rem;border-top:1px solid var(--dark-alt)}.btn.cancel{background:var(--dark-alt)!important}.btn.paid{background:var(--green);color:var(--neutral-light)}.form-wrapper{position:fixed;top:0;left:0;width:100%;display:flex;flex-direction:column;align-items:stretch;gap:1.5rem;height:100vh;z-index:50;background-color:#040505ba}.form-container{max-width:719px;width:100%;background-color:var(--dark-card-bg);padding:3.6875rem 3.5rem 2rem 10rem;height:100vh;position:relative;border-radius:0 1.25rem 1.25rem 0;display:flex;flex-direction:column;align-items:stretch;overflow-y:auto}.form-header,.company-wrapper,.company-header{display:flex;align-items:flex-start;flex-direction:column;width:100%}.form-main-title{font-size:1.8rem;font-weight:700;margin-bottom:.5rem}.form-content{width:100%;height:700px;overflow-y:auto;padding-top:2rem}.form-content::-webkit-scrollbar{display:none}.profile-wrapper{display:flex;flex-direction:column;gap:3.5rem;width:100%}.field-heading{font-size:1.25rem;font-weight:700;margin-bottom:.5rem;color:var(--secondary-color)}.field-wrapper{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;margin-top:2rem;width:100%}.input-field:not(.input-field.file-input){background-color:var(--dark-bg)!important;border:1px solid var(--dark-alt);width:100%!important;height:48px!important;border-radius:.5rem!important;margin-top:.5625rem!important;padding:0 1rem 0 1.25rem!important;font-size:.9375rem!important;color:var(--white)!important;font-weight:700!important;caret-color:var(--primary-color)!important}.input-field::placeholder{font-size:1rem;color:var(--neutral-dark)}.items-field{padding:0 .25rem}.form-label{width:100%;font-size:.8735rem;color:var(--neutral-light);position:relative}.hide-items-label{display:none}.field.company-field{width:100%}.company-field.address,.client-field.address,.company-field.logo,.client-field.avatar{grid-column:span 2}.form-label.logo{width:100%;display:flex;justify-content:center;align-items:center;gap:1.5rem}input[type=file]::-webkit-file-upload-button{visibility:hidden}.custom-file-wrapper{position:relative;display:flex;align-items:center;flex-direction:column;width:100%;overflow:hidden}.file-input{position:absolute;opacity:0;width:100%;height:0%;cursor:pointer}.custom-file-label{position:relative;display:flex;align-items:center;justify-content:center;gap:.5rem;height:48px;width:100%;border:1px dashed var(--dark-alt);color:var(--white);font-size:.9375rem;font-weight:700;border-radius:.5rem;cursor:pointer}.uploaded{background-color:var(--green)}.check-wrapper{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:50%;background-color:var(--white)}.success-icon{color:var(--green)}.custom-file-text{margin-top:.5rem}.form-action-btn-wrapper{width:100%;display:flex;align-items:center;justify-content:space-between;margin-top:3.875rem}.draft-send-wrapper{display:flex;align-items:center;gap:.5rem}.input-field.error-border:not(.items-field){border:1px solid var(--error-red)!important;background-color:#f14c4c36!important}.error-message{font-size:.8125rem;color:var(--error-red);margin-top:-.5625rem;position:absolute;right:0}.error-border-items{border:1px solid var(--error-red)!important;background-color:#f14c4c36!important}.custom-file-label:not(.uploaded):hover{background-color:var(--primary-color)}.input-field:hover,.input-field:focus{border-color:var(--primary-color)!important;cursor:pointer;caret-color:var(--primary-color);outline:none}.project-wrapper{display:flex;gap:1.5rem;width:100%}.dropdown-field-wrapper{width:100%;display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;margin-top:3rem}.dropdown{width:100%;position:relative}.dropdown-label{font-size:.9375rem;color:var(--neutral-light)}.dropdown-header-btn{width:100%;justify-content:space-between;height:48px;padding:0 1rem 0 1.25rem;border:1px solid var(--dark-alt);border-radius:.5rem;background-color:var(--dark-bg);color:var(--white);margin-top:.55rem;position:relative}.dropdown-list{width:100%;border:1px solid var(--dark-alt);background-color:var(--dark-alt);color:var(--neutral-light);flex-direction:column;align-items:flex-start;gap:.5rem;z-index:500;margin-top:.5rem;border-radius:.5rem;padding:1rem 0;display:none;box-shadow:0 0 1rem #0400055c}.dropdown-list.open{display:flex;position:absolute;top:100%;z-index:5;transition:.3s ease-in-out}.dropdown-item{width:100%;cursor:pointer}.dropdown-item:not(:last-child){border-bottom:1px solid var(--dark-bg);padding-bottom:.9375rem!important}.dropdown-item{padding:1rem 1.5rem}.dropdown-btn{font-size:.9375rem;font-weight:700;color:var(--neutral-light);width:100%;justify-content:flex-start}.dropdown-btn:hover{color:var(--primary-color)}.form-label.date{position:relative}.calendar-icon{position:absolute;right:1rem;top:50%;pointer-events:none;color:var(--accent-purple)}.input-field.invoiceDate{position:relative;width:100%}input[type=date]::-webkit-calendar-picker-indicator{opacity:0}.items-wrapper,.items-field{width:100%}.items-field{display:grid}.items-wrapper{width:100%;margin-top:2rem}.items-title{margin-bottom:1.5rem;color:var(--primary-color)}.items-field,.items-form-header{width:100%;display:grid;grid-template-columns:4fr 1fr 2fr 2fr;gap:1rem;position:relative;place-items:center;justify-items:left}.form-label.total{display:flex;flex-direction:column;align-items:flex-start;height:100%;justify-content:space-between}.total-value{font-weight:700;font-size:1rem}.add-btn{width:100%;height:48px;border-radius:1.5rem;background-color:var(--dark-alt);font-size:.9375rem;font-weight:700;color:var(--neutral-light);margin-top:1rem}.delete-btn{position:absolute;right:0;top:30%;color:var(--neutral-dark)}.disabled{color:gray}