@font-face{font-family:League Spartan;font-style:normal;font-weight:100 900;font-display:swap;src:url(https://fonts.gstatic.com/s/leaguespartan/v14/kJEqBuEW6A0lliaV_m88ja5TwvZ_LZmFDA.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:League Spartan;font-style:normal;font-weight:100 900;font-display:swap;src:url(https://fonts.gstatic.com/s/leaguespartan/v14/kJEqBuEW6A0lliaV_m88ja5TwvZ-LZmFDA.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:League Spartan;font-style:normal;font-weight:100 900;font-display:swap;src:url(https://fonts.gstatic.com/s/leaguespartan/v14/kJEqBuEW6A0lliaV_m88ja5TwvZwLZk.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--bg-color: #F8F8FB;--card-bg: #FFF;--text-primary: #0C0E16;--text-secondary: #7E88C3;--button-bg: #7c5dfa;--button-hover: #9277ff;--border-color: #DFE3FA;--status-paid-bg: rgba(51, 214, 160, .14);--status-pending-bg: rgba(255, 143, 0, .14);--status-draft-bg: rgba(151, 151, 151, .247);--modal-bg: rgba(0, 0, 0, .66);--accent: #7c5dfa;--edit-bg: #F9FAFE;--grand-total-bg: #373B53;--purchase-bg: #F9FAFE}.dark-mode{--bg-color: #141625;--card-bg: #1e2139;--text-primary: #ffffff;--text-secondary: #dfe3fa;--button-bg: #7c5dfa;--button-hover: #9277ff;--border-color: #252945;--status-paid-bg: rgba(51, 214, 159, .1);--status-pending-bg: rgba(255, 143, 0, .1);--status-draft-bg: rgba(223, 227, 250, .06);--modal-bg: rgba(0, 0, 0, .8);--accent: #9277ff;--edit-bg: #252945;--grand-total-bg: #0C0E16;--purchase-bg: #252945}*{margin:0;padding:0;box-sizing:border-box;transition:background-color .3s ease,color .3s ease,border-color .3s ease,fill .3s ease}body{width:100%;height:100dvh;display:flex;justify-content:space-between;background-color:var(--bg-color);font-family:League Spartan,sans-serif}app-root{width:100%;height:100%;display:flex;flex-direction:column;height:fit-content}app-invoice-page,app-invoice-detail-page{flex:1;padding:2rem 1.5rem;display:flex;flex-direction:column;gap:2rem}app-invoice-detail-page{position:relative}.hidden{display:none}button{cursor:pointer;border-color:transparent;background-color:transparent}app-invoice-form,app-delete-modal{background:var(--modal-bg);height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column}app-invoice-form.app-delete-modal,app-delete-modal.app-delete-modal{position:absolute;z-index:10}.font-size-body{font-size:12px}.font-size-h3{font-size:16px}.hidden,.for-large-screens{display:none}header,main{width:min(900px,100%)}header,.filter,.invoice-list-page-controls{display:flex;justify-content:space-between;align-items:center;position:relative}.name,.date,.hash{color:var(--text-secondary)}.title,.id,.price,.filter{font-weight:700;color:var(--text-primary)}.filter{gap:1rem}.invoice-list-page-controls{gap:1.5rem}.filter-dropdown-menu{position:absolute;bottom:-96px;right:100px;width:120px;background:var(--card-bg);padding:1rem;border:none;border-radius:8px;display:flex;flex-direction:column;gap:.5rem;color:var(--text-primary);text-transform:capitalize;font-size:12px;box-shadow:0 0 10px #0000001a;cursor:pointer}.filter-dropdown-menu>div{display:flex;align-items:center;gap:8px}.filter-dropdown-menu input[type=checkbox],.filter-dropdown-menu label{cursor:pointer}main{display:flex;flex-direction:column;gap:1rem}.status{margin-top:4px}.invoice{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:30px auto;background:var(--card-bg);border:1px solid transparent;border-radius:8px;padding:1rem 1.3rem;gap:5px 2rem}.invoice:hover{border:1px solid var(--accent);transition:all .3s ease-in-out;cursor:pointer}.invoice .date{grid-column:1}.invoice .name{grid-row:1;grid-column:2;justify-self:end}.invoice .status-container,.invoice .app-status{grid-row:2/4;grid-column:2}.empty-container{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:40px}.empty-container article{text-align:center;width:70%;color:var(--text-primary)}.new-invoice{border-color:transparent;border-radius:20px;display:flex;justify-content:space-between;align-items:center;padding-inline-start:.3rem;padding-inline-end:1rem;height:40px;width:fit-content;gap:1rem;background-color:var(--button-bg)}.new-invoice:hover{cursor:pointer;background-color:var(--button-hover)}.new-invoice .svg-container{width:30px;height:30px;background:var(--card-bg);display:flex;justify-content:center;align-items:center;border-color:transparent;border-radius:50%}.new-invoice p{color:#fff;font-weight:600}.right-arrow{display:none}@media screen and (min-width: 768px){app-root{flex-direction:row;flex-direction:column}app-invoice-page{overflow-y:scroll;scrollbar-width:none;margin:auto}.for-large-screens{display:inline}.invoice{display:flex;justify-content:space-between;align-items:center}.invoice>*{height:35px}.invoice>p{display:flex;align-items:center}.status-arrow{display:flex;gap:1.25rem}.right-arrow-container{display:flex;justify-content:center;align-items:center}.right-arrow{display:block}.price{display:flex;justify-content:flex-end}}@media screen and (min-width: 920px){app-invoice-detail-page{width:70%;margin:auto}}