*{margin:0;padding:0;box-sizing:border-box;}html{scroll-behavior:smooth;}body{font-family:"Roboto",sans-serif;min-height:100vh;}body:has(.task-board__task.show-time-entries){overflow-y:hidden;}h1,h2,h3,h4{font-weight:400;}h1{margin-bottom:.6em;}ul{list-style:none;}a{color:inherit;text-decoration:none;}main{padding-bottom:5rem;}section{width:calc(100% - 42rem);max-width:800px;margin:0 auto;}@media(max-width:1024px){section{width:calc(100% - 24rem);margin-left:21rem;margin-right:3rem;}}header{display:flex;justify-content:space-between;align-items:center;width:calc(100% - 42rem);max-width:800px;margin:0 auto;padding:2rem 0;}@media(max-width:1024px){header{width:calc(100% - 24rem);margin-left:21rem;margin-right:3rem;}}header .logo{max-width:13rem;display:flex;flex-direction:column;align-items:center;gap:.5rem;}header .logo-text{display:block;text-transform:uppercase;width:100%;line-height:1em;text-align:center;letter-spacing:6px;font-size:.9em;color:#1a8e96;}header .user-nav{position:relative;}header .user-nav__user-icon{display:inline-flex;align-items:center;justify-content:center;width:32px;min-width:32px;height:32px;border-radius:50%;font-size:14px;color:#fff;cursor:pointer;}header .user-nav.show-nav .user-nav__link-list{display:block;}header .user-nav__link-list{position:absolute;top:calc(100% + .25rem);right:0;display:none;background-color:#fff;border-radius:3px;box-shadow:0 0 6px -2px rgba(0,0,0,.2);}header .user-nav__link{white-space:nowrap;display:block;padding:.5rem .75rem;transition:background-color 400ms ease;}header .user-nav__link:hover{background-color:#f1f1f1;}.checkbox-wrapper{position:relative;}.checkbox-wrapper input{position:absolute;inset:0;z-index:1;opacity:0;cursor:pointer;}textarea{resize:vertical;}input,textarea,select{border:1px solid #d1d1d1;padding:.33rem;border-radius:3px;font-family:inherit;}input::-webkit-inner-spin-button,textarea::-webkit-inner-spin-button,select::-webkit-inner-spin-button{appearance:none;}input[readonly],textarea[readonly],select[readonly]{padding:0;cursor:default;border-color:transparent;outline:0;font-family:inherit;font-size:inherit;}input:disabled,textarea:disabled,select:disabled{cursor:default;}input.error,textarea.error,select.error{border:1px solid #c05252;}input.error:focus-visible,textarea.error:focus-visible,select.error:focus-visible{outline-color:#c05252;}a:not([href="#"]){color:#1a8e96;}a.button{width:fit-content;height:fit-content;font-size:.85em;padding:.25rem .5rem;display:inline-flex;align-items:center;gap:.25rem;border-radius:3px;cursor:pointer;height:2rem;background-color:#1a8e96;color:#fff;transition:background-color 400ms ease;}a.button:hover{background-color:#167980;}button{background:none;border:0;display:flex;align-items:center;cursor:pointer;}button.button{width:fit-content;height:fit-content;font-size:.85em;padding:.25rem .5rem;display:inline-flex;align-items:center;gap:.25rem;font-family:inherit;border-radius:3px;height:2rem;transition:background-color 400ms ease,opacity 400ms ease;}button.button--submit{background-color:#1a8e96;color:#fff;}button.button--submit:hover:not(:disabled){background-color:#146d73;}button.button--reset{color:#3d9db0;}button.button--reset:hover:not(:disabled){background-color:#d4e8e9;}button.button--user-filter{color:#3d9db0;}button.button--user-filter:hover:not(:disabled){background-color:#d4e8e9;}button:disabled{opacity:.4;cursor:not-allowed;}.task__assignee,.user-icon{background-color:#999;}.task__assignee[data-user=PR],.user-icon[data-user=PR]{background-color:#5d9d69;}.task__assignee[data-user=LJ],.user-icon[data-user=LJ]{background-color:#5f8eb4;}.task__assignee[data-user=MS],.user-icon[data-user=MS]{background-color:#c05252;}.task__assignee[data-user=MR],.user-icon[data-user=MR]{background-color:#ef9136;}@font-face{font-family:"Material Symbols Rounded";font-style:normal;font-weight:300;src:url("/assets/fonts/material-symbols-rounded.woff2") format("woff2");}.material-symbols-rounded{font-family:"Material Symbols Rounded";font-weight:normal;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-feature-settings:"liga";-webkit-font-smoothing:antialiased;}.navigation{position:fixed;top:0;left:0;bottom:0;z-index:10;width:18rem;overflow-y:auto;padding:1.25rem;background-color:#fff;border-right:1px solid #ccc;}.navigation .nav__link{display:flex;align-items:center;padding:.2rem .4rem;word-break:break-word;border-radius:3px;transition:background-color 400ms ease;}.navigation .nav__link:hover{background-color:#efefef;}.navigation .nav__link--current{background-color:rgba(26,142,150,.1019607843);}.navigation .nav__pri-item{margin-bottom:.5rem;}.navigation .nav__pri-link{gap:.5rem;}.navigation .nav__sec-list{margin-bottom:.25rem;margin-left:.6rem;}.navigation .nav__sec-link{font-size:.9em;gap:.4rem;}.navigation .nav__ter-list{margin-left:.6rem;}.navigation .nav__ter-link{font-size:.85em;gap:.3rem;}.task-board__filter{display:flex;flex-wrap:wrap;align-items:center;gap:1rem;border-top:1px solid #ccc;padding-top:1rem;}.task-board__filter-assignee{position:relative;z-index:2;}.task-board__filter-assignee input{position:absolute;z-index:1;opacity:0;}.task-board__filter-assignee input:checked~label{border-color:rgba(0,0,0,.3764705882);background-color:inherit;}.task-board__filter-assignee label{position:absolute;inset:0;z-index:2;display:flex;align-items:center;justify-content:center;cursor:pointer;border:2px solid transparent;border-radius:inherit;background-color:rgba(204,204,204,.3098039216);user-select:none;}.task-board__filter-status-wrapper{width:100%;}.task-board__shown-tasks{margin-top:1em;font-size:.9em;}.task-board__client-list{border-top:1px solid #ccc;margin-top:1rem;padding-top:1rem;}.task-board__client{display:flex;flex-direction:column;padding:.75rem 0;}.clients .task-board__client{padding:.5rem 0;}.task-board__client .client__name{margin-bottom:.25em;}.clients .task-board__client .client__name{font-size:1.25em;}.task-board__client .client__name--agency-client{margin-left:.75rem;margin-bottom:.25em;font-size:1.25em;}.clients .task-board__client .client__name--agency-client{font-size:1em;}.task-board__project{margin-left:1.5rem;margin-bottom:1rem;}.task-board__project.show-new-task-form .task-board__create-task{display:none;}.task-board__project.show-new-task-form .task__form--new{display:grid;}.clients .task-board__project{margin-bottom:.5rem;}.task-board__project-header{display:flex;justify-content:space-between;align-items:center;gap:1rem;position:relative;padding-right:.5rem;margin-top:.5em;margin-bottom:.75em;}.task-board__project-desc{font-size:.8em;font-style:italic;margin:0 0 1em;}.task-board__project-name{font-size:1em;}.clients .task-board__project-name{font-size:.95em;}.task-board__project-info-trigger{color:#1a8e96;}.task-board__task{display:none;}.task-board__task.show-task{display:block;}.task-board__task.show-edit-task-form .task-board__task-wrapper{margin-bottom:0;}.task-board__task.show-edit-task-form .task__form--edit{display:grid;padding-top:.85rem;margin-top:-.2rem;border-top-left-radius:0;border-top-right-radius:0;}.task-board__task-wrapper{position:relative;display:flex;align-items:center;gap:1rem;padding:.4rem 1rem;margin-bottom:.75rem;border:1px solid #d1d1d1;border-radius:3px;background-color:#fff;}body:not(.billing) .task-board__task-wrapper{transition:background-color 400ms ease;}body:not(.billing) .task-board__task-wrapper:hover{background-color:#efefef;}.task-board__task .task__name{margin-right:auto;font-size:.9em;}.task-board__task .task__deadline{font-size:.8em;margin-right:.5rem;white-space:nowrap;}.task-board__task .task__status{position:relative;z-index:2;padding:.25rem;border:0;border-radius:3px;background-color:#b9bec2;margin-right:1.5rem;color:#fff;}.task-board__task .task__status option{background-color:#fff;color:#000;}.task-board__task .task__status[data-selected="2"]{background-color:#3d9db0;}.task-board__task .task__status[data-selected="3"]{background-color:#ddc143;}.task-board__task .task__status[data-selected="4"]{background-color:#d06e49;}.task-board__task .task__status[data-selected="5"]{background-color:#4986b3;}.task-board__task .task__status[data-selected="6"]{background-color:#74b151;}.task-board__task .task__status[data-selected="7"]{background-color:#e35e5e;}.task-board__task .task__status[data-selected="8"]{background-color:#94799a;}.task-board__task .task__status[data-selected="9"]{background-color:#88848a;}.task-board__task .task__menu-trigger{position:absolute;inset:0;display:flex;justify-content:flex-end;align-items:center;padding:0 1rem;padding-bottom:2px;}.task-board__create-task{display:block;border:1px dashed #c8c8c8;border-radius:3px;padding:.25rem;transition:background-color 400ms ease;}.task-board__create-task:hover{background-color:#eee;}.task-board__create-task-inner{display:flex;align-items:center;justify-content:center;gap:.5rem;font-size:.9em;}.task-board .task__form{display:none;margin-bottom:1.5rem;grid-template-columns:auto 17% 25% 25%;gap:.5rem;background-color:#e8f3f4;padding:.75rem;border-radius:3px;}.task-board .task__form.show-form-error .task__form-error{display:block;}.task-board .task__form-error{display:none;color:#c05252;font-size:.85em;}.task-board .task__input--desc{grid-column:3/5;grid-row:2/4;}.task-board .task__input--image{grid-column:1/3;}.task-board .task__select-wrapper{grid-column:1/3;}.task-board .task__button-wrapper{display:inline-flex;align-items:center;gap:1rem;grid-column:1/3;}.menu{display:none;position:absolute;z-index:100;top:88%;left:calc(100% - 1.5rem);padding-bottom:1.5rem;}@media(max-width:1024px){.menu{left:auto;right:.5rem;}}.show-menu .menu{display:block;}.menu-list{background-color:#fff;border-radius:3px;border:1px solid #ccc;box-shadow:0 0 6px 0 rgba(0,0,0,.17);}.menu-item:first-child .menu-item-trigger{padding-bottom:.33rem;}.menu-item:last-child .menu-item-trigger{padding-top:.33rem;}.menu-trigger{padding:0 .5rem;font-size:1.25em;}.menu-item-trigger{display:block;padding:.5rem .75rem;white-space:nowrap;font-size:.9em;color:#1a8e96;transition:background-color 400ms ease;}.menu-item-trigger:hover{background-color:#efefef;}.client{margin-bottom:1.5rem;}.client__info{border:1px solid #ccc;border-radius:3px;margin-bottom:2rem;}.client__info h2{margin-bottom:.4em;font-size:1rem;}.client__info-trigger{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.5rem 1rem;transition:background-color 400ms ease;}.client__info-trigger:hover{background-color:#efefef;}.client__info-trigger .material-symbols-rounded{transition:transform 400ms ease;}.show-info .client__info-trigger .material-symbols-rounded{transform:rotateZ(-180deg);}.client__info-content{display:flex;flex-direction:column;gap:2rem;font-size:.9em;height:0;overflow:clip;}.show-info .client__info-content{height:auto;padding:.5rem 1rem;}.client__contact{display:flex;flex-wrap:wrap;justify-content:space-between;gap:2rem;}.client__contact a{color:#1a8e96;}.client__info-line{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.5rem .75rem;}.client__contact-persons{display:flex;flex-direction:column;min-width:75%;}.client__contact-person{display:grid;grid-template-columns:1fr 1fr 4.5rem;gap:.25rem 1rem;padding:.5rem .75rem;}.client__contact-person h4{grid-column:1/4;}.client__invoicing{max-width:75%;}.client__invoicing p{padding:.25rem .75rem;}.client__invoicing-info{margin-bottom:1rem;}.project-overlay{position:fixed;z-index:10;top:0;bottom:0;left:auto;right:0;padding:2rem;background-color:#fff;box-shadow:0 0 6px 0 rgba(0,0,0,.17);width:32rem;display:none;}.show-project-info .project-overlay{display:block;}.project-overlay__close{position:absolute;top:1rem;left:1rem;font-size:13px;padding:.25rem;}.project-overlay__name{margin-top:2rem;margin-bottom:1rem;}.project-overlay__info{display:flex;flex-direction:column;gap:.5rem;font-size:.9em;}.project-info__url{display:flex;justify-content:space-between;align-items:center;gap:1rem;}.project-info__url a{color:#1a8e96;}.project-info__invoicing{display:flex;justify-content:space-between;align-items:center;gap:1rem;}.task__assignees{position:relative;z-index:2;display:flex;align-items:center;}.task__assignee{display:inline-flex;align-items:center;justify-content:center;width:26px;min-width:26px;height:26px;border-radius:50%;font-size:12px;color:#fff;cursor:pointer;user-select:none;transition:margin-right 400ms ease;}.task__assignee:nth-child(n+2){margin-left:-10px;}.task__assignee:hover:not(:last-child){margin-right:10px;}.task__assignee:hover:not(:last-child)~.task__assignee:last-child{margin-right:-10px;}.task__assignee--large{width:34px;min-width:34px;height:34px;font-size:15px;}.task-overlay{position:fixed;z-index:110;top:0;bottom:0;left:auto;right:0;background-color:#fff;box-shadow:0 0 6px 0 rgba(0,0,0,.17);}.task-overlay--time-entries{width:52rem;overflow-y:auto;display:none;}.show-time-entries .task-overlay--time-entries{display:block;}.task-overlay--task-info{width:32rem;display:none;}.show-task-info .task-overlay--task-info{display:block;}.task-overlay__close{font-size:13px;padding:.25rem;}.task-overlay__close-wrapper{position:sticky;top:0;left:0;z-index:10;padding:1rem 2rem;background-color:#fff;box-shadow:0 2px 8px -2px rgba(0,0,0,.0666666667);}.task-overlay__time-entry,.task-overlay__task-info{padding:2rem;}.task-overlay__name{margin-bottom:1rem;}.task-overlay .task-info__line{display:flex;align-items:center;justify-content:space-between;padding:.33rem 0;}.task-overlay .task-info__desc{margin-top:2rem;font-size:.9em;}.task-overlay .task-info__files{margin-top:2rem;display:flex;flex-direction:column;align-items:flex-start;gap:1rem;}.task-overlay .task-info__image-wrapper{position:relative;display:inline-flex;cursor:pointer;}.task-overlay .task-info__image-wrapper:hover .material-symbols-rounded{color:#1a8e96;background-color:rgba(153,153,153,.168627451);}.task-overlay .task-info__image-wrapper .material-symbols-rounded{position:absolute;inset:0;z-index:2;color:transparent;font-size:28px;display:flex;justify-content:center;align-items:center;transition:all 400ms ease;}.task-overlay .task-info__file-download{display:inline-flex;gap:.5rem;align-items:center;padding:.25rem .5rem;font-size:.9em;border-radius:3px;}.task-overlay .task-info__file-download:hover{background-color:#efefef;}.task-overlay .time-entry__form.show-form-error .time-entry__form-error{display:block;}.task-overlay .time-entry__form-error{display:none;grid-column:1/6;color:#c05252;font-size:.85em;}.task-overlay .time-entry__form--edit{display:grid;grid-template-columns:26px auto 7rem 3rem 24px 24px 5rem 24px;align-items:center;gap:.25rem .75rem;padding:.5rem 0;}.task-overlay .time-entry__total{display:flex;align-items:center;justify-content:space-between;padding-right:calc(3rem + 72px + 5rem);border-bottom:1px solid #c5c5c5;padding-bottom:.75rem;}.task-overlay .time-entry input[readonly]~button{display:none;}.task-overlay .time-entry input[readonly]~.time-entry__edit{display:flex;}.task-overlay .time-entry__name{font-size:.8em;text-overflow:ellipsis;}.task-overlay .time-entry__date{padding:.2rem .33rem;height:100%;}.task-overlay .time-entry__date,.task-overlay .time-entry__billed-date{font-size:.8em;}.task-overlay .time-entry__time{font-size:.9em;background-color:#f4f6f9;padding:.15rem .2rem;border-radius:2px;width:3rem;text-align:center;}.task-overlay .time-entry__edit{display:none;align-items:center;}.task-overlay .time-entry__form--new{margin-top:1.5rem;display:grid;grid-template-columns:auto 7rem 2.5rem 24px 24px;align-items:center;gap:.25rem .75rem;padding:.5rem 0;}.task-overlay .time-entry__billable-wrapper{display:flex;align-items:center;}.task-overlay .time-entry__billable-wrapper input:checked~.material-symbols-rounded{position:relative;}.task-overlay .time-entry__billable-wrapper input:checked~.material-symbols-rounded::after{content:"";position:absolute;inset:0 50%;width:1px;height:24px;background-color:#000;transform:rotateZ(45deg);border-radius:2px;}.task-overlay .time-entry[data-billed=false] .time-entry__billed .material-symbols-rounded{opacity:.25;}.task-overlay .time-entry[data-billed=true] .time-entry__edit{display:none;}.task-overlay .time-entry__billed{display:flex;align-items:center;}.task-overlay .time-entry__input{height:100%;}.task-overlay .task-number-list{margin:1em 0;font-size:.8em;display:flex;flex-direction:column;gap:.5em;}.task-overlay .task-number-list-wrapper{margin-top:1em;}.login{background-color:#274155;display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;margin:0;padding:0;}.login header{background-color:#fff;padding:3rem 4rem 0;border-radius:4px 4px 0 0;width:auto;margin:0 auto;}.login header .logo{max-width:none;width:30rem;}.login main{background-color:#fff;padding:4rem;border-radius:0 0 4px 4px;}.login form{width:30rem;display:flex;flex-direction:column;align-items:center;gap:1rem;}.login form .input-wrapper{width:100%;}.login form input{width:100%;border:solid 1px #666;padding:.75rem 1rem;border-radius:4px;border-color:#274155;color:#274155;font-size:1em;}.login form .actions{margin-top:1rem;}.login form button{cursor:pointer;padding:1rem 4rem;background-color:#274155;color:#fff;border-radius:4px;border:0;font-family:roboto,sans-serif;font-size:1em;}.billing__filter{display:flex;align-items:flex-end;gap:.5rem;padding-top:.5rem;}.billing__filter label{display:block;font-size:.8em;}.billing__filter-links{display:flex;gap:.25rem;margin-left:2em;}.billing__filter-links .date-link{font-size:.75em;border:solid 1px;}.billing__filter-links .date-link.active{cursor:not-allowed;opacity:.2;}.billing__nothing-to-bill{border-top:1px solid #ccc;margin-top:1rem;padding-top:1rem;font-size:.9em;}.billing__nothing-to-bill p{margin-bottom:.25em;}.billing__nothing-to-bill ul{list-style:circle;padding-left:2rem;padding-top:.25rem;}.billing .task-board__task{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem;padding:.75rem 1rem;margin-bottom:.75rem;border:1px solid #d1d1d1;border-radius:3px;}.billing .task-board__billing{display:flex;flex-direction:column;padding:.75rem 0;}.billing .client__header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.25rem;}.billing .client__header .client__name{margin-bottom:0;}.billing .client__standard-rate{background:#f5f5f5;padding:.25em 1em;border-radius:15px;font-size:.85em;}.billing .client__bill-btn{position:relative;}.billing .client__bill-btn.show-copy-success .bill-btn--success{display:block;}.billing .client__bill-btn.show-copy-failed .bill-btn--failed{display:block;}.billing .client__bill-btn.show-no-checked-inputs .bill-btn--no-checked-inputs{display:block;}.billing .client__bill-btn .bill-btn{display:none;position:absolute;top:calc(100% + .25rem);right:0;white-space:nowrap;color:#000;font-size:.85em;}.billing .client__mark-as-billed-btn{margin-left:auto;}.billing .task__name{margin-right:2rem;}.billing .task__fixed-price-line{font-size:.85em;display:inline-flex;align-items:center;gap:.25rem;}.billing .task__desc{max-width:36rem;margin-bottom:.75rem;font-size:.8em;font-style:italic;margin-right:auto;}.billing .task__content{width:100%;}.billing .time-entry__line{display:grid;grid-template-columns:auto 6rem 2rem 20px;align-items:center;gap:.25rem;font-size:.825em;padding:.25rem;cursor:pointer;border-radius:2px;height:calc(20px + .5rem);background-color:#fff;}.billing .time-entry__line.show-as-billed{background-color:#c3e4c2;cursor:default;}.billing .time-entry__line.show-as-billed .time-entry__bill-wrapper{opacity:.4;}.billing .time-entry__line.show-as-failed{background-color:#f1b6aa;}.billing .time-entry__total{display:flex;justify-content:space-between;align-items:center;gap:.25rem;border-top:1px solid #ccc;padding:.75rem 2rem .5rem .25rem;margin-top:.25rem;}.billing .time-entry__bill-wrapper{display:inline-flex;justify-content:center;align-items:center;width:20px;height:20px;border:1px solid #1a8e96;border-radius:3px;}.billing .time-entry__bill-wrapper .material-symbols-rounded{color:#1a8e96;opacity:0;transition:opacity 300ms ease;}.billing .time-entry__bill-wrapper input:checked~.material-symbols-rounded{opacity:1;}