:root{color-scheme:light dark;--c-black-blue: hsl(203 32% 13%);--c-dark-blue: hsl(209 48% 15%);--c-grey-1: hsl(206 8% 65%);--c-grey-2: hsl(206 8% 55%);--c-black: hsl(0 0% 0%);--c-black-85: hsl(0 0% 15%);--c-black-75: hsl(0 0% 25%);--c-blue: hsl(210 100% 36%);--c-blue-light: hsl(209 100% 62%);--c-grey: hsl(0 0% 95%);--c-orange: hsl(23 100% 50%);--c-white: hsl(0 0% 100%);--fill-accent-color: light-dark(hsl(210 70% 50%), hsl(209 40% 30%));--fill-btn: var(--c-blue);--fill-bd-brick: light-dark(hsla(0 0% 30% / 0.2), transparent);--fill-bd-field: light-dark(hsl(210 70% 50%), hsl(209 40% 22%));--fill-bd-nav: light-dark(hsl(0 0% 90%), hsl(209 38% 28%));--fill-bd-t-grey: light-dark(hsl(220 10% 75%), hsl(209 40% 32%));--fill-bd-t-header: light-dark(hsl(210 50% 82%), hsl(210 35% 60%));--fill-bd-t-timesheet: light-dark(hsl(210 55% 90%), hsl(209 40% 30%));--fill-bd-t-total: light-dark(var(--c-blue), hsl(210 35% 60%));--fill-body: light-dark(var(--c-white), var(--c-black));--fill-block: light-dark(var(--c-grey), var(--c-dark-blue));--fill-day: light-dark(hsl(0 0% 96%), var(--c-grey-2));--fill-day-1a: light-dark(var(--c-blue), var(--c-blue-light));--fill-day-1b: light-dark(hsl(0 0% 98%), hsl(0 0% 90%));--fill-day--1: light-dark(hsl(0 0% 88%), var(--c-grey-2));--fill-day-2: light-dark(var(--c-blue), var(--c-blue-light));--fill-dialog: light-dark(var(--fill-body), var(--fill-block));--fill-dialog-header: var(--c-blue);--fill-field: light-dark(var(--c-white), hsl(209 40% 22%));--fill-field-timesheet: light-dark(var(--c-white), var(--c-black-blue));--fill-focus: light-dark(hsl(211 100% 85%), hsl(211 50% 35%));--fill-focus-selection: hsl(60 94% 73%);--fill-header: light-dark(var(--c-black-85), var(--c-black-blue));--fill-heading: light-dark(var(--c-blue), var(--c-blue-light));--fill-bd-header: light-dark(var(--c-blue), hsl(210 100% 56%));--fill-graph: transparent;--fill-dj-message: hsl(0 0% 35%);--fill-bd-select: light-dark(hsl(210 70% 50%), hsl(209 40% 30%));--fill-subnav: light-dark(hsl(210 55% 94%), hsl(210 65% 25%));--c-btn: hsl(0 0% 100%);--c-day-name: light-dark(var(--c-blue), var(--c-white));--c-dj-message: light-dark(var(--c-white), var(--c-white));--c-error: light-dark(hsl(360 100% 50%), hsl(360 100% 60%));--c-field: light-dark(var(--c-black-85), var(--c-blue-light));--c-figcaption: light-dark(var(--c-blue), var(--c-blue-light));--c-focus: light-dark(var(--c-field), var(--c-white));--c-focus-selection: var(--c-black-85);--c-helptext: light-dark(var(--c-black-75), var(--c-grey));--c-link: light-dark(var(--c-blue), var(--c-blue-light));--c-nav-header: hsl(0 0% 100%);--c-nav-hover: var(--c-blue-light);--c-nav: light-dark(var(--c-black-75), var(--c-white));--c-nav-active: light-dark(var(--c-blue), var(--c-blue-light));--c-subnav: var(--c-blue);--c-success: hsl(131 50% 52%);--c-text: light-dark(var(--c-blue), var(--c-grey-1));--c-user-menu: hsl(0 0% 78%);--fill-icon: var(--c-text);--pad-hor: 7rem;--radius-btn: 0.6rem;--size-icon: 2.4rem;--w-cell: 7rem;--font: "SourceSansPro", Arial, Helvetica, sans-serif;--font-monospace: "SourceCodePro", monospace}.icon-add{-webkit-mask-image:url(icons/add.svg);-webkit-mask-size:var(--size-icon) auto;mask-image:url(icons/add.svg);mask-size:var(--size-icon) auto}.icon-anonymous{-webkit-mask-image:url(icons/anonymous.svg);-webkit-mask-size:var(--size-icon) auto;mask-image:url(icons/anonymous.svg);mask-size:var(--size-icon) auto}.icon-arrow-down{-webkit-mask-image:url(icons/arrow-down.svg);-webkit-mask-size:var(--size-icon) auto;mask-image:url(icons/arrow-down.svg);mask-size:var(--size-icon) auto}.icon-calendar{-webkit-mask-image:url(icons/calendar.svg);-webkit-mask-size:var(--size-icon) auto;mask-image:url(icons/calendar.svg);mask-size:var(--size-icon) auto}.icon-changeset{-webkit-mask-image:url(icons/changeset.svg);-webkit-mask-size:var(--size-icon) auto;mask-image:url(icons/changeset.svg);mask-size:var(--size-icon) auto}.icon-checked{-webkit-mask-image:url(icons/checked.svg);-webkit-mask-size:var(--size-icon) auto;mask-image:url(icons/checked.svg);mask-size:var(--size-icon) auto}.icon-delete{-webkit-mask-image:url(icons/delete.svg);-webkit-mask-size:var(--size-icon) auto;mask-image:url(icons/delete.svg);mask-size:var(--size-icon) auto}.icon-double-chevron-left{-webkit-mask-image:url(icons/double-chevron-left.svg);-webkit-mask-size:var(--size-icon) auto;mask-image:url(icons/double-chevron-left.svg);mask-size:var(--size-icon) auto}.icon-double-chevron-right{-webkit-mask-image:url(icons/double-chevron-right.svg);-webkit-mask-size:var(--size-icon) auto;mask-image:url(icons/double-chevron-right.svg);mask-size:var(--size-icon) auto}.icon-edit{-webkit-mask-image:url(icons/edit.svg);-webkit-mask-size:var(--size-icon) auto;mask-image:url(icons/edit.svg);mask-size:var(--size-icon) auto}.icon-error{-webkit-mask-image:url(icons/error.svg);-webkit-mask-size:var(--size-icon) auto;mask-image:url(icons/error.svg);mask-size:var(--size-icon) auto}.icon-fix{-webkit-mask-image:url(icons/fix.svg);-webkit-mask-size:var(--size-icon) auto;mask-image:url(icons/fix.svg);mask-size:var(--size-icon) auto}.icon-graph{-webkit-mask-image:url(icons/graph.svg);-webkit-mask-size:var(--size-icon) auto;mask-image:url(icons/graph.svg);mask-size:var(--size-icon) auto}.icon-helderenacht{-webkit-mask-image:url(icons/helderenacht.svg);-webkit-mask-size:var(--size-icon) auto;mask-image:url(icons/helderenacht.svg);mask-size:var(--size-icon) auto}.icon-items{-webkit-mask-image:url(icons/items.svg);-webkit-mask-size:var(--size-icon) auto;mask-image:url(icons/items.svg);mask-size:var(--size-icon) auto}.icon-key{-webkit-mask-image:url(icons/key.svg);-webkit-mask-size:var(--size-icon) auto;mask-image:url(icons/key.svg);mask-size:var(--size-icon) auto}.icon-lock{-webkit-mask-image:url(icons/lock.svg);-webkit-mask-size:var(--size-icon) auto;mask-image:url(icons/lock.svg);mask-size:var(--size-icon) auto}.icon-logout{-webkit-mask-image:url(icons/logout.svg);-webkit-mask-size:var(--size-icon) auto;mask-image:url(icons/logout.svg);mask-size:var(--size-icon) auto}.icon-review{-webkit-mask-image:url(icons/review.svg);-webkit-mask-size:var(--size-icon) auto;mask-image:url(icons/review.svg);mask-size:var(--size-icon) auto}.icon-site{-webkit-mask-image:url(icons/site.svg);-webkit-mask-size:var(--size-icon) auto;mask-image:url(icons/site.svg);mask-size:var(--size-icon) auto}.icon-trash{-webkit-mask-image:url(icons/trash.svg);-webkit-mask-size:var(--size-icon) auto;mask-image:url(icons/trash.svg);mask-size:var(--size-icon) auto}.icon-trivial{-webkit-mask-image:url(icons/trivial.svg);-webkit-mask-size:var(--size-icon) auto;mask-image:url(icons/trivial.svg);mask-size:var(--size-icon) auto}.icon-unreviewed{-webkit-mask-image:url(icons/unreviewed.svg);-webkit-mask-size:var(--size-icon) auto;mask-image:url(icons/unreviewed.svg);mask-size:var(--size-icon) auto}.icon-user{-webkit-mask-image:url(icons/user.svg);-webkit-mask-size:var(--size-icon) auto;mask-image:url(icons/user.svg);mask-size:var(--size-icon) auto}.icon-view{-webkit-mask-image:url(icons/view.svg);-webkit-mask-size:var(--size-icon) auto;mask-image:url(icons/view.svg);mask-size:var(--size-icon) auto}.icon-wip{-webkit-mask-image:url(icons/wip.svg);-webkit-mask-size:var(--size-icon) auto;mask-image:url(icons/wip.svg);mask-size:var(--size-icon) auto}@layer base;@font-face{font-family:SourceSansPro;font-weight:normal;font-style:normal;font-display:swap;src:url(fonts/SourceSansPro-Regular.woff) format("woff")}@font-face{font-family:SourceSansPro;font-weight:normal;font-style:italic;font-display:swap;src:url(fonts/SourceSansPro-Italic.woff) format("woff")}@font-face{font-family:SourceSansPro;font-weight:bold;font-style:normal;font-display:swap;src:url(fonts/SourceSansPro-SemiBold.woff) format("woff")}@font-face{font-family:SourceSansPro;font-weight:bold;font-style:italic;font-display:swap;src:url(fonts/SourceSansPro-SemiBoldItalic.woff) format("woff")}*{box-sizing:border-box}@layer base{html{height:100%;font-family:var(--font);font-weight:400;font-size:62.5%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{height:100%;margin:0;padding:0;font-size:1.6rem;color:var(--c-text);background-color:var(--fill-body)}b,strong{font-weight:600}h1,h2,h3,h4,h5,h6{font-size:133%;font-weight:600;color:var(--fill-heading)}h5{margin-bottom:2rem}a{color:var(--c-link)}a.btn [class*=icon-]{--fill-icon: var(--c-btn);--size-icon: 2.6rem}pre,code{margin:0;padding:0}sub,sup{line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.45em}sup{top:-0.2em}table{border-collapse:collapse}th{text-align:left}table .td-center{text-align:center}table .td-top{vertical-align:top}[class*=icon-]{display:inline-block;width:var(--size-icon);height:var(--size-icon);background-color:var(--fill-icon)}.icon-error{--fill-icon: var(--c-error)}.icon-checked{--fill-icon: var(--c-success)}.align-right{display:flex;justify-content:flex-end}form{max-width:60rem}form.free{max-width:initial}[type=text],[type=email],[type=number],[type=date],[type=password],[type=url],textarea,select{width:100%;padding:.8rem 1rem;font-family:inherit;font-size:inherit;color:var(--c-field);border:.1rem solid var(--fill-bd-field);border-radius:.2rem;background-color:var(--fill-field)}[type=number]::-webkit-outer-spin-button,[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}select{--fill-bd-field: var(--fill-bd-select)}input[type=number]{-moz-appearance:textfield;appearance:textfield}button,[type=submit],.btn,.subnav-item{display:inline-flex;align-items:center;gap:0 .2rem;margin:1rem 0;padding:.8rem 1.2rem;font-size:1.6rem;color:var(--c-btn);text-transform:uppercase;text-decoration:none;cursor:pointer;background-color:var(--fill-btn);border-radius:var(--radius-btn);border:none}button [class*=icon-],[type=submit] [class*=icon-],.btn [class*=icon-],.subnav-item [class*=icon-]{flex-shrink:0}button:has([class*=icon-]),[type=submit]:has([class*=icon-]),.btn:has([class*=icon-]),.subnav-item:has([class*=icon-]){padding-left:.6rem}.btn-transp{--fill-btn: transparent}.field-error{font-size:90%;color:var(--c-error)}.form-error{margin-block:1rem;color:var(--c-error)}.field-helptext{font-size:90%;color:var(--c-helptext);font-style:italic}.select-box{position:relative;width:28rem}.select-box select{-moz-appearance:none;-webkit-appearance:none;appearance:none;width:100%;height:4rem;padding-right:3.2rem;background-color:transparent}.select-box .icon-arrow-down{position:absolute;right:0;top:0;translate:-0.4rem .6rem;pointer-events:none}input[type=checkbox],input[type=radio]{accent-color:var(--fill-accent-color)}.form-field{margin-bottom:1.6rem}.field-label,.field-input{margin-bottom:.4rem}.form-boolean .form-field{display:flex;flex-wrap:wrap;gap:1rem}.form-boolean .field-widget{order:1;flex-shrink:0}.form-boolean .field-label{order:2}.form-boolean .form-errors{margin-bottom:1rem}.form-boolean .form-actions{margin-top:1rem}.form-2-columns{display:grid;grid-template-columns:18rem 1fr;gap:1rem}.form-2-columns .form-field{display:contents}.form-2-columns .form-actions,.form-2-columns .form-errors{grid-column:1/-1}.form-2-columns .form-actions{padding-top:2rem}.form-2-columns .field-label{padding-top:.8rem}.form-2-columns .form-field:has(input[type=checkbox],input[type=radio]) .field-label{padding-top:0}.flex{display:flex;gap:.4rem}.action-btns{display:flex;gap:.6rem}}header,.nav-external,.user-menu,.nav-office{display:flex;align-items:center;flex-wrap:wrap}header{--fill-icon: var(--c-nav-header);min-height:6rem;padding:1rem 2.4rem;background-color:var(--fill-header);border-left:1rem solid var(--fill-bd-header)}header a{text-decoration:none}.logo{display:block;height:3rem;width:19rem;margin-right:1.2rem;background:url(logo-white.svg) no-repeat;translate:0 -0.2rem}.nav-external{gap:0 .4rem}.nav-external a{--c-link: var(--c-nav-header);display:block;padding:.4rem .8rem;font-size:1.6rem;text-transform:uppercase}.nav-external a:hover{--c-nav-header: var(--c-nav-hover)}.user-menu{display:flex;gap:0 1rem;margin-left:auto;font-size:1.4rem}.user-menu a{color:var(--c-user-menu)}.user-menu .user-name{display:grid;grid-template-columns:2.4rem 1fr;gap:0 .4rem;align-items:center;padding-right:1rem;border-right:.1rem solid var(--c-nav-header)}.nav-office{height:6rem;padding:1.4rem 6.2rem;border-bottom:.1rem solid var(--fill-bd-nav)}.nav-office a{--c-link: var(--c-nav);padding:.4rem .8rem;text-decoration:none}.nav-office a:hover,.nav-office a.selected{--c-link: var(--c-nav-active)}.subnav,main{padding-inline:var(--pad-hor)}.subnav-item{--radius-btn: 0.4rem;--fill-icon: var(--c-btn);--size-icon: 2.6rem;padding:.5rem 1rem;font-size:1.4rem}.subnav-item:has([class*=icon-]){padding-left:.6rem}.subnav-item .icon-changeset{margin-inline:-0.5rem}:where(.subnav-item:not(.selected)){--fill-btn: var(--fill-subnav);--c-btn: light-dark(var(--c-subnav), var(--c-white))}.subnav{display:flex;gap:.6rem;margin-top:3.2rem}main{padding-block:1rem}.login-page{grid-template-rows:minmax(6rem, max-content) 1fr}.login-page main{padding-top:max(8vh,4rem)}.login-page main>section{margin-inline:auto;width:50rem;padding:4rem;background-color:var(--fill-block)}.login-page main h1{margin-top:0}.login-page main .form-field{margin-bottom:1.6rem}.login-page main .field-label,.login-page main .field-input{margin-bottom:.4rem}.login-page main .notice{font-style:italic}.t-header{text-align:right;font-weight:normal;border-right:.1rem solid transparent;width:var(--w-cell)}.t-header div{font-weight:600}.h-header{text-align:right;font-weight:normal;border-width:.1rem 0;border-color:var(--fill-bd-t-header);border-style:solid;min-width:5em;padding-right:.5rem}.h-header.total{font-weight:bold}.h-header.c{text-align:center;padding:0;min-width:2em}.h-header.l{padding:0 0 0 .5rem;text-align:left}.h-row{text-align:right;font-weight:normal;padding-right:5px;color:rgb(var(--fill-grey))}.h-row.c{padding:0 .5rem;text-align:center}.h-row.l{padding:0 0 0 5px;text-align:left}.h-row [class*=icon-]{--size-icon: 1.8rem}.h-row.result [class*=icon-]{--size-icon: 2.4rem}.h-row .connect{text-decoration:underline;cursor:pointer}.day-parts{position:relative;width:2.5rem;height:1rem;border:.1rem solid var(--fill-bd-brick);background-color:var(--fill-day)}.day-parts.parts-1{--fill-day: var(--fill-day-1a)}.day-parts.parts-1::before{position:absolute;content:"";width:1.19rem;background-color:var(--fill-day-1b);display:block;height:100%}.day-parts.parts--1{--fill-day: var(--fill-day--1)}.day-parts.parts-2{--fill-day: var(--fill-day-2)}.grey-blocks{display:flex;align-items:stretch;align-content:flex-start;flex-wrap:wrap;gap:.8rem}.grey-blocks>div{background-color:var(--fill-block);padding:2.4rem;border-radius:.4em}.grey-blocks>div h1{margin:0;margin-bottom:1rem}.grey-block{width:max-content;margin-block:1.2rem;padding:2.4rem;background-color:var(--fill-block);border-radius:.4em}.grey-block .h-header{padding:.4rem 1.2rem}.grey-block td{text-align:left;padding:.4rem 1.2rem;border-bottom:.1rem solid var(--fill-bd-t-grey)}.grey-block td.right{text-align:right}.grey-block td tr:last-child td{border-bottom:none}.grey-block .remarks{max-width:calc(100vw - 38.4rem)}.grey-block .number-of-sites{display:inline-block;margin-top:2px}.date-select-container{display:grid;grid-template-columns:28rem 2.4rem 2.4rem;gap:0 .8rem;align-items:center}.timesheet-page{--fill-field: var(--fill-field-timesheet)}.timesheet-page input:focus{--c-field: var(--c-focus);--fill-field: var(--fill-focus);outline:none}.timesheet-page form{margin-top:2rem;max-width:unset}.timesheet-page .project-header th{padding:2rem 0 1.2rem;text-align:left;font-size:1.8rem;font-weight:600}.timesheet-page .project-header th,.timesheet-page .view-week-entry{border-bottom:.1rem solid var(--fill-bd-t-timesheet)}.timesheet-page .view-week-entry input{--fill-bd-field: transparent}.timesheet-page .view-week-entry td:last-child{text-align:right}.timesheet-page .view-week-header tr:first-child th{padding:0}.timesheet-page .view-week-total td{border-top:.1rem solid var(--fill-bd-t-timesheet)}.timesheet-page .view-week-total .title{width:40rem;font-size:2rem}.timesheet-page .total-day,.timesheet-page .total-week{text-align:right;font-size:2rem;padding:1.2rem;border-right:.1rem solid transparent}.timesheet-page .total-week{min-width:3em;font-weight:600;font-size:3.2rem;padding-top:0}.timesheet-page .add-task-row td{text-align:left}.timesheet-page .add-project-row td{padding:2rem 0}.timesheet-page .btn-trash{margin-block:0}.timesheet-page .btn-add-task{--size-icon: 2rem;position:absolute;margin:-1.6rem 0 0 -1rem;padding:.2rem;background-color:var(--fill-body)}.timesheet-page .task-description,.timesheet-page .hours-entry{border-right:.1rem solid var(--fill-bd-t-timesheet)}.timesheet-page .hours-entry{position:relative;max-width:var(--w-cell);padding:0;text-align:right}.timesheet-page .hours-entry span{display:none;position:absolute;top:0;left:0;padding:.4rem;font-size:1.2rem;color:var(--c-day-name);text-transform:uppercase}.timesheet-page .hours-entry:focus-within span{display:block}.timesheet-page .hours{width:100%;text-align:right;transition:all .4s ease;margin:0}.timesheet-page .hours:focus{font-weight:600}.timesheet-page .task-description{padding:0}.timesheet-page .task-description input{width:100%;padding-left:0;padding-right:0;margin:0}.timesheet-page .task-description input:focus::-moz-selection{color:var(--c-focus-selection);background-color:var(--fill-focus-selection)}.timesheet-page .task-description input:focus::selection{color:var(--c-focus-selection);background-color:var(--fill-focus-selection)}.report-form{margin-top:2rem;max-width:unset}.report-fields-grid{display:grid;grid-template-columns:repeat(auto-fit, 28rem);gap:1rem;margin-bottom:2rem}.reports-table{width:100%;margin-block:1rem}.reports-table td,.reports-table th{padding:.6rem 1rem;vertical-align:top}.reports-table .company-name{font-weight:600;font-size:1.8rem;padding-bottom:1.2rem}.reports-table .employee{font-style:italic}.reports-table .last-task-row td{padding-bottom:2rem}.reports-table thead th{padding-bottom:2rem}.reports-table thead th:not(:last-child){text-align:left}.reports-table .reports-total td,.reports-table .reports-total th{padding:1rem 1rem 2rem;border-top:1px solid var(--fill-bd-t-timesheet)}.reports-table .hours-spent{text-align:right}.reports-table .grand-total th{border-top:1px solid var(--fill-bd-t-total)}.footnote{list-style-type:"*"}.footnote li{padding-left:.4rem}.table-token-registration .icon-error,.table-token-registration .icon-checked{--size-icon: 1.8rem;translate:0 .2rem}.all-sites-table{width:100%}.all-sites-table .user-column{vertical-align:top;font-weight:bold}.all-sites-table tr:last-child td{border-color:var(--fill-bd-t-header)}.message{--size-icon: 1.8rem;--fill-icon: var(--c-dj-message);display:flex;width:95%;margin:1.2rem auto .8rem;color:var(--c-dj-message);background-color:var(--fill-dj-message);border-radius:.4rem}.message>div{padding:1rem 1.5rem}.message.success{--fill-dj-message: var(--c-success)}.message.info{--fill-dj-message: var(--c-blue)}.message.error{--fill-dj-message: var(--c-error)}.message.warning{--fill-dj-message: var(--c-orange)}.message .close-message{margin-left:auto;cursor:pointer}.message .close-message .icon-delete{vertical-align:top}#message.error{margin-block:1rem 1.6rem;color:var(--c-error)}.no-display{display:none}dialog.session-expired{border:none;max-width:55rem;width:100%;padding:0;font-size:1.6rem;color:var(--c-text);background:var(--fill-dialog);box-shadow:rgba(0, 0, 0, 0.24) 0 3px 8px}dialog.session-expired .header{padding:2rem 2rem;background-color:var(--fill-dialog-header)}dialog.session-expired h1{--fill-heading: var(--c-white);margin-block:0}dialog.session-expired .session-content{padding:3rem}dialog.session-expired::backdrop{background-color:hsla(0, 0%, 0%, 0.52)}.session-expired-img{margin-block:1rem;text-align:center}.session-expired-img .icon-helderenacht{--size-icon: 26rem}.form-inline,.form-inline .form-field{display:flex;flex-wrap:wrap;gap:1rem 1rem;align-items:center}.form-inline{margin-block:2rem}.form-inline .form-field,.form-inline .field-input,.form-inline [type=submit]{margin-block:0}.form-inline .field-input{width:40rem}