*,:before,:after{box-sizing:border-box}html,body,div,span,object,iframe,figure,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,code,em,img,small,strike,strong,sub,sup,tt,b,u,i,ol,ul,li,fieldset,form,label,table,caption,tbody,tfoot,thead,tr,th,td,main,canvas,embed,footer,header,nav,section,video{font-size:100%;font:inherit;vertical-align:baseline;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:none;-moz-text-size-adjust:none;text-size-adjust:none;border:0;margin:0;padding:0}footer,header,nav,section,main{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}input,select{-webkit-appearance:none;font:inherit;border-radius:0}.checkbox-wrapper{cursor:pointer;font:inherit;align-items:flex-start;display:flex;font-size:16px!important}.checkbox-wrapper.centered{align-items:center}.checkbox-wrapper input[type=checkbox]{display:none}.checkbox-wrapper input[type=checkbox]:checked+.checkbox{border-color:var(--checkbox-checked-border-color)}.checkbox-wrapper input[type=checkbox]:checked+.checkbox:after{opacity:1}.checkbox-wrapper .checkbox{border:2px solid var(--input-color);background-color:var(--input-bg);border-radius:4px;flex:none;width:28px;height:28px;margin-right:.75em;position:relative}.checkbox-wrapper .checkbox:after{content:"";border:solid var(--input-color);opacity:0;border-width:0 2px 2px 0;width:8px;height:14px;position:absolute;top:3px;left:8px;transform:rotate(45deg)}@media (prefers-color-scheme:light),(prefers-color-scheme:dark){:root{--black:#1a1b1e;--darkgrey:#2b2d31;--grey:#e7e7ec;--white:#fff;--blue:#167dff;--blue-dark:#1769d2;--red:#fe2857;--green:#00d980;--yellow:#ffab00;--app-bg:var(--white);--app-color:var(--black);--button-bg:var(--black);--button-color:var(--white);--link-hover-color:var(--darkgrey);--input-bg:var(--white);--input-color:var(--black);--input-border-color:var(--black);--input-inner-shadow-color:#a9b7c6;--table-light:var(--grey);--table-dark:var(--white)}}@media (prefers-color-scheme:dark){:root{--app-bg:var(--black);--app-color:var(--white);--button-bg:var(--darkgrey);--button-color:var(--white);--link-hover-color:var(--grey);--input-bg:#111;--input-color:var(--white);--input-border-color:#818181;--input-inner-shadow-color:#363636;--table-light:#363636;--table-dark:var(--black)}}body{color:var(--app-color);background-color:var(--app-bg);font-family:JetBrains Mono;font-size:16px;line-height:1.75;overflow-y:scroll}#app{max-width:1377px;margin:0 auto}nav{align-items:center;gap:16px;padding:16px;display:flex}nav a,nav button{color:var(--button-color);background-color:var(--button-bg);border:none;border-radius:4px;align-items:center;padding:12px 18px;text-decoration:none;display:flex}nav a:hover,nav a.router-link-active,nav button:hover,nav button.router-link-active{color:var(--white);background-color:var(--blue-dark)}main{padding:16px}h3{margin-bottom:16px;font-size:24px}a{color:var(--app-color);text-underline-offset:6px;text-decoration:underline}a:hover{color:var(--link-hover-color);text-decoration:none}button,[type=button],input,textarea,select{color:var(--input-color);border:2px solid var(--input-border-color);background-color:var(--input-bg);border-radius:4px}button:focus,[type=button]:focus,input:focus,textarea:focus,select:focus{outline:4px solid var(--blue)}input,textarea,select{box-shadow:2px 2px 0 inset var(--input-inner-shadow-color);padding:8px}select:hover{cursor:pointer}button,[type=button]{color:var(--app-color);border:2px solid var(--app-color);background-color:var(--app-bg);font:inherit;align-items:center;padding:8px;text-decoration:none;display:inline-flex}button:hover,[type=button]:hover{color:var(--white);background-color:var(--button-bg);cursor:pointer}button.centered,[type=button].centered{text-align:center;justify-content:center}button.primary,button[type=submit],[type=button].primary,[type=button][type=submit]{background-color:var(--blue);color:var(--white);border-color:var(--blue)}button.primary:hover,button[type=submit]:hover,[type=button].primary:hover,[type=button][type=submit]:hover{background-color:var(--blue-dark);border-color:var(--blue-dark)}button.secondary,[type=button].secondary{border-color:var(--button-bg);background-color:var(--button-bg);color:var(--button-color)}button.secondary:hover,[type=button].secondary:hover{border-color:var(--blue-dark);background-color:var(--blue-dark)}button.delete,[type=button].delete{border-color:var(--red);background-color:var(--red);color:var(--white)}button.delete:hover,[type=button].delete:hover{background-color:#e21d48;border-color:#e21d48}table{width:100%}table thead th{text-align:left;font-weight:700}table th,table td{vertical-align:middle!important}table th.right,table td.right{text-align:right}table th.nowrap,table td.nowrap{white-space:nowrap}table.invoices th,table.invoices td{padding:6px}table.invoices td{border-bottom:1px solid gray}.action-bar{flex-flow:column;gap:8px;margin-top:16px;display:flex}form .field{flex-flow:column;gap:8px;margin-bottom:8px;display:flex}.offen{background-color:var(--red);color:var(--white)}.verschickt{background-color:var(--yellow);color:var(--black)}.bezahlt{background-color:var(--green);color:var(--black)}.header{align-items:center;gap:16px;display:flex}.header .field{flex:1 0 calc(25% - 48px)}.header .field input,.header .field select{width:100%}.hours-box{margin:32px 0}input.order,input.group{width:80px}input.description{width:100%}input[type=checkbox]{appearance:auto}table.single-invoice th,table.single-invoice td{padding:12px}table.single-invoice tbody{background-color:var(--table-dark)}table.single-invoice td.bar{border-bottom:1px solid #616161;padding-bottom:32px}table.single-invoice tr.light{background-color:var(--table-light)}table.single-invoice td.date,table.single-invoice td.fix,table.single-invoice td.amount,table.single-invoice td.order,table.single-invoice td.action{padding-top:32px}table.single-invoice td.date{width:30%}table.single-invoice td.fix{width:5%}table.single-invoice td.amount{justify-content:space-between;align-items:center;gap:8px;width:35%;display:flex}table.single-invoice td.order{width:20%}table.single-invoice td.action{text-align:right;width:10%}