: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)}:root{--color-background: var(--vt-c-white);--color-background-soft: var(--vt-c-white-soft);--color-background-mute: var(--vt-c-white-mute);--color-border: var(--vt-c-divider-light-2);--color-border-hover: var(--vt-c-divider-light-1);--color-heading: var(--vt-c-text-light-1);--color-text: var(--vt-c-text-light-1);--section-gap: 160px}@media (prefers-color-scheme: dark){:root{--color-background: var(--vt-c-black);--color-background-soft: var(--vt-c-black-soft);--color-background-mute: var(--vt-c-black-mute);--color-border: var(--vt-c-divider-dark-2);--color-border-hover: var(--vt-c-divider-dark-1);--color-heading: var(--vt-c-text-dark-1);--color-text: var(--vt-c-text-dark-2)}}*,*:before,*:after{box-sizing:border-box;margin: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{padding:10px}#main{display:flex;flex-direction:column;align-items:center;justify-content:center}body{background-color:#121418;color:#fff}h1{font-size:3rem;text-align:center;color:#f5dd3c}label{display:block;margin-top:2rem;font-size:1.5rem}input{padding:.5rem;font-size:1.5rem;border-radius:.5rem;border:none;background-color:#f5dd3c;color:#282c34;margin-bottom:1rem}input:focus{outline:none;box-shadow:0 0 5px #f5dd3c}button{background-color:#282c34;color:#f5dd3c;padding:.5rem;margin-right:1rem;border-radius:.5rem;font-size:1.5rem;border:none;cursor:pointer;transition:all .3s ease}button:hover{background-color:#f5dd3c;color:#282c34}h3{font-size:1.5rem;margin-top:2rem}h2{font-size:2rem;margin-top:2rem;color:#f5dd3c}ul{list-style:none;padding:0;margin:0}li{font-size:1.5rem;margin-bottom:1rem}li:before{content:"\2022";color:#f5dd3c;display:inline-block;width:1em;margin-left:-1em}select{padding:.5rem;font-size:1.5rem;border-radius:.5rem;border:none;background-color:#f5dd3c;color:#282c34;margin-bottom:1rem}select:focus{outline:none;box-shadow:0 0 5px #f5dd3c}#export{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:100}#export textarea{width:500px;height:300px;padding:1rem;font-size:1.5rem;border-radius:.5rem;border:none;background-color:#f5dd3c;color:#282c34;resize:none}table{width:100%;border-collapse:collapse;margin-top:2rem}th{background-color:#f5dd3c;color:#282c34;padding:.5rem;text-align:left;font-size:1.5rem;border:none}td{background-color:#282c34;color:#f5dd3c;padding:.5rem;font-size:1.5rem;border:none}tr:nth-child(even) td{background-color:#f5dd3c;color:#282c34}tr:nth-child(odd) td{background-color:#282c34;color:#f5dd3c}table th:first-child,table td:first-child{border-top-left-radius:.5rem;border-bottom-left-radius:.5rem}table th:last-child,table td:last-child{border-top-right-radius:.5rem;border-bottom-right-radius:.5rem}#import-export{padding-top:10px}.active{background-color:#f5dd3c;color:#282c34}#cost{display:flex;font-size:32px;padding-top:15px}#cost>input{width:100px;margin-left:20px}#report-button{position:fixed;bottom:0;left:0;cursor:pointer}.toast{position:fixed;top:0;left:0;width:100%;background-color:#3678f4;color:#fff;text-align:center;padding:16px;z-index:1;font-size:50px}#totals{text-align:center;text-decoration:underline;text-decoration-color:#3678f4}#price{position:absolute;top:0;left:0;padding:10px;font-size:12px}#price input{width:100px}#pdfBtn{position:fixed;top:0;right:0;cursor:pointer}