.OverviewMetricCard{overflow:hidden;padding:12px;height:100%;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.OverviewMetricCard,.OverviewMetricCard .metric-content{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex}.OverviewMetricCard .metric-content{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;gap:12px;-webkit-box-flex:1;-ms-flex:1;flex:1}.OverviewMetricCard .metric-icon{width:26px;height:26px;border-radius:50%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-size:1rem;background-color:rgba(0,0,0,.05);-ms-flex-negative:0;flex-shrink:0}.OverviewMetricCard .metric-icon.positive{background-color:rgba(75,181,67,.1);color:var(--color-green-dark)}.OverviewMetricCard .metric-icon.negative{background-color:rgba(242,78,30,.1);color:var(--color-red)}.OverviewMetricCard .metric-icon.neutral{background-color:rgba(var(--color-yellow-rgb),.1);color:var(--color-yellow)}.OverviewMetricCard .metric-details{-webkit-box-flex:1;-ms-flex:1;flex:1;min-width:0}.OverviewMetricCard .metric-details h3{font-size:12px;margin:0;font-weight:400;color:var(--color-gray)}.OverviewMetricCard .metric-details .metric-value{font-size:16px;font-weight:600;color:var(--color-text-black)}.OverviewMetricCard .metric-details .metric-change{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:4px}.OverviewMetricCard .metric-details .metric-change.positive{color:var(--color-green-dark)}.OverviewMetricCard .metric-details .metric-change.positive .trend-icon{-webkit-transform:rotate(0deg);transform:rotate(0deg)}.OverviewMetricCard .metric-details .metric-change.negative{color:var(--color-red)}.OverviewMetricCard .metric-details .metric-change.negative .trend-icon{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.OverviewMetricCard .metric-details .metric-change.neutral{color:var(--color-yellow)}.OverviewMetricCard .metric-details .metric-change.neutral .trend-icon{display:none}.OverviewMetricCard .info-icon{position:absolute;top:12px;right:12px;z-index:10;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:24px;height:24px;color:var(--color-text);cursor:help;opacity:.7;-webkit-transition:opacity .2s ease;transition:opacity .2s ease}.OverviewMetricCard .info-icon:hover{opacity:1}.OverviewMetricCard .info-icon i{font-size:.8rem}.OverviewMetricCard .metric-sub-text{font-size:.75rem;font-weight:400;color:var(--color-text);margin-top:2px;line-height:1.3}.OverviewMetricCard .metric-change{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:4px;font-size:.75rem;font-weight:400;margin-top:2px;line-height:1.3}.OverviewMetricCard .metric-change.positive{color:var(--color-green-dark)}.OverviewMetricCard .metric-change.positive .trend-icon{-webkit-transform:rotate(0deg);transform:rotate(0deg)}.OverviewMetricCard .metric-change.negative{color:var(--color-red)}.OverviewMetricCard .metric-change.negative .trend-icon{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.OverviewMetricCard .metric-change.neutral{color:var(--color-yellow)}.OverviewMetricCard .metric-change.neutral .trend-icon{display:none}.OverviewMetricCard .metric-change .trend-icon{font-size:.6rem;-webkit-transition:-webkit-transform .2s ease;transition:-webkit-transform .2s ease;transition:transform .2s ease;transition:transform .2s ease,-webkit-transform .2s ease}.OverviewMetricCard .card-actions{margin-top:12px;display:-webkit-box;display:-ms-flexbox;display:flex;gap:8px;-ms-flex-wrap:wrap;flex-wrap:wrap}.OverviewMetricCard .progress-container{margin-top:12px;height:6px;background-color:rgba(0,0,0,.05);border-radius:3px;position:relative;overflow:hidden}.OverviewMetricCard .progress-container .progress-bar{height:100%;background-color:var(--color-green-dark);border-radius:3px;-webkit-transition:width .3s ease;transition:width .3s ease}.OverviewMetricCard .progress-container .progress-text{margin-top:4px;font-size:12px;text-align:right;color:var(--color-gray)}@media(max-width:768px){.OverviewMetricCard .metric-content{gap:8px}.OverviewMetricCard .metric-icon{width:24px;height:24px;font-size:1rem}.OverviewMetricCard .metric-details{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:2px;min-width:0}.OverviewMetricCard .metric-details h3{font-size:.7rem;margin:0;line-height:1.2}.OverviewMetricCard .metric-details .metric-value{font-size:.85rem;font-weight:600;margin:0;color:var(--color-text-black)}.OverviewMetricCard .metric-details .title-value-row{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:6px;min-width:0}.OverviewMetricCard .metric-details .title-value-row h3{-ms-flex-negative:0;flex-shrink:0}.OverviewMetricCard .metric-details .title-value-row .metric-value{-webkit-box-flex:1;-ms-flex:1;flex:1;min-width:0;text-align:right;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.OverviewMetricCard .metric-details .metric-sub-text{font-size:.65rem;margin-top:1px}.OverviewMetricCard .metric-details .metric-change{font-size:.65rem;margin-top:1px;gap:3px}.OverviewMetricCard .metric-details .metric-change .trend-icon{font-size:.6rem}.OverviewMetricCard .info-icon{top:8px;right:8px;width:20px;height:20px}.OverviewMetricCard .info-icon i{font-size:.7rem}.OverviewMetricCard .card-actions{margin-top:8px}.OverviewMetricCard .progress-container{margin-top:8px;height:4px}.OverviewMetricCard .progress-container .progress-text{font-size:.65rem;margin-top:2px}}.Headline{color:var(--color-text-blue);margin-bottom:25px;font-size:clamp(1.25rem,3vw,1.5rem)}@media screen and (max-width:768px){.Headline{max-width:100%}}.Headline h1{font-size:clamp(1.25rem,3vw,1.5rem)}.Headline h1,.Headline h2{color:var(--color-text-blue);font-weight:700}.Headline h2{font-size:clamp(1.125rem,3vw,1.25rem);margin-top:20px}.Headline h3{font-size:clamp(1rem,3vw,1.125rem);margin-bottom:-45px;color:var(--color-text-blue)}.Headline h3,.Headline span{font-weight:700}.Headline .Currency{font-size:clamp(1rem,3vw,1rem);display:inline-block;margin-left:5px}.Headline .Description{margin-bottom:0;font-size:18px}.BackArrow{position:fixed;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;top:20px;left:20px;z-index:1;-webkit-transition:all .3s ease;transition:all .3s ease;border-radius:8px;padding:10px 15px;cursor:pointer;background-color:rgba(0,0,0,.5);color:#fff;font-size:12px;text-decoration:none}@media(max-width:768px){.BackArrow{top:20px;left:0}}.BackArrow:hover{-webkit-transform:translateX(-5px);transform:translateX(-5px);background-color:hsla(0,0%,100%,.1)}.BackArrow.BackArrow--white{background:#fff;color:#000;-webkit-box-shadow:2px 10px 30px rgba(0,0,0,.1);box-shadow:2px 10px 30px rgba(0,0,0,.1)}.BackArrow svg{width:20px;height:20px;margin-right:5px}:root{--color-white:#fff;--color-bg:#f0f1f7;--color-text-black:#232323;--color-text-gray:rgba(50,48,67,0.35);--color-text-gray-dark:rgba(50,48,67,0.55);--color-border:#ccc;--color-text-white:#fff;--color-text-blue:#373c58;--color-text-inactive:#a9a9a9;--color-blue-light:#474e7a;--color-blue-lighter:#7179a8;--color-blue:#373c58;--color-yellow-dark:#f7d01c;--color-yellow-start:#ffe89e;--color-row-alternate:#f3f3f3;--color-warning:#ffb53f;--color-green:#09d490;--color-green-dark:#239d74;--color-row-hover:rgba(0,0,0,0.1);--color-orange:#dd7600;--color-orange-dark:#953701;--color-blue-rgb:71,78,122;--color-red:#b03543;--color-red-rgb:176,53,67;--color-red-light:#b03543;--color-blue-dark:#342f54;--color-blue-darker:#11121c}*{-webkit-tap-highlight-color:transparent;-webkit-box-sizing:border-box;box-sizing:border-box}:focus{outline:none}ol,ul{margin:0;padding:0}img{display:block}figure,h1,h2,h3,h4,h5,p{margin:0}a{text-decoration:none}.ChartScrollX{overflow-x:auto;-webkit-overflow-scrolling:touch;width:100%;padding-bottom:8px}.ChartScrollX h2{padding-left:10px}.ChartScrollX .apexcharts-canvas{min-width:320px}.ChartScrollX::-webkit-scrollbar{height:6px}.ChartScrollX::-webkit-scrollbar-thumb{background:rgba(0,0,0,.08);border-radius:3px}.Chart{width:100%;background-image:linear-gradient(-42deg,#474e7a,#161936);-webkit-box-shadow:5px 5px 10px 0 rgba(0,0,0,.15);box-shadow:5px 5px 10px 0 rgba(0,0,0,.15);height:380px;margin-bottom:20px;position:relative;-webkit-transition:all .3s ease;transition:all .3s ease;overflow:hidden;padding:0 0;border-radius:5px}.Chart.is-sticky{margin-bottom:16px;position:sticky;top:0;z-index:1}.Chart.is-inActive{-webkit-filter:saturate(0) opacity(.35);filter:saturate(0) opacity(.35);-webkit-box-shadow:0 7px 10px 0 transparent;box-shadow:0 7px 10px 0 transparent}.Chart.is-loading{opacity:.7;pointer-events:none}.Chart.is-half-width{height:380px;width:50%;margin-right:30px;display:inline-block;-webkit-transform:translateX(0);transform:translateX(0)}.Chart.is-half-width:last-of-type{margin-right:0}.Chart.is-half-height{height:240px}.Chart.is-half-height.has-title{height:290px}.Chart.is-three-forth-height{height:320px}.Chart.is-quarter-height{height:140px}.Chart.is-quarter-height h2{display:none}.Chart h2{font-size:1.5rem;color:#fff;padding-top:15px;padding-left:15px}@media(max-width:1024px){.Chart h2{padding-top:15px;padding-left:20px;font-size:1rem}}.Chart.is-pie-chart * path{stroke:rgba(0,0,0,.2)!important}.Chart:not(.is-single-series) * text{font-family:inherit!important;text-shadow:1px 1px #000!important}.Chart.is-mobile .ChartsWrap{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.Chart.is-mobile .ChartsWrap .ChartContainer{width:100%;margin-bottom:20px;height:auto}.Chart.is-mobile h2{font-size:1.2rem;padding-top:10px;padding-left:10px}.Chart .apexcharts-xaxis-label,.Chart .apexcharts-yaxis-annotation-label,.Chart .apexcharts-yaxis-label{fill:hsla(0,0%,100%,.9)!important;font-weight:500!important;text-shadow:1px 1px 2px rgba(0,0,0,.5)!important}.Chart .apexcharts-yaxis-annotations .apexcharts-yaxis-annotation-label rect{fill:currentColor!important;opacity:.9!important;stroke:hsla(0,0%,100%,.3)!important;stroke-width:1px!important}.Chart .apexcharts-yaxis-annotations .apexcharts-yaxis-annotation-label:first-child rect{fill:#09d490!important}.Chart .apexcharts-yaxis-annotations .apexcharts-yaxis-annotation-label:nth-child(2) rect{fill:#f7d01c!important}.Chart .apexcharts-yaxis-annotations .apexcharts-yaxis-annotation-label text{fill:#000!important;font-weight:600!important;font-size:10px!important}.Chart .apexcharts-xaxis-label tspan,.Chart .apexcharts-yaxis-label tspan{background:rgba(0,0,0,.3);padding:2px 4px;border-radius:2px}.Chart .apexcharts-xaxis-texts-g text,.Chart .apexcharts-yaxis-texts-g text{-webkit-filter:drop-shadow(0 0 1px rgba(0,0,0,.8));filter:drop-shadow(0 0 1px rgba(0,0,0,.8))}.ChartsWrap{display:-webkit-box;display:-ms-flexbox;display:flex}@media(max-width:756px){.ChartsWrap{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}}.ChartContainer{-webkit-box-flex:1;-ms-flex:1;flex:1;height:320px;margin:0 5px}@media(max-width:756px){.ChartContainer{width:100%;margin:0 0 20px 0;height:auto}}.tooltip-content{background:#fff;color:#000;padding:10px;border-radius:5px;-webkit-box-shadow:0 0 10px rgba(0,0,0,.1);box-shadow:0 0 10px rgba(0,0,0,.1);font-size:12px}@media(max-width:756px){.tooltip-content{padding:6px;font-size:10px}}.tooltip-content b{font-weight:700}@media(max-width:756px){.Chart{height:auto;min-height:320px}.Chart.has-dual-charts{min-height:520px}.Chart.is-half-height{min-height:280px}.Chart.is-half-height.has-dual-charts{min-height:440px}.Chart.is-quarter-height{min-height:160px}.Chart.is-quarter-height.has-dual-charts{min-height:280px}.apexcharts-legend{padding:0!important;margin:0!important}.apexcharts-tooltip{max-width:200px}.Chart h2,.ChartScrollX h2{font-size:1rem;padding-top:6px;padding-left:8px}}.chart-legend{position:absolute;top:15px;right:15px;display:-webkit-box;display:-ms-flexbox;display:flex;gap:16px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;z-index:10}@media(max-width:1024px){.chart-legend{gap:12px}}.legend-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:6px}.legend-color{width:12px;height:12px;border-radius:2px;display:inline-block;border:1px solid hsla(0,0%,100%,.3)}.legend-label{font-size:.85rem;color:hsla(0,0%,100%,.9);font-weight:500}@media(max-width:1024px){.legend-label{font-size:.8rem}}@media(max-width:480px){.is-pie-chart .apexcharts-legend-series{margin:2px 5px!important}.apexcharts-legend-marker{margin-right:3px!important}}[data-v-9b8d6e26]:root{--color-white:#fff;--color-bg:#f0f1f7;--color-text-black:#232323;--color-text-gray:rgba(50,48,67,0.35);--color-text-gray-dark:rgba(50,48,67,0.55);--color-border:#ccc;--color-text-white:#fff;--color-text-blue:#373c58;--color-text-inactive:#a9a9a9;--color-blue-light:#474e7a;--color-blue-lighter:#7179a8;--color-blue:#373c58;--color-yellow-dark:#f7d01c;--color-yellow-start:#ffe89e;--color-row-alternate:#f3f3f3;--color-warning:#ffb53f;--color-green:#09d490;--color-green-dark:#239d74;--color-row-hover:rgba(0,0,0,0.1);--color-orange:#dd7600;--color-orange-dark:#953701;--color-blue-rgb:71,78,122;--color-red:#b03543;--color-red-rgb:176,53,67;--color-red-light:#b03543;--color-blue-dark:#342f54;--color-blue-darker:#11121c}@font-face{font-display:swap;font-family:Outfit;font-style:normal;font-weight:400;src:url(/fonts/outfit-v11-latin-regular.woff2) format("woff2")}@font-face{font-display:swap;font-family:Outfit;font-style:normal;font-weight:700;src:url(/fonts/outfit-v11-latin-700.woff2) format("woff2")}.EmployeeDetails[data-v-9b8d6e26]{margin:0 auto;padding:0 20px 0 0;width:100%}.EmployeeDetails .OverviewCards[data-v-9b8d6e26]{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:4px;margin:0 0 20px 0}@media screen and (max-width:768px){.EmployeeDetails .OverviewCards[data-v-9b8d6e26]{grid-template-columns:repeat(3,1fr);gap:4px;margin:12px 0}}@media screen and (max-width:480px){.EmployeeDetails .OverviewCards[data-v-9b8d6e26]{grid-template-columns:repeat(1,1fr);gap:4px;margin:12px 0}}@media screen and (max-width:768px){.EmployeeDetails[data-v-9b8d6e26]{padding:0 10px;margin-bottom:80px}}[data-v-9b8d6e26]{-webkit-tap-highlight-color:transparent;-webkit-box-sizing:border-box;box-sizing:border-box}[data-v-9b8d6e26]:focus{outline:none}ol[data-v-9b8d6e26],ul[data-v-9b8d6e26]{margin:0;padding:0}img[data-v-9b8d6e26]{display:block}figure[data-v-9b8d6e26],h1[data-v-9b8d6e26],h2[data-v-9b8d6e26],h3[data-v-9b8d6e26],h4[data-v-9b8d6e26],h5[data-v-9b8d6e26],p[data-v-9b8d6e26]{margin:0}a[data-v-9b8d6e26]{text-decoration:none}.EmployeeDetails[data-v-9b8d6e26]{padding:20px}.EmployeeDetails .PageHeader[data-v-9b8d6e26]{margin-top:40px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.EmployeeDetails .EmployeeName[data-v-9b8d6e26]{font-size:1.5rem;font-weight:700}.EmployeeDetails .OverviewCards[data-v-9b8d6e26]{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:8px;margin-bottom:24px}@media(min-width:1400px){.EmployeeDetails .OverviewCards[data-v-9b8d6e26]{grid-template-columns:repeat(7,1fr)}}@media(min-width:1200px)and (max-width:1399px){.EmployeeDetails .OverviewCards[data-v-9b8d6e26]{grid-template-columns:repeat(5,1fr)}}@media(min-width:768px)and (max-width:1199px){.EmployeeDetails .OverviewCards[data-v-9b8d6e26]{grid-template-columns:repeat(3,1fr)}}@media(max-width:767px){.EmployeeDetails .OverviewCards[data-v-9b8d6e26]{grid-template-columns:repeat(2,1fr);gap:4px}}@media(max-width:480px){.EmployeeDetails .OverviewCards[data-v-9b8d6e26]{grid-template-columns:repeat(1,1fr);gap:2px}}.EmployeeDetails .ActionButtons[data-v-9b8d6e26]{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.EmployeeDetails .ActionButtons[data-v-9b8d6e26],.EmployeeDetails .ExpensesAndRevenueTableSection[data-v-9b8d6e26]{display:-webkit-box;display:-ms-flexbox;display:flex;gap:10px}.EmployeeDetails .ExpensesTableSection[data-v-9b8d6e26],.EmployeeDetails .RevenueTableSection[data-v-9b8d6e26]{-webkit-box-flex:1;-ms-flex:1;flex:1;margin-top:10px}.EmployeeDetails .ExpensesTableSection h3[data-v-9b8d6e26],.EmployeeDetails .RevenueTableSection h3[data-v-9b8d6e26]{font-size:1.5rem;font-weight:700;margin-bottom:20px}.EmployeeDetails .FilterButtons[data-v-9b8d6e26]{display:-webkit-box;display:-ms-flexbox;display:flex;gap:10px;margin-bottom:20px}.EmployeeDetails .FilterButton[data-v-9b8d6e26]{padding:10px;border-radius:8px;border:none;background-color:rgba(0,0,0,.1);cursor:pointer;font-size:.75rem;color:rgba(0,0,0,.7);-webkit-transition:background-color .3s ease,color .3s ease;transition:background-color .3s ease,color .3s ease}.EmployeeDetails .FilterButton.isActive[data-v-9b8d6e26],.EmployeeDetails .FilterButton[data-v-9b8d6e26]:hover{background-color:rgba(0,0,0,.8);color:#fff}.EmployeeDetails .ChartButtons[data-v-9b8d6e26]{display:-webkit-box;display:-ms-flexbox;display:flex;gap:2px;margin-bottom:10px}.EmployeeDetails .IconButton[data-v-9b8d6e26]{padding:3px;border-radius:3px;background:transparent;cursor:pointer;width:24px;height:24px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border:1px solid transparent}.EmployeeDetails .IconButton[data-v-9b8d6e26]:hover{background:rgba(0,0,0,.2);border:1px solid rgba(0,0,0,.2)}.EmployeeDetails .IconButton.isActive[data-v-9b8d6e26]{background:rgba(0,0,0,.2)}.EmployeeDetails .IconButton svg[data-v-9b8d6e26]{width:12px;height:12px}.SettingsInputs[data-v-9b8d6e26]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:15px;margin-top:15px}.ServiceInput[data-v-9b8d6e26]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-weight:700}.ServiceInput label[data-v-9b8d6e26]{-webkit-box-flex:.5;-ms-flex:.5;flex:.5}.ServiceInput .InputWrap[data-v-9b8d6e26]{border:1px solid #ddd;border-radius:5px;text-align:center;font-weight:700;background-color:rgba(0,0,0,.05);width:120px}