@import "https://fonts.googleapis.com/css2?family=League+Spartan:wght@100..900&display=swap";:not(dialog){margin:0}@media (prefers-reduced-motion:no-preference){html{interpolate-size:allow-keywords}}body{-webkit-font-smoothing:antialiased;line-height:1.5}img,picture,video,canvas,svg{max-width:100%;display:block}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}p{text-wrap:pretty}h1,h2,h3,h4,h5,h6{text-wrap:balance}#root,#__next{isolation:isolate}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:0 0;padding-inline:10px}::-webkit-scrollbar-thumb{background-color:#dfe3fa;border-radius:10px}::-webkit-scrollbar-thumb:hover{background-color:#c3c9f5}.header{background-color:var(--bg-sidebar);z-index:10;justify-content:space-between;align-items:center;display:flex;position:relative}.logo{cursor:pointer}.header-right{align-items:center;display:flex}.theme-btn{cursor:pointer;background:0 0;border:none;place-items:center;padding:1.25rem 1.5rem;display:grid}.theme-toggle-inner{flex-direction:column;align-items:center;gap:6px;display:flex;position:relative}.moon-icon{color:var(--moon-clr);font-size:1.25rem;transition:color .2s}.theme-dot{background-color:var(--moon-clr);border:1.5px solid var(--moon-clr);border-radius:50%;width:9px;height:9px;transition:background-color .2s,border-color .2s;display:block}.pfp-container{border-inline-start:1px solid var(--border-header);place-items:center;padding:1.25rem 1.5rem;display:grid}.header-right .profile-image{aspect-ratio:1;border-radius:50%;width:32px;overflow:hidden}.header-right .profile-image img{object-fit:cover;width:100%;height:100%}@media (width>=1024px){.header{z-index:10;border-radius:0 1.5rem 1.5rem 0;flex-direction:column;width:103px;height:100vh;position:fixed;top:0;bottom:0;left:0;overflow:hidden}.header-right{flex-direction:column;width:100%;margin-block-start:auto}.theme-btn{width:100%;padding:1.5rem 1.25rem}.pfp-container{border-inline-start:none;border-block-start:1px solid var(--border-header);box-sizing:border-box;width:100%;padding:1.5rem 1.25rem}.logo{place-items:center;width:103px;height:103px;display:grid}.logo img{width:100%}}.status{text-transform:capitalize;border-radius:var(--radius-badge);justify-content:center;align-items:center;min-width:104px;padding:14px 19px;font-weight:700;display:flex}.status:before{content:" ";border-radius:50%;width:.5rem;height:.5rem;margin-inline-end:.5rem;display:inline-block}.status--paid{background-color:var(--paid-bg);color:var(--paid-clr)}.status--paid:before{background-color:var(--paid-clr)}.status--pending{background-color:var(--pending-bg);color:var(--pending-clr)}.status--pending:before{background-color:var(--pending-clr)}.status--draft{background-color:var(--draft-bg);color:var(--draft-clr)}.status--draft:before{background-color:var(--draft-clr)}.status--overdue{background-color:var(--overdue-bg);color:var(--overdue-clr)}.status--overdue:before{background-color:var(--overdue-clr)}.empty-data{place-items:center;height:70vh;display:grid;inset:0}.empty-data h2{font-size:var(--fs-lg);color:var(--txt-primary);text-align:center;margin-top:42px;margin-bottom:1.5rem}.empty-data p{font-size:var(--fs-xs);color:var(--txt-body);text-align:center}.empty-data .emphasis{font-weight:700}.main-wrapper{padding:2rem 1.5rem;padding-block-end:6.6rem}.invoices-header{justify-content:space-between;align-items:center;display:flex}.invoices-h2{color:var(--txt-primary);font-size:24px;font-weight:700;line-height:1.2}.invoices-subtext{font-size:var(--fs-xs);color:var(--txt-body);margin-top:.25rem}.invoices-filter{position:relative}.filter-btn{cursor:pointer;font-size:var(--fs-sm);color:var(--txt-primary);background:0 0;border:none;align-items:center;gap:.5rem;padding:0;font-family:inherit;font-weight:700;display:flex}.filter-chevron{color:var(--purple);font-size:.7rem;transition:transform .2s}.filter-chevron.rotated{transform:rotate(180deg)}.filter-dropdown{background-color:var(--dropdown-bg);border-radius:var(--radius-card);min-width:192px;box-shadow:var(--shadow-lg);z-index:20;flex-direction:column;gap:1rem;margin:0;padding:1.5rem;list-style:none;display:flex;position:absolute;top:calc(100% + 1rem);left:50%;transform:translate(-50%)}.filter-option{cursor:pointer;font-size:var(--fs-sm);color:var(--txt-primary);align-items:center;gap:.875rem;font-weight:700;display:flex}.filter-checkbox{border:1px solid var(--border-input);background-color:var(--bg-input);border-radius:2px;flex-shrink:0;justify-content:center;align-items:center;width:1rem;height:1rem;transition:background .15s,border-color .15s;display:flex}.filter-checkbox.checked{background-color:var(--purple);border-color:var(--purple)}.filter-status-label{text-transform:capitalize}.invoices-add-btn{border-radius:var(--radius-btn);font-size:var(--fs-sm);color:var(--txt-on-dark);background-color:var(--purple);cursor:pointer;border:none;justify-content:center;align-items:center;gap:.5rem;padding:6px;padding-inline-end:15px;font-weight:700;line-height:15px;text-decoration:none;transition:background-color .15s;display:flex}.invoices-add-btn:hover{background-color:var(--purple-light)}.add-icon-wrap{justify-content:center;align-items:center;display:flex}.add-icon{width:2rem;height:2rem}.tablet-span{display:none}.mobile-span{display:inline}.invoice-header-right{align-items:center;gap:1.125rem;display:flex}.invoice-cards-container{flex-direction:column;gap:1rem;padding-block:2rem;display:flex}.invoice-card-link{color:initial;text-decoration:none}.invoice-card{font-size:var(--fs-xs);background-color:var(--bg-card);border-radius:var(--radius-card);box-shadow:var(--shadow);border:1px solid #0000;flex-direction:column;padding:1.5rem;transition:border-color .15s;display:flex}.invoice-card:hover{border-color:var(--purple)}.invoice-id,.invoice-total{font-size:var(--fs-sm);color:var(--txt-primary);font-weight:700}.invoice-due-date-cost{flex-direction:column;gap:.5rem;display:flex}.invoice-name{color:var(--txt-body)}.invoice-id-and-name{justify-content:space-between;margin-block-end:1.5rem;display:flex}.due-date-cost-status{justify-content:space-between;align-items:center;display:flex}.hash-sign,.due-date{color:var(--txt-muted)}.invoice-card-chevron{color:var(--purple);display:none}.empty-state{text-align:center;color:var(--txt-body);font-size:var(--fs-sm);padding:4rem 0}@media (width>=768px){.main-wrapper{padding:3.8rem 3rem}.invoice-cards-container{padding-block:3.4rem}.invoice-card{grid-template-columns:1fr auto 1fr auto auto auto;align-items:center;gap:1rem;padding:1rem 1.5rem;display:grid}.invoice-id-and-name,.due-date-cost-status,.invoice-due-date-cost{display:contents}.invoice-id{order:1}.due-date{text-align:center;order:2}.invoice-name{text-align:center;order:3}.invoice-total{text-align:right;order:4}.invoice-status{order:5;justify-self:right}.invoice-card-chevron{order:6;font-size:.5rem;display:inline-block}.tablet-span{display:inline}.mobile-span{display:none}}@media (width>=1024px){.invoice-card{gap:2rem}}html{position:relative}.status-text{font-size:var(--fs-xs);color:var(--txt-body);letter-spacing:-.1px;font-weight:500;line-height:15px}.invoice-details-wrapper{padding-block-end:9rem}.status-display-card{background-color:var(--bg-card);border-radius:var(--radius-card);box-shadow:var(--shadow);padding:24px}.status-display-left{justify-content:space-between;align-items:center;gap:20px;display:flex}.invoice-details-action-elems{flex:1;justify-content:flex-end;gap:.5rem;display:none}.invoice-details-display{background-color:var(--bg-card);border-radius:var(--radius-card);box-shadow:var(--shadow);margin-top:1rem;padding:1.5rem}.invoice-detail-body-container{padding-block:31px 38px}.invoice-details-header{margin-block-end:13px}.address-details{margin-block-start:13px}.bill-from{margin-block-start:2rem}.invoice-details-header,.address-details,.project-desc{font-size:var(--fs-xs);color:var(--txt-muted);font-weight:500}.left-details{flex-direction:column;gap:31px;display:flex}.invoice-details-content,.item-name{font-size:var(--fs-sm);letter-spacing:-.25px;color:var(--txt-primary);font-weight:700;line-height:20px}.project-desc{margin-top:.25rem}.invoice-date-address{justify-content:space-between;align-items:center;margin-block-end:32px;padding-inline-end:2rem;display:flex}.invoice-details-mail{margin-block-end:38px}.invoice-detail-price-container{background-color:var(--bg-card-hover);border-radius:var(--radius-card);flex-direction:column;gap:1.5rem;padding-block-start:1.5rem;display:flex}.invoice-item-cost,.invoice-grand-total{justify-content:space-between;align-items:center;padding-inline:1.5rem;display:flex}.invoice-item-cost{font-size:var(--fs-sm);color:var(--txt-primary);letter-spacing:-.25px;font-weight:700}.invoice-item-cost .item-quantity-price{color:var(--txt-muted)}.invoice-grand-total{color:var(--txt-on-dark);background-color:var(--bg-total-bar);border-radius:0 0 var(--radius-card) var(--radius-card);padding-block:1.5rem}.grand-total-txt{font-size:var(--fs-xs);letter-spacing:-.1px;line-height:18px}.grand-total-figure{font-size:var(--fs-lg);letter-spacing:-.5px;font-weight:700;line-height:32px}.action-btns{background-color:var(--bg-card);grid-template-columns:.5fr .6fr 1fr;gap:.5rem;padding:21px 1.5rem;display:grid}.footer{width:100%;box-shadow:var(--shadow);position:absolute;bottom:0;left:0;right:0}#detais-footer{height:fit-content;display:block}.delete-alert{z-index:100;background-color:var(--bg-overlay);place-content:center;padding:1.5rem;display:grid;position:fixed;inset:0}.delete-modal{background-color:var(--bg-modal);border-radius:var(--radius-card);width:min(480px,100%);box-shadow:var(--shadow-lg);padding:34px 32px}.confirm-delete-h2{font-size:var(--fs-lg);letter-spacing:-.5px;color:var(--txt-primary);font-weight:700;line-height:32px}.action-buttons{justify-content:flex-end;gap:.5rem;margin-top:22px;display:flex}.warning-text{font-size:var(--fs-xs);color:var(--txt-body);margin-block-start:.5rem}.tablet{display:none}.price-summmary-tablet{color:var(--txt-muted);font-size:var(--fs-xs);letter-spacing:-.1px;font-weight:500;line-height:18px}.invoice-details-grid-container{display:contents}@media (width>=420px){.invoice-date-address{padding-inline-end:72px}}@media (width>=768px){.status-display-card{justify-content:space-between;align-items:center;padding-inline:2rem;display:flex}.invoice-details-action-elems{display:flex}#details-footer,.mobile{display:none}.tablet{display:block}.invoice-detail-body-container,.invoice-date-address{display:contents}.invoice-details-display{grid-template-columns:repeat(4,auto);padding:2rem;display:grid}.invoice-detail-price-container{grid-column:span 4;margin-block-start:47px}.bill-from{text-align:right;grid-column:4}.bill-to{grid-column:2}.item-quantity,.item-price{text-align:center}.invoice-details-grid-container{grid-template-columns:auto 7rem auto auto;gap:2rem;padding-block-start:32px;padding-inline:32px;display:grid}.price-summmary-tablet>:nth-of-type(n+2):nth-of-type(-n+3){text-align:center}.item-right-elem,.price-summmary-tablet>:last-child{text-align:right}.price-summmary-tablet,.item-left-elem,.item-quantity-price,.invoice-item-cost{display:contents}.invoice-grand-total{grid-column:1/-1;padding:27px 32px}}.button{border-radius:var(--radius-btn);font-size:var(--fs-sm);letter-spacing:-.25px;color:var(--txt-on-dark);cursor:pointer;border:none;justify-content:center;align-items:center;padding:1.125rem 1.5rem;font-weight:700;line-height:15px;text-decoration:none;display:flex}.button--primary{background-color:var(--purple)}.button--primary:hover{background-color:var(--purple-light)}.button--secondary{background-color:var(--btn-ghost-bg);color:var(--btn-ghost-txt)}.button--secondary:hover{background-color:var(--btn-ghost-hover)}.button--delete{background-color:var(--red)}.button--delete:hover{background-color:var(--red-light)}.button--draft{background-color:var(--draft-btn-bg);color:var(--txt-body)}.go-back-btn{font-size:var(--H-S-FONT-SIZE);color:var(--txt-primary);cursor:pointer;background-color:#0000;border:none;align-items:center;gap:1.5rem;margin-block-end:31px;font-weight:700;display:flex}.go-back-svg{color:var(--clr-purple-strong)}.field-label-row{justify-content:space-between;align-items:center;margin-block-end:.5rem;display:flex}.field-label-row label{color:var(--txt-muted);font-size:var(--fs-xs);letter-spacing:-.1px;font-weight:500;line-height:15px}.field-error{color:var(--red);font-size:var(--fs-xs);font-weight:500}.detail-input-container--error input{border-color:var(--border-input-error)}.detail-input-container input{font-size:var(--fs-sm);border:1px solid var(--border-input);border-radius:var(--radius-input);background-color:var(--bg-input);color:var(--txt-input);width:100%;padding:1rem 1.25rem;font-weight:700;transition:border-color .15s}.detail-input-container input:focus{border-color:var(--border-input-focus);outline:none}.detail-input-container input::placeholder{color:var(--txt-placeholder);font-weight:500}.detail-input-container input:read-only{opacity:.6;cursor:not-allowed}.form-container{background-color:var(--bg-modal);flex-direction:column;display:flex}.form-container .main-wrapper{flex:1;padding-block-end:2rem}.header-main{font-size:var(--fs-lg);color:var(--txt-primary);margin-block-end:1.5rem;font-weight:700}.detail-input-container{flex-direction:column;display:flex}.label-row{justify-content:space-between;align-items:center;margin-block-end:.5rem;display:flex}.label-row label,.detail-input-container>label{color:var(--txt-muted);font-size:var(--fs-xs);letter-spacing:-.1px;font-weight:500;line-height:15px}.detail-input-container>label{margin-block-end:.5rem}.label-error{color:var(--red)!important}.field-error-msg{font-size:var(--fs-xs);color:var(--red);font-weight:500}.flexible-row{flex-direction:column;gap:1.5rem;display:flex}.business-input-fields,.city-and-post-code,.invoice-payment-info{gap:1.5rem;display:flex}.business-input-fields,.invoice-payment-info{flex-direction:column}.business-input-fields{margin-top:1.5rem}.city-and-post-code{width:100%}.city-and-post-code input{width:100%;min-width:0}.city-and-post-code>*{flex:1;min-width:0}.edit-header{color:var(--purple);font-size:var(--fs-sm);letter-spacing:-.25px;font-weight:700}input{font-size:var(--fs-sm);border:1px solid var(--border-input);border-radius:var(--radius-input);background-color:var(--bg-input);color:var(--txt-input);box-sizing:border-box;width:100%;padding:1rem 1.25rem;font-family:inherit;font-weight:700}input:focus{border-color:var(--border-input-focus);outline:none}input::placeholder{color:var(--txt-placeholder)}.input-error{border-color:var(--border-input-error)!important}.input-readonly{opacity:.6;cursor:not-allowed;background-color:var(--bg-input);border-color:#0000}.client-details,.invoice-payment-info{margin-block-start:2.6rem}.custom-select{cursor:pointer;-webkit-user-select:none;user-select:none;position:relative}.custom-select-value{font-size:var(--fs-sm);border:1px solid var(--border-input);border-radius:var(--radius-input);background-color:var(--bg-input);color:var(--txt-input);justify-content:space-between;align-items:center;padding:1rem 1.25rem;font-weight:700;transition:border-color .15s;display:flex}.custom-select.open .custom-select-value{border-color:var(--border-input-focus)}.select-chevron{color:var(--purple);flex-shrink:0;font-size:.7rem;transition:transform .2s}.select-chevron.rotated{transform:rotate(180deg)}.custom-select-dropdown{background-color:var(--dropdown-bg);border-radius:var(--radius-card);box-shadow:var(--shadow-lg);z-index:10;margin:0;padding:0;list-style:none;position:absolute;top:calc(100% + .5rem);left:0;right:0;overflow:hidden}.custom-select-option{font-size:var(--fs-sm);color:var(--dropdown-txt);border-bottom:1px solid var(--border);padding:1rem 1.25rem;font-weight:700;transition:color .1s}.custom-select-option:last-child{border-bottom:none}.custom-select-option:hover,.custom-select-option.selected{color:var(--purple)}.edit-item-list-container{margin-block-start:4rem}.item-list-header{color:var(--txt-body);font-size:var(--fs-md);letter-spacing:-.38px;margin-block-end:1.5rem;font-weight:700;line-height:32px}.invoice-item-card{flex-direction:column;gap:1.5rem;display:flex}.item-flex{grid-template-columns:1fr 2rem;align-items:center;gap:1rem;margin-block-start:1.5rem;display:grid}.item-set-container{grid-template-columns:4.5rem auto auto;gap:1rem;display:grid}.item-set-container>*{min-width:0}#items-total{background-color:#0000;border-color:#0000}.item-cards-container{flex-direction:column;gap:3rem;display:flex}#add-new-item-btn{gap:.5rem;width:100%;margin-block-start:3rem}.add-btn-icon{font-size:var(--fs-md);line-height:1}.delete-item-icon{width:1.5rem;height:1.5rem;color:var(--txt-body);cursor:pointer;flex-shrink:0;transition:color .15s}.delete-item-icon:hover{color:var(--red)}.form-error-summary{color:var(--red);font-size:var(--fs-xs);flex-direction:column;gap:.25rem;margin-block-start:2rem;font-weight:500;display:flex}.edit-footer{width:100%}.edit-action-buttons{background-color:var(--bg-card);width:100%;box-shadow:var(--shadow);box-sizing:border-box;justify-content:flex-end;gap:.5rem;padding:21px 24px;display:flex}@media (width>=768px){.flexible-row{flex-direction:row}.flexible-row>*{flex:1}.city-and-post-code{display:contents}.invoice-issuance-pay-flex>*{flex:1}.edit-page .go-back-btn{display:none}.item-flex{display:contents}.item-card-input-fields{grid-template-columns:auto 8vw auto auto auto;align-items:center;gap:1rem;display:grid}.item-set-container{display:contents}.form-container .main-wrapper,.edit-action-buttons{padding-block-start:3.8rem;padding-inline:56px}.edit-action-buttons{padding-block:2rem}.form-container:not(.in-overlay){padding-block-end:10rem}.form-container:not(.in-overlay) .edit-footer{position:fixed;bottom:0;left:0;right:0}}@media (width>=1024px){.form-container:not(.in-overlay) .edit-footer{left:90px}.item-card-input-fields{align-items:center;gap:1rem;display:grid}}:root{--purple:#7c5dfa;--purple-light:#9277ff;--red:#ec5757;--red-light:#ff9797;--paid-bg:#33d6a01a;--paid-clr:#33d69f;--pending-bg:#ff91001a;--pending-clr:#ff8f00;--draft-bg:#373b531a;--draft-clr:#373b53;--overdue-bg:#ec57571a;--overdue-clr:#ec5757;--draft-btn-bg:#373b53;--radius-card:.5rem;--radius-btn:1.5rem;--radius-badge:.375rem;--radius-input:.25rem;--fs-xl:36px;--fs-lg:24px;--fs-md:18px;--fs-sm:15px;--fs-xs:13px;font-family:League Spartan,sans-serif}:root,[data-theme=light]{--bg-page:#f8f8fb;--bg-sidebar:#373b53;--bg-card:#fff;--bg-card-hover:#f9fafe;--bg-modal:#fff;--bg-overlay:#00000080;--bg-input:#fff;--bg-total-bar:#373b53;--txt-primary:#0c0e16;--txt-body:#888eb0;--txt-muted:#7e88c3;--txt-input:#0c0e16;--txt-placeholder:#7e88c3;--txt-on-dark:#fff;--border:#dfe3fa;--border-input:#dfe3fa;--border-input-focus:#7c5dfa;--border-input-error:#ec5757;--border-header:#494e6e;--shadow:0 10px 10px -10px #48549f1a;--shadow-lg:0 10px 20px #48549f40;--btn-ghost-bg:#f9fafe;--btn-ghost-hover:#dfe3fa;--btn-ghost-txt:#7e88c3;--dropdown-bg:#fff;--dropdown-txt:#0c0e16;--moon-clr:#7e88c3;--theme-dot:transparent;--theme-dot-border:#7e88c3}[data-theme=dark]{--bg-page:#141625;--bg-sidebar:#1e2139;--bg-card:#1e2139;--bg-card-hover:#252945;--bg-modal:#1e2139;--bg-overlay:#00000080;--bg-input:#252945;--bg-total-bar:#0c0e16;--txt-primary:#fff;--txt-body:#dfe3fa;--txt-muted:#888eb0;--txt-input:#fff;--txt-placeholder:#888eb0;--txt-on-dark:#fff;--border:#252945;--border-input:#252945;--border-input-focus:#7c5dfa;--border-input-error:#ec5757;--border-header:#494e6e;--shadow:0 10px 10px -10px #00000040;--shadow-lg:0 10px 20px #0006;--btn-ghost-bg:#252945;--btn-ghost-hover:#1e2139;--btn-ghost-txt:#dfe3fa;--dropdown-bg:#252945;--dropdown-txt:#fff;--draft-bg:#292c44;--draft-btn-bg:#373b531a;--draft-clr:#dfe3fa;--moon-clr:#fff;--theme-dot:#7c5dfa;--theme-dot-border:#7c5dfa}*,:before,:after{box-sizing:border-box}body{background-color:var(--bg-page);color:var(--txt-primary);margin:0}.app-container{min-height:100vh}.main-content{width:100%}@media (width>=1024px){.app-container{min-height:100vh;display:flex}.app-container>header,.app-container>nav{z-index:100000;flex-shrink:0}.main-content{flex-direction:column;flex:1;display:flex}.main-content>*{width:min(1600px,100%);margin-inline:auto;padding-inline:9rem}}.edit-overlay-backdrop{display:none}@media (width>=768px){.edit-overlay-backdrop{z-index:50;background-color:var(--bg-overlay);display:block;position:fixed;inset:0}.edit-overlay-panel{background-color:var(--bg-modal);width:80%;box-shadow:var(--shadow-lg);z-index:51;border-radius:0 20px;flex-direction:column;animation:.3s slideInLeft;display:flex;position:fixed;top:0;bottom:0;left:0;overflow:hidden}.edit-overlay-panel .form-container{flex-direction:column;flex:1;display:flex;overflow-y:auto;padding-block-end:0!important}.edit-overlay-panel .form-container .main-wrapper{flex:1}.edit-overlay-panel .edit-footer{flex-shrink:0;width:100%;bottom:0!important;left:unset!important;right:unset!important;position:sticky!important}.edit-overlay-panel .go-back-btn{display:none}@keyframes slideInLeft{0%{opacity:0;transform:translate(-100%)}to{opacity:1;transform:translate(0)}}}@media (width>=1024px){.edit-overlay-panel{border-radius:0 var(--radius-card) var(--radius-card) 0;width:50%;left:90px}}