*{box-sizing:border-box;margin:0;padding:0}body,html{height:100%}body{font-family:Recursive,sans-serif;font-size:17px;line-height:1.55em;font-weight:1200;color:#222}.textlink,a{text-decoration:none;color:inherit;font-weight:700;cursor:pointer}.textlink.slim,a.slim{font-weight:400}.textlink:visited,a:visited{color:inherit}.textlink:hover,a:hover{color:inherit;text-decoration:underline}.textlink:active,a:active{opacity:.7}.textlink:focus,a:focus,input:focus{outline:none}ol,ul{margin-left:1rem}img,ol,p,table,ul{margin-bottom:20px}#app,#app-container{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden}#app{background-color:#fff;background-size:30% auto;background-position:120% 120%;background-repeat:no-repeat}#app.darkmode{background-color:#111;color:#ccc}#topbar{width:100%;height:60px;line-height:60px;box-shadow:0 0 20px rgba(0,0,0,.15);z-index:250;display:none}#leftbar,#topbar{background-color:#fff;position:absolute;top:0;left:0}#leftbar{width:100px;height:100%;box-shadow:0 0 20px rgba(0,0,0,.1);z-index:240;padding-top:60px;transition:all .6s cubic-bezier(.215,.61,.355,1)}#app.darkmode #leftbar{background-color:#171717;box-shadow:0 0 20px rgba(0,0,0,.5)}#app.leftbar-micro #leftbar{width:50px}@media (max-width:575.99px){#app #leftbar{display:none}#app.mobilemenu-active #leftbar{display:block}}.leftbar-dim{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:239;background-color:rgba(0,0,0,.05);opacity:0;pointer-events:none;transition:opacity .3s cubic-bezier(.215,.61,.355,1)}#app.mobilemenu-active .leftbar-dim{opacity:1;pointer-events:all}#rightbar{background-color:#fff;top:0;width:300px;box-shadow:0 0 20px rgba(0,0,0,.15);z-index:260;display:none}#rightbar,.view{position:absolute;right:0;height:100%}.view{width:calc(100% - 100px);bottom:0;z-index:100;padding:3rem 3rem 5rem;transition:all .6s cubic-bezier(.215,.61,.355,1);overflow-y:auto}#app.leftbar-micro .view{width:calc(100% - 50px)}#app.mobilemenu-active .view{transform:translateX(10px)}@media (max-width:575.99px){.view{width:100%;padding:60px 1rem 1rem}}.view .btn,.view .btn1,.view .btn2,.view .btn3,.view .card{-webkit-animation:a9823 .3s cubic-bezier(.215,.61,.355,1);animation:a9823 .3s cubic-bezier(.215,.61,.355,1)}@-webkit-keyframes a9823{0%{opacity:0;transform:translateY(-5px)}}@keyframes a9823{0%{opacity:0;transform:translateY(-5px)}}.view-Loading{position:absolute;top:35%;left:45%;transform:translate(-50%,-50%);pointer-events:none;font-size:0;width:200px;height:2px;background-color:rgba(0,0,0,.5);transform-origin:left center;transform:scaleX(0);-webkit-animation:a9726 1s linear infinite;animation:a9726 1s linear infinite}@-webkit-keyframes a9726{to{transform:scaleX(1)}}#app.darkmode .view-loading{background-color:hsla(0,0%,100%,.5)}.viewbg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none;background-size:cover;background-position:50%;opacity:.2;-webkit-animation:a4234 .3s cubic-bezier(.215,.61,.355,1);animation:a4234 .3s cubic-bezier(.215,.61,.355,1)}@-webkit-keyframes a4234{0%{opacity:0}}@keyframes a4234{0%{opacity:0}}.top-logo{position:absolute;top:0;left:0;width:100px;height:60px;background-color:rgba(0,0,0,.05);background-size:auto 80%;background-position:50%;background-repeat:no-repeat;z-index:666}.top-logo svg{height:35%;width:auto;pointer-events:none;position:absolute;top:47.5%;left:50%;transform:translate(-50%,-50%)}@media (max-width:575.99px){#app .top-logo{background-color:transparent}#app.mobilemenu-active .top-logo{background-color:rgba(0,0,0,.05)}}#app.darkmode .top-logo svg{fill:hsla(0,0%,100%,.5)}.topbar-title{position:absolute;top:0;left:100px;width:calc(100% - 100px);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#leftbar .micromacrobtn{position:absolute;bottom:20px;left:50%;width:30px;height:30px;line-height:27px;background:#c8c8c8;text-align:center;transform:translateX(-50%);transition:all .6s cubic-bezier(.215,.61,.355,1);border-radius:100%;cursor:pointer}#leftbar .micromacrobtn span{display:inline-block}#leftbar .micromacrobtn:hover{background:#b2b2b2}#leftbar .micromacrobtn:active{background:#9c9c9c}#app.leftbar-micro #leftbar .micromacrobtn{transform:translateX(-50%) rotate(180deg)}.burgerbtn{height:40px;width:40px;position:absolute;top:10px;right:30px;padding:12px 10px 10px;z-index:6666;display:none;cursor:pointer}.burgerbtn,.burgerbtn span{transition:all .3s cubic-bezier(.215,.61,.355,1)}.burgerbtn span{display:block;background:#222;height:2px;width:100%;margin-bottom:5px;pointer-events:none}.burgerbtn span:first-child{transform-origin:left center}.burgerbtn span:nth-child(2){transform-origin:center center}.burgerbtn span:nth-child(3){transform-origin:right center}.burgerbtn:hover span:first-child{transform:scaleX(.6)}.burgerbtn:hover span:nth-child(2){transform:scaleX(1)}.burgerbtn:hover span:nth-child(3){transform:scaleX(.6)}.burgerbtn:active{opacity:.5;transform:scale(.8)}#app.leftbar-micro .burgerbtn{right:10px}@media (max-width:575.99px){.burgerbtn{display:block}}#leftbar .link{border-bottom:1px solid #e9e9e9;font-size:.8rem;padding-top:1.1rem;padding-bottom:.6rem;text-align:center;display:block;font-weight:400;transition:all .4s cubic-bezier(.215,.61,.355,1);text-decoration:none;line-height:1.1}#leftbar .link span{transition:all .2s cubic-bezier(.215,.61,.355,1);display:block}#leftbar .link svg{display:block;pointer-events:none;width:30%;height:auto;margin:0 auto .6rem;fill:#222;transition:fill .2s cubic-bezier(.215,.61,.355,1)}#leftbar .link:hover{background:linear-gradient(90deg,#f7f7f7 0,#fff)}#leftbar .link:active{opacity:.4}#leftbar .link.active{background:linear-gradient(90deg,#eee 0,#fff);color:#222}#leftbar .link.active svg{fill:#222}#app.darkmode #leftbar .link{border-bottom:1px solid hsla(0,0%,100%,.15);color:hsla(0,0%,100%,.3)}#app.darkmode #leftbar .link svg{fill:hsla(0,0%,100%,.3)}#app.darkmode #leftbar .link:hover{background-color:hsla(0,0%,100%,.05);background-image:none;color:hsla(0,0%,100%,.5)}#app.darkmode #leftbar .link:hover svg{fill:hsla(0,0%,100%,.5)}#app.darkmode #leftbar .link.active{background-color:hsla(0,0%,100%,.15);background-image:none;color:#fff}#app.darkmode #leftbar .link.active svg{fill:#fff}#app.leftbar-micro #leftbar .link svg{width:60%}#app.leftbar-micro #leftbar .link span{display:none}#leftbar .userbox{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);text-align:center;width:100%}#leftbar .userbox .img{margin:0 auto .1rem;height:40px;width:40px;border-radius:9999px;position:relative;box-shadow:inset 0 0 6px rgba(0,0,0,.2);background-color:#aaa}#leftbar .userbox .img .letter{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:15px;font-weight:100;color:#fff}#leftbar .userbox .name{font-size:.7rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 .5em;font-weight:100}#leftbar .userbox:hover{text-decoration:none;opacity:.8}.view-title{margin-bottom:1rem}.view-pretitle{margin-bottom:.5rem;text-transform:uppercase;font-size:.75rem;opacity:.7}.tabs{white-space:nowrap;margin-bottom:2rem;font-size:0}.tabs .tab{font-size:1rem;display:inline-block;padding:.6em 1.8em;color:#999;border-bottom:3px solid #e6e6e6;transition:all .4s cubic-bezier(.215,.61,.355,1);cursor:pointer}.tabs .tab:hover{color:#666;border-bottom:3px solid #b3b3b3}.tabs .tab:active{color:#b3b3b3;border-bottom:3px solid #e6e6e6}.tabs .tab.active{color:#222;border-bottom:3px solid #222}#app.darkmode .tabs .tab{color:#4d4d4d;border-bottom:3px solid #4d4d4d}#app.darkmode .tabs .tab:hover{color:grey;border-bottom:3px solid grey}#app.darkmode .tabs .tab:active{color:#4d4d4d;border-bottom:3px solid #4d4d4d}#app.darkmode .tabs .tab.active{color:#ccc;border-bottom:3px solid #ccc}.btn,.btn1,.btn2,.btn3{background-color:#222;color:#fff;padding:.6em 1.4em .4em;text-align:center;font-size:1rem;border:none;border-radius:4px;display:inline-block;cursor:pointer;transition:all .2s cubic-bezier(.215,.61,.355,1)}.btn1:hover,.btn2:hover,.btn3:hover,.btn:hover{transform:translateY(-2px);opacity:1}.btn1:active,.btn2:active,.btn3:active,.btn:active{transform:translateY(2px);opacity:.5}.btn.xs,.xs.btn1,.xs.btn2,.xs.btn3{font-size:.6rem}.btn.s,.s.btn1,.s.btn2,.s.btn3{font-size:.8rem}.btn.l,.l.btn1,.l.btn2,.l.btn3{font-size:1.3rem}.block.btn1,.block.btn2,.block.btn3,.btn.block{display:block;width:100%}.btn.is-inactive,.is-inactive.btn1,.is-inactive.btn2,.is-inactive.btn3{pointer-events:none;opacity:.3}.btn2{box-shadow:0 7px 20px rgba(0,0,0,.15)}.btn2,.btn3{background-color:#fff;color:#222}.btn3{border:2px solid rgba(0,0,0,.2)}.btn3:hover{background-color:#000;color:#fff;opacity:1}#app.darkmode .btn,#app.darkmode .btn1,#app.darkmode .btn2,#app.darkmode .btn3{background-color:#fff;color:#222;box-shadow:0 7px 20px rgba(0,0,0,.3)}#app.darkmode .btn2{color:#fff;background-color:#212121;box-shadow:0 7px 20px rgba(0,0,0,.3)}.btns{display:flex;flex-wrap:wrap;gap:40px 14px}.card{box-shadow:0 10px 30px rgba(34,34,34,.15);border-radius:8px;overflow:hidden}.card,.card .card-footer,.card .card-header,.card .cardbody{position:relative}.card .card-footer,.card .card-header{padding:1rem 1.75rem;display:grid;grid-template-columns:1fr 1fr;position:relative;z-index:1}.card .card-footer .left,.card .card-footer .right,.card .card-header .left,.card .card-header .right{position:relative;z-index:1}.card .card-footer .right,.card .card-header .right{text-align:right}.card .card-header{border-bottom:1px solid #e9e9e9;white-space:nowrap}.card .card-header span.icon svg{height:1.1em;width:auto;position:relative;top:.2rem;margin-right:.7em}.card .card-footer{border-top:1px solid #e9e9e9}.card .card-body{padding:1.5rem 1.75rem;z-index:1;position:relative}.card .bgcolor{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0;opacity:.4}.card .card-header .bgcolor{z-index:0}.card .card{margin-bottom:40px}.card.dense{margin-bottom:.6rem}.card.dense .card-body,.card.dense .card-footer,.card.dense .card-header{padding:.6rem .8rem}#app.darkmode .card{background-color:#171717;box-shadow:0 10px 30px rgba(0,0,0,.7)}#app.darkmode .card .card-header{border-bottom:1px solid rgba(0,0,0,.9)}#app.darkmode .card .card-footer{border-top:1px solid rgba(0,0,0,.9)}#app.darkmode .card .card{background-color:#272727}.input-styled,.inputfield input,.inputfield select,.inputfield textarea,.select-wrap select{width:100%;display:block;font-size:1rem;padding:.8em .9em;background-color:#f2f2f2;border:none;font-family:Recursive,sans-serif;border:1px solid rgba(0,0,0,.2);border-radius:6px}.input-styled:active,.input-styled:focus,.inputfield input:active,.inputfield input:focus,.inputfield select:active,.inputfield select:focus,.inputfield textarea:active,.inputfield textarea:focus,.select-wrap select:active,.select-wrap select:focus{outline:none}#app.darkmode .input-styled,#app.darkmode .inputfield input,#app.darkmode .inputfield select,#app.darkmode .inputfield textarea,#app.darkmode .select-wrap select,.inputfield #app.darkmode input,.inputfield #app.darkmode select,.inputfield #app.darkmode textarea,.select-wrap #app.darkmode select{background-color:#404040;color:#fff;border:1px solid transparent}.inputfield textarea{line-height:1.5}.inputfield label,.inputlabel{display:inline-block;font-size:.9rem;margin-bottom:.3em;opacity:.5}.select-wrap{position:relative}.select-wrap select{-webkit-appearance:none;-moz-appearance:none;appearance:none}.select-wrap .select-arrow{height:14px;width:14px;position:absolute;top:50%;right:20px;margin-top:-5px;border-color:transparent rgba(0,0,0,.5) rgba(0,0,0,.5) transparent;border-style:solid;border-width:1px;transform:translateY(-50%) rotate(45deg);pointer-events:none}.spacer{height:40px}.spaced>:not(:last-child){margin-bottom:40px}.hspaced{display:flex;flex-wrap:wrap;gap:40px 40px}.grid{display:grid;grid-template-columns:1fr;gap:2rem 2rem}.grid.grid-11{grid-template-columns:1fr 1fr}.grid.grid-1111{grid-template-columns:1fr 1fr 1fr 1fr}.grid.grid-11111{grid-template-columns:1fr 1fr 1fr 1fr 1fr}.grid.grid-111111{grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr}.grid.grid-1-2{grid-template-columns:1fr 2fr}.grid.grid-2-1{grid-template-columns:2fr 1fr}.grid.grid-111{grid-template-columns:1fr 1fr 1fr}.grid.grid-11-2{grid-template-columns:1fr 1fr 2fr}.grid.grid-2-1-1{grid-template-columns:2fr 1fr 1fr}@media (max-width:575.99px){.grid{display:block}}.teaser-icon{position:absolute;top:40%;left:50%;transform:translate(-50%,-50%);text-align:center;-webkit-animation:a123 .5s cubic-bezier(.19,1,.22,1);animation:a123 .5s cubic-bezier(.19,1,.22,1)}@-webkit-keyframes a123{0%{transform:translate(-50%,-50%) scale(.7);opacity:0}}@keyframes a123{0%{transform:translate(-50%,-50%) scale(.7);opacity:0}}.teaser-icon svg{width:80px;fill:#ffac00;fill:#222;margin:0 auto 1em}.gicon{vertical-align:middle;font-size:1.2em}.bigbtn{background-color:#dedede;background-color:#fff;box-shadow:0 10px 30px rgba(34,34,34,.15);text-align:center;cursor:pointer;transition:all .6s cubic-bezier(.215,.61,.355,1)}.bigbtn .icon{width:30%;display:block;margin:2em auto}.bigbtn .icon svg{width:100%;fill:#ffbd33}.bigbtn .title{background-color:#dedede;padding:.4em 1.2em;text-align:left}.bigbtn:hover{transform:scale(1.04)}.bigbtn:active{transform:scale(1)}.lister div{padding:.8em 0;border-bottom:1px solid rgba(34,34,34,.2)}.lister div:last-of-type{border-bottom:none}dl.lister dd,dl.lister dt{float:left;width:50%;padding:.8em 0;border-bottom:1px solid rgba(34,34,34,.2)}dl.lister dd:last-of-type,dl.lister dt:last-of-type{border-bottom:none}dl.lister dd{text-align:right}.toasted.red-icon-xl{background-color:maroon!important}.toasted.red-icon-xl,.toasted.white-icon-xl{color:#fff!important;font-size:3rem!important}.toasted.white-icon-xl{background-color:#fff;box-shadow:0 7px 20px rgba(0,0,0,.15)}.toasted.toast-error{background-color:maroon!important;color:#fff!important}.placeholder.type-text .text .line{width:100%;height:1rem;background-color:rgba(0,0,0,.075);margin-bottom:1rem}.placeholder.type-text .text .line1{width:70%}.placeholder.type-text .text .line2{width:80%}.placeholder.type-text .text .line3{width:60%}.placeholder.type-table table{font-size:5rem}.placeholder.type-table table td,.placeholder.type-table table th{color:rgba(0,0,0,.075)}.placeholder.type-loadbar .loadbar{margin:2rem auto;pointer-events:none;font-size:0;position:relative;width:200px;height:2px;background-color:rgba(0,0,0,.2)}.placeholder.type-loadbar .loadbar:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000;transform-origin:left center;transform:scaleX(0);-webkit-animation:a9726 .5s linear infinite;animation:a9726 .5s linear infinite}@keyframes a9726{0%{transform:scaleX(0);transform-origin:left center}50%{transform:scaleX(1);transform-origin:left center}51%{transform:scaleX(1);transform-origin:right center}to{transform:scaleX(0);transform-origin:right center}}#app.darkmode .placeholder.type-loadbar .loadbar{background-color:hsla(0,0%,100%,.2)}#app.darkmode .placeholder.type-loadbar .loadbar:after{background-color:#fff}.table1{width:100%;border-collapse:collapse;margin-bottom:40px}.table1:last-child{margin-bottom:0}.table1 td,.table1 th{padding:.5rem 1.5rem;text-align:center}.table1 td:first-child,.table1 th:first-child{text-align:left}.table1 td:last-child,.table1 th:last-child{text-align:center}.table1 td:first-child,.table1 th:first-child{padding-left:0}.table1 td:last-child,.table1 th:last-child{padding-right:0}.table1 th{border-bottom:1px solid rgba(0,0,0,.15);color:rgba(0,0,0,.3);font-weight:400}.table1 td{vertical-align:top}.table1 tr:not(:last-child) td{border-bottom:1px solid rgba(0,0,0,.15)}.table1 tr.is-focused{background-color:rgba(0,0,0,.15)}#app.darkmode .table1 th{color:hsla(0,0%,100%,.3)}#app.darkmode .table1 th,#app.darkmode .table1 tr:not(:last-child) td{border-bottom:1px solid hsla(0,0%,100%,.15)}#app.darkmode .table1 tr.is-focused{background-color:hsla(0,0%,100%,.15)}.dl1{width:100%}.dl1 dd,.dl1 dt{border-bottom:1px solid rgba(0,0,0,.15);padding:.5rem 1.5rem}.dl1 dt{float:left}.dl1 dd{float:right}#app.darkmode .dl1 dd,#app.darkmode .dl1 dt{border-bottom:1px solid hsla(0,0%,100%,.15)}.colordot{height:1rem;width:1rem;border-radius:100%;background-color:rgba(0,0,0,.15);display:inline-block;vertical-align:middle;position:relative;overflow:hidden}.colordot .letter{position:absolute;top:54%;left:51%;transform:translate(-50%,-50%);font-size:10px;text-align:center;color:#fff}#app.darkmode .colordot{background-color:hsla(0,0%,100%,.15)}.login-box .login-logo{width:100px;margin:0 auto 2rem}.login-box{width:80%;max-width:300px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.comments .precomposer{margin-bottom:40px}.comments .precomposer .btn,.comments .precomposer .btn1,.comments .precomposer .btn2,.comments .precomposer .btn3{margin-top:40px}.comments .composer{margin-bottom:80px}.comments .composer .btn,.comments .composer .btn1,.comments .composer .btn2,.comments .composer .btn3{margin-top:40px}.comments .items{display:grid;grid-template-columns:1fr;gap:10px}.comments .items .card{margin-bottom:0}.comments .items .item .top{padding:.3em 0;font-size:.9rem;opacity:.4;display:flex;gap:.75em;align-items:center;flex-wrap:wrap}.comment-text input[type=checkbox],.comment-text input[type=radio]{width:.8em;height:.8em;vertical-align:middle;pointer-events:none}.comment-text input[type=checkbox][disabled],.comment-text input[type=radio][disabled]{opacity:1!important}.edit-comment-textarea{display:block;width:100%}.graph-hbar{position:relative;white-space:nowrap}.graph-hbar .entry{float:left;padding:.75rem 0;position:relative;overflow:hidden;box-shadow:inset 0 -1px hsla(0,0%,100%,.75)}.graph-hbar .entry .label{position:absolute;top:0;left:.5rem;font-size:14px;mix-blend-mode:difference;color:#fff;overflow:hidden}.graph-hbar.is-rounded{border-radius:999px;overflow:hidden}.x-links{display:flex;flex-wrap:wrap;gap:.5rem}.x-links>*{display:inline-block;font-size:.85rem;background-color:#333;color:#fff!important;box-shadow:0 10px 20px rgba(34,34,34,.15);border-radius:8px;padding:.5em 1.3em;white-space:nowrap;cursor:pointer;text-decoration:none;transition:all .2s cubic-bezier(.215,.61,.355,1)}.x-links>:hover{text-decoration:none;opacity:.7}.x-links>:active{opacity:.4}.x-links>* .gicon{display:inline-block;font-size:1.4em;vertical-align:middle;transition:transform .3s cubic-bezier(.215,.61,.355,1)}.x-links>:hover .gicon{transform:translate(2px,-2px)}.view-client .x-links{margin-top:1rem}.view-job .x-links{margin-bottom:1rem}.text-red{color:#a44}.text-red-bold{color:#a44;font-weight:900}.hide{display:none!important}.align-l{text-align:left!important}.align-c{text-align:center!important}.align-r{text-align:right!important}.nowrap{white-space:nowrap}.view-client-report-screen .client-img{max-width:250px;float:left;margin-right:2rem;margin-bottom:2rem}.view-client-report-screen .footer-disclaimer{font-size:.9rem;color:rgba(0,0,0,.4)}.kanban{position:relative;margin-bottom:1em}.kanban .header{position:relative;background-color:#000;color:#eee;padding:.7em;text-align:center}.kanban .settings-btn{height:.7em;width:.7em;position:absolute;top:1em;right:.7em;opacity:.2;border-radius:100%;background-color:#000;transition:all .8s cubic-bezier(.19,1,.22,1);cursor:pointer;transform:rotate(45deg)}.kanban .settings-btn:hover{opacity:1}.kanban .settings-btn:active{opacity:.4}.kanban .settings-btn.\--card,.kanban .settings-btn.\--column,.kanban .settings-btn.\--header{background-color:#000}.kanban .col-header .settings-btn,.kanban .header .settings-btn{background-color:#eee;opacity:.4}.kanban .col-header .settings-btn:hover,.kanban .header .settings-btn:hover{opacity:1}.kanban .cols{display:grid;margin:0 -.5em}.kanban .cols.count-2{grid-template-columns:50% 50%}.kanban .cols.count-3{grid-template-columns:33% 34% 33%}.kanban .cols.count-4{grid-template-columns:25% 25% 25% 25%}.kanban .cols.count-5{grid-template-columns:20% 20% 20% 20%;grid-template-columns:20% 20% 20% 20% 20%}.kanban .cols.count-6{grid-template-columns:17% 16.5% 16.5% 16.5% 16.5% 17%}.kanban .col{margin:.5em;position:relative}.kanban .col-header{background-color:#000;color:#eee;padding:.7em;margin-bottom:1em;position:relative}.kanban .col-settings-btn{height:20px;width:20px;position:absolute;top:10px;right:10px;background-color:rgba(0,0,0,.2);cursor:pointer}.kanban .col-settings-btn:hover{opacity:.7}.kanban .col-settings-btn:active{opacity:.4}.kanban .card{background-color:#eee;padding:.7em;margin-bottom:1em;position:relative}.kanban .card .text{opacity:.4}.kanban .card-settings-btn{height:20px;width:20px;position:absolute;top:10px;right:10px;background-color:rgba(0,0,0,.1);cursor:pointer}.kanban .card-settings-btn:hover{opacity:.7}.kanban .card-settings-btn:active{opacity:.4}.kanban .new-card-btn{background-color:#eee;padding:.7em;cursor:pointer;opacity:.3;transition:all .8s cubic-bezier(.19,1,.22,1)}.kanban .new-card-btn:hover{opacity:.7}.kanban .new-card-btn:active{opacity:.4}.jobsgrid{aspect-ratio:2/1;background-color:rgba(0,0,0,.4);grid-template-rows:1fr auto}.jobsgrid,.jobsgrid .main{display:grid;gap:16px 16px}.jobsgrid .main{grid-template-columns:1fr 1fr 1fr 1fr}.jobsgrid .main>:first-child{grid-column:1/span 1;grid-row:1/span 2;background-color:pink}.jobsgrid .main>:nth-child(2){grid-column:2/span 1;grid-row:1/span 2;background-color:pink}.jobsgrid .more{display:flex;gap:16px 16px}.jobsgrid .item{background-color:hsla(0,0%,100%,.4);padding:1rem}.keyman{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:5555;pointer-events:none;background-color:transparent}.keyman.visible{pointer-events:all}.keyman .dim{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.1);opacity:0;transition:all .15s cubic-bezier(.215,.61,.355,1)}.keyman.visible .dim{opacity:1}.keyman .modal{position:absolute;top:50%;left:50%;width:400px;background-color:hsla(0,0%,100%,.7);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);color:#000;border-radius:10px;z-index:5555;padding:2rem;box-shadow:0 0 30px rgba(0,0,0,.2);opacity:0;transform:translate(-50%,-50%);text-align:center;transition:all .15s cubic-bezier(.215,.61,.355,1)}.keyman.visible .modal{transform:translate(-50%,-50%);opacity:1}.keyman .input{display:block;width:100%;font-size:2rem;font-weight:700;text-align:center;border:none;background-color:transparent}.keyman .nomatches{opacity:.5}.keyman .matches,.keyman .nomatches{font-size:1rem;padding:.4em 0;margin-top:1rem;line-height:1.1}.keyman .matches .match{margin:.5em 0;font-weight:700}.keyman .matches .match.focused{background-color:rgba(0,0,0,.1)}.timelogs-chart{overflow-x:auto}.timelogs-chart .inner{min-width:5000px}.timelogs-chart .body,.timelogs-chart .footer,.timelogs-chart .header{display:grid;grid-template-columns:repeat(auto-fit,minmax(0,1fr));gap:.5rem}.timelogs-chart .body{margin:.5rem 0;align-items:end}.timelogs-chart .footer .date,.timelogs-chart .header .date{box-shadow:0 5px 10px rgba(0,0,0,.1);border-radius:6px}.timelogs-chart .footer .date,.timelogs-chart .header .date{padding:.5rem 0}.timelogs-chart .header .label{font-weight:700;text-align:center}.timelogs-chart .header .date.is-sat .label,.timelogs-chart .header .date.is-sun .label{color:rgba(0,0,0,.5);font-weight:500}.timelogs-chart .body .date .timelog .hrs{font-weight:700}.timelogs-chart .body .date .timelog .c2758{font-size:.7rem;line-height:1.2}.timelogs-chart .body .date .timelog .c2758 .user{margin-top:.3em}.timelogs-chart .body .date .timelog .c2758 .note{margin-top:.3em;font-style:italic;line-height:1.3;color:rgba(0,0,0,.7)}.timelogs-chart .footer .dkk{text-align:center}.timelogs-chart .footer .hrs{font-weight:700;text-align:center}.timelogger-modal{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:556}.timelogger-modal .dim{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.2)}.timelogger-modal .modal{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:400px}.timelogger-modal .modal .card{background-color:#fff}.task-modal{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:556}.task-modal .dim{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.2)}.task-modal .modal{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:min(80vw,800px);max-height:min(80vh,800px)}.task-modal .modal .scroller{overflow-y:auto}.task-modal .modal .card{background-color:#fff}@media print{#app,html{height:auto}#app{position:static}body{font-size:14px;height:auto}#topbar{position:relative}#leftbar{display:none}.view{width:100%;padding:2rem 2rem 4rem}.view-client-report-screen .card[is-view=""],.view-client-report-screen .card[is-view=tidstracking]{display:block}.view-client-report-screen .card[is-view=tidstracking] .card{page-break-after:always}}