td[data-v-96dd4543]{color:#fff;padding:0 13px}td.remove[data-v-96dd4543]{color:red}table[data-v-b1c0b53b]{width:100%}tr[data-v-b1c0b53b]{width:100%;display:grid;grid-template-columns:1fr 80px 90px 30px;gap:10px}th[data-v-b1c0b53b]{background-color:var(--vt-c-black-mute);color:#fff}td[data-v-b1c0b53b]{padding:6px}.notification-bar[data-v-2418c365]{max-width:450px;padding:8px 12px;width:fit-content;position:absolute;top:50px;left:50%;transform:translate(-50%,-50%);transition:display ease-in-out 3s;background-color:#00bd7e}.error[data-v-2418c365]{background-color:red}h3[data-v-2418c365]{color:#fff;font-size:12px}.capitalize[data-v-1a606194]{text-transform:capitalize}.uppercase[data-v-1a606194]{text-transform:uppercase}.tot[data-v-1a606194]{padding:0 6px;font-size:13px}.sub-tb[data-v-1a606194]{font-weight:600}.bottom-line[data-v-1a606194]{padding:0 30px;align-items:flex-end;display:flex;gap:9px;background-color:#0a291c}.hr-line[data-v-1a606194]{height:18px;width:12px;background-color:#fff}aside[data-v-1a606194]{background-color:#fff;width:105%;height:max-content;padding:20px}.footer[data-v-1a606194]{position:absolute;bottom:20px;z-index:10290;right:3%;color:#fff}.fs-10[data-v-1a606194]{font-size:10px}header[data-v-1a606194]{display:flex;padding:0;align-items:center;justify-content:space-between}.business-details[data-v-1a606194]{width:200px}.business-details b[data-v-1a606194],.business-details p[data-v-1a606194]{font-size:9px;line-height:9px}h1[data-v-1a606194]{font-size:30px;font-weight:600}.container[data-v-1a606194]{padding:20px 0}.container .head[data-v-1a606194]{display:flex;align-items:flex-start;justify-content:space-between;padding:18px 10px;font-size:9px;line-height:10px;background-color:#b2e9d2}.client-details[data-v-1a606194]{width:150px}.client-details h3[data-v-1a606194]{font-size:11px}.inv-row[data-v-1a606194]{display:flex;justify-content:space-between}.invoice-details[data-v-1a606194]{width:150px}table[data-v-1a606194]{width:100%;font-size:9px}tr[data-v-1a606194]{width:100%;display:grid;grid-template-columns:30px 1fr 80px 70px 80px;gap:10px}th[data-v-1a606194]{background-color:var(--vt-c-black-mute);color:#fff}td[data-v-1a606194]{padding:6px}tbody[data-v-1a606194]{width:100%;height:400px}.text-center[data-v-1a606194]{text-align:center}.text-right[data-v-1a606194]{text-align:right}td.remove[data-v-1a606194]{color:red;font-weight:600;cursor:pointer}.main[data-v-15ae1b85]{display:grid;place-items:center;color:var(--vt-c-text-dark-2);font-weight:100;font-size:12px;gap:10px}.loading[data-v-15ae1b85]{width:30px;height:30px;background-color:transparent;border:3px solid var(--vt-c-text-dark-2);border-top:3px solid transparent;border-radius:50%;animation:rotate-15ae1b85 infinite linear 2s}@keyframes rotate-15ae1b85{0%{transform:rotate(0)}33%{transform:rotate(120deg)}66%{transform:rotate(240deg)}to{transform:rotate(360deg)}}:root{--vt-c-white: #ffffff;--vt-c-white-soft: #f8f8f8;--vt-c-white-mute: #f2f2f2;--vt-c-black: #181818;--vt-c-black-soft: #222222;--vt-c-black-mute: #282828;--vt-c-indigo: #2c3e50;--vt-c-divider-light-1: rgba(60, 60, 60, .29);--vt-c-divider-light-2: rgba(60, 60, 60, .12);--vt-c-divider-dark-1: rgba(84, 84, 84, .65);--vt-c-divider-dark-2: rgba(84, 84, 84, .48);--vt-c-text-light-1: var(--vt-c-indigo);--vt-c-text-light-2: rgba(60, 60, 60, .66);--vt-c-text-dark-1: var(--vt-c-white);--vt-c-text-dark-2: rgba(235, 235, 235, .64)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;position:relative;font-weight:400}body{min-height:100vh;color:var(--color-text);background:var(--color-background);transition:color .5s,background-color .5s;line-height:1.6;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:15px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{max-width:1500px;overflow-y:scroll;height:100vh;margin:0 auto;padding:2rem;background-color:#0f1b16;font-weight:400}b{font-weight:600}h1,h2,h3,h4,h5,h6{color:#00bd7e;margin-bottom:3px}a{text-decoration:none;color:#00bd7e}main{width:100%;display:grid;grid-template-columns:1fr 1fr;padding-top:10px}section{border-right:1px solid var(--vt-c-divider-dark-1)}section{display:grid;grid-template-columns:1fr;padding:30px}.preview{display:flex;align-items:center;justify-content:center;position:relative;grid-template-rows:2fr}.form-container{border-radius:10px;min-height:400px;max-height:600px;overflow-x:hidden;border:1px solid hsla(160,100%,37%,1)}.form-btns{width:100%;display:grid;grid-template-columns:1fr 1fr 1fr}.form-btns div{background-color:#00bd7e;height:30px;font-weight:600;display:flex;align-items:center;justify-content:center;cursor:pointer}label{color:#c9f0e3}.form-btns div.active{background-color:#fff}form{padding:20px}.input-container{width:100%;display:flex;flex-direction:column}input{width:100%;padding:8px 10px;border-radius:3px;background-color:#02ffab;font-weight:600;border:1px solid var(--vt-c-divider-dark-1)}::placeholder{color:var(--vt-c-text-light-2)}.invoice-preview{position:relative;border-radius:10px;display:grid;grid-template-columns:1fr;grid-template-rows:1fr}.btn-right{width:100%;display:flex;padding:10px;justify-content:flex-end}.btn-top{position:absolute;top:-60px;right:10%}.btn-betw{width:100%;display:flex;padding:10px;align-items:center;justify-content:space-between}button{padding:12px 30px;border:none;background-color:#00bd7e;color:#fff;cursor:pointer}.btn-add{border:none;display:grid;place-items:center;font-weight:600;cursor:pointer;background-color:#00bd7e;color:#fff}.text-center{text-align:center}.text-right{text-align:right}td.remove{color:red;font-weight:600;cursor:pointer}.invoice-preview{padding:20px}