@import"https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap";*{margin:0;padding:0;box-sizing:border-box;scrollbar-width:thin;scrollbar-color:#617aeb #e6ecfd}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:#e6ecfd;border-radius:5px}::-webkit-scrollbar-thumb{background:#617aeb;border-radius:10px}*::-webkit-scrollbar-button{display:none}body{font-family:Poppins,Arial,Helvetica,sans-serif;min-height:100vh;width:100vw;position:relative}#loading{position:fixed;width:100vw;height:100vh;background-color:#fff;left:0;top:0;z-index:1000;display:none;align-items:center;justify-content:center}#loading .loading-error{display:none}#loading .loading-symbol,#loading .failed-symbol{display:block;width:50px;height:fit;font-size:40px}#loading .loading-symbol{animation:animation 1s linear;animation-iteration-count:infinite}body.loading{overflow:hidden}body.loading #dashboard{opacity:0}body.loading #loading,body.failed #loading{display:flex}body.failed #dashboard,body.failed #loading .loading-symbol{display:none}body.failed #loading .loading-error{display:flex;flex-direction:column;align-items:center;justify-content:center}#dashboard{width:1210px;height:700px;display:flex;background-color:#fefefe;opacity:100%;transition:opacity .3s linear}#side-bar{height:100%;width:50px;display:flex;flex-direction:column;align-items:center;padding-block:.8em;padding-top:1em;flex-grow:1;background-color:#e6ecfd}#side-bar img{width:60%;margin-bottom:1.2em}#side-bar h2{margin-bottom:.7em}#side-bar a.button{display:flex;align-items:center;justify-content:center;height:auto;margin-bottom:1em;cursor:pointer}#side-bar a.button i{display:block;background:url("data:image/svg+xml,%3csvg%20width='12'%20height='16'%20viewBox='0%200%2012%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M12%203.69157V3.875H8V0H8.18934C8.38825%201.00749e-06%208.57901%200.0765441%208.71966%200.212792L11.7803%203.1778C11.921%203.31406%2012%203.49887%2012%203.69157ZM7.75%204.84375C7.3375%204.84375%207%204.5168%207%204.11719V0H0.75C0.335781%200%200%200.325288%200%200.726563V14.7734C0%2015.1747%200.335781%2015.5%200.75%2015.5H11.25C11.6642%2015.5%2012%2015.1747%2012%2014.7734V4.84375H7.75ZM3.51703%205.32813C4.34547%205.32813%205.01703%205.9787%205.01703%206.78125C5.01703%207.5838%204.34547%208.23438%203.51703%208.23438C2.68859%208.23438%202.01703%207.5838%202.01703%206.78125C2.01703%205.9787%202.68862%205.32813%203.51703%205.32813ZM10.017%2012.5938H2.01703L2.03219%2011.1259L3.26703%209.92969C3.41347%209.78783%203.63575%209.80251%203.78219%209.94437L5.01703%2011.1406L8.25187%208.00687C8.39831%207.86501%208.63575%207.86501%208.78222%208.00687L10.017%209.20313V12.5938Z'%20fill='%23617aeb'/%3e%3c/svg%3e") center no-repeat;background-size:cover;width:1em;height:1.4em;font-size:16px}#side-bar a.button:nth-of-type(2) i{display:block;background:url("data:image/svg+xml,%3csvg%20width='12'%20height='17'%20viewBox='0%200%2012%2017'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M5.68437%208.50313C5.52812%208.00313%205.53125%207.0375%205.62187%207.0375C5.88437%207.0375%205.85938%208.19063%205.68437%208.50313ZM5.63125%209.97812C5.39062%2010.6094%205.09063%2011.3313%204.74375%2011.9375C5.31563%2011.7188%205.9625%2011.4%206.70937%2011.2531C6.3125%2010.9531%205.93125%2010.5219%205.63125%209.97812ZM2.69062%2013.8781C2.69062%2013.9031%203.10313%2013.7094%203.78125%2012.6219C3.57188%2012.8187%202.87188%2013.3875%202.69062%2013.8781ZM7.75%205.5H12V15.75C12%2016.1656%2011.6656%2016.5%2011.25%2016.5H0.75C0.334375%2016.5%200%2016.1656%200%2015.75V1.25C0%200.834375%200.334375%200.5%200.75%200.5H7V4.75C7%205.1625%207.3375%205.5%207.75%205.5ZM7.5%2010.8687C6.875%2010.4875%206.45937%209.9625%206.16563%209.1875C6.30625%208.60938%206.52812%207.73125%206.35938%207.18125C6.2125%206.2625%205.03437%206.35313%204.86562%206.96875C4.70937%207.54063%204.85313%208.34688%205.11875%209.375C4.75625%2010.2375%204.22188%2011.3937%203.84375%2012.0562C3.84063%2012.0562%203.84063%2012.0594%203.8375%2012.0594C2.99063%2012.4937%201.5375%2013.45%202.13438%2014.1844C2.30938%2014.4%202.63438%2014.4969%202.80625%2014.4969C3.36563%2014.4969%203.92187%2013.9344%204.71562%2012.5656C5.52187%2012.3%206.40625%2011.9688%207.18437%2011.8406C7.8625%2012.2094%208.65625%2012.45%209.18437%2012.45C10.0969%2012.45%2010.1594%2011.45%209.8%2011.0938C9.36563%2010.6687%208.10312%2010.7906%207.5%2010.8687ZM11.7812%203.78125L8.71875%200.71875C8.57812%200.578125%208.3875%200.5%208.1875%200.5H8V4.5H12V4.30938C12%204.1125%2011.9219%203.92188%2011.7812%203.78125ZM9.46562%2011.7594C9.59375%2011.675%209.3875%2011.3875%208.12813%2011.4781C9.2875%2011.9719%209.46562%2011.7594%209.46562%2011.7594Z'%20fill='%23617aeb'/%3e%3c/svg%3e") center no-repeat;background-size:cover;width:1em;height:1.4em;font-size:16px}#side-bar a.button:nth-of-type(4){display:block}#side-bar a.button:nth-of-type(4) i{display:block;background:url("data:image/svg+xml,%3csvg%20width='26'%20height='26'%20viewBox='0%200%2026%2026'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M17.3841%208.65112C16.6531%204.1492%2014.9289%200.988281%2012.9225%200.988281C10.916%200.988281%209.19188%204.1492%208.46089%208.65112H17.3841ZM8.08279%2013.4908C8.08279%2014.61%208.14328%2015.6838%208.24915%2016.7173H17.5908C17.6966%2015.6838%2017.7571%2014.61%2017.7571%2013.4908C17.7571%2012.3716%2017.6966%2011.2978%2017.5908%2010.2643H8.24915C8.14328%2011.2978%208.08279%2012.3716%208.08279%2013.4908ZM24.452%208.65112C23.0102%205.22805%2020.0913%202.58134%2016.4867%201.51258C17.7168%203.21655%2018.5637%205.7826%2019.0074%208.65112H24.452ZM9.3532%201.51258C5.75369%202.58134%202.82971%205.22805%201.39293%208.65112H6.83758C7.27617%205.7826%208.12312%203.21655%209.3532%201.51258ZM24.9914%2010.2643H19.209C19.3149%2011.323%2019.3754%2012.4069%2019.3754%2013.4908C19.3754%2014.5747%2019.3149%2015.6586%2019.209%2016.7173H24.9864C25.2637%2015.6838%2025.42%2014.61%2025.42%2013.4908C25.42%2012.3716%2025.2637%2011.2978%2024.9914%2010.2643ZM6.46956%2013.4908C6.46956%2012.4069%206.53006%2011.323%206.63592%2010.2643H0.853508C0.581275%2011.2978%200.419952%2012.3716%200.419952%2013.4908C0.419952%2014.61%200.581275%2015.6838%200.853508%2016.7173H6.63088C6.53006%2015.6586%206.46956%2014.5747%206.46956%2013.4908ZM8.46089%2018.3305C9.19188%2022.8324%2010.916%2025.9933%2012.9225%2025.9933C14.9289%2025.9933%2016.6531%2022.8324%2017.3841%2018.3305H8.46089ZM16.4917%2025.469C20.0913%2024.4003%2023.0152%2021.7536%2024.4571%2018.3305H19.0124C18.5688%2021.199%2017.7218%2023.7651%2016.4917%2025.469ZM1.39293%2018.3305C2.83475%2021.7536%205.75369%2024.4003%209.35825%2025.469C8.12816%2023.7651%207.28121%2021.199%206.83758%2018.3305H1.39293Z'%20fill='%23617aeb'/%3e%3c/svg%3e") center no-repeat;background-size:cover;width:1em;height:1em;font-size:20px}#side-bar a.button:nth-of-type(3){margin-top:auto;width:1em;overflow:visible}#side-bar a.button:nth-of-type(3) i{display:block;background:url("data:image/svg+xml,%3csvg%20width='12'%20height='12'%20viewBox='0%200%2012%2012'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M2.68607%2011.9997H0.198214V3.98813H2.68607V11.9997ZM1.4408%202.89527C0.645268%202.89527%200%202.23634%200%201.4408C5.6941e-09%201.05868%200.151799%200.692205%200.422002%200.422002C0.692205%200.151799%201.05868%200%201.4408%200C1.82293%200%202.1894%200.151799%202.45961%200.422002C2.72981%200.692205%202.88161%201.05868%202.88161%201.4408C2.88161%202.23634%202.23607%202.89527%201.4408%202.89527ZM11.9973%2011.9997H9.51482V8.09973C9.51482%207.17027%209.49607%205.9783%208.22134%205.9783C6.92786%205.9783%206.72964%206.98813%206.72964%208.03277V11.9997H4.24446V3.98813H6.63054V5.08098H6.66536C6.9975%204.45152%207.80884%203.78723%209.01929%203.78723C11.5371%203.78723%2012%205.44527%2012%207.59884V11.9997H11.9973Z'%20fill='%23617aeb'/%3e%3c/svg%3e") center no-repeat;background-size:cover;width:1.5em;height:.95em;font-size:16px}#viz-container{width:1167px;height:100%;padding-inline:1em;padding-block:.8em;display:flex;flex-direction:column;flex-grow:1}.tooltip{width:fit;height:fit;background:#fefefe;position:absolute;top:0;left:0;display:none;pointer-events:none;z-index:100000;color:#2940d6;padding-inline:1em;padding-block:.5em}.tooltip .row{display:flex;justify-content:space-between}.tooltip .row span{white-space:nowrap}.tooltip .row span:nth-of-type(2){font-weight:500;margin-left:50px}.tooltip.visible{display:block}header{width:100%}main{width:100%;display:flex;flex-grow:1;margin-block:1em}#container-section-1{display:flex;flex-direction:column;width:40%;height:100%;margin-right:1em}#container-section-1 .card{width:100%;height:100%;padding:1em}#container-section-1 .card h3{font-size:1.3em;font-weight:400}#container-section-1 .card-1{display:flex;flex-direction:column;margin-bottom:1em;background-color:#e6ecfd}#container-section-1 .card-1 h3{margin-bottom:1.2em}#container-section-1 .card-1 .container{display:flex;width:100%;flex-grow:1;overflow:visible}#container-section-1 .card-1 .container .legend-kpi{display:flex;flex-direction:column;align-items:end;width:25%;height:100%;margin-right:1em}#container-section-1 .card-1 .container .legend-kpi .legend{width:100%;height:fit}#container-section-1 .card-1 .container .legend-kpi .legend .row{display:flex;justify-content:space-between;align-items:center;font-size:.8em}#container-section-1 .card-1 .container .legend-kpi .legend .row .legend-bar{width:20px;height:8px;background-color:#617aeb}#container-section-1 .card-1 .container .legend-kpi .legend .row .legend-line{width:20px;height:1px;background-color:#464de4;position:relative}#container-section-1 .card-1 .container .legend-kpi .legend .row .legend-line:before{content:"";position:absolute;width:5px;height:5px;left:50%;top:0;transform:translate(-50%,-20%);background-color:#e6ecfd;border-radius:50%}#container-section-1 .card-1 .container .legend-kpi .kpi{display:flex;flex-direction:column;align-items:end;margin-top:auto}#container-section-1 .card-1 .container .legend-kpi .kpi .kpi-item:nth-of-type(1){font-size:1.4em;margin-top:auto}#container-section-1 .card-1 .container .legend-kpi .kpi .kpi-item:nth-of-type(2){font-size:.9em;color:#2940d6;margin-bottom:1em}#container-section-1 .card-1 .container .legend-kpi .kpi .kpi-item:nth-of-type(3){font-size:.8em;width:100%;color:#fff;background-color:#2940d6;padding-inline:.7em;padding-block:.4em;transition:.2s background-color linear}#container-section-1 .card-1 .container .legend-kpi .kpi .kpi-item:nth-of-type(3).gain{background-color:#2940d6}#container-section-1 .card-1 .container .legend-kpi .kpi .kpi-item:nth-of-type(3).loss{background-color:#f61f14}#container-section-1 .card-1 .container .viz#total-sales{position:relative;display:flex;flex-direction:column;flex-grow:1;background:#e6ecfd;z-index:1000}#container-section-1 .card-1 .container .viz#total-sales svg.bar-chart{margin-top:auto}#container-section-1 .card-1 .container .viz#total-sales .bar{fill:#617aeb;transition:fill linear .2s}#container-section-1 .card-1 .container .viz#total-sales .bar.max{fill:#2940d6}#container-section-1 .card-1 .container .viz#total-sales .tick line,#container-section-1 .card-1 .container .viz#total-sales .domain{display:none}#container-section-1 .card-1 .container .viz#total-sales .tick text{fill:#2940d6;font-weight:600}#container-section-1 .card-1 .container .viz#total-sales #line-chart:hover{stroke-width:3px}#container-section-1 .card-1 .container .viz#total-sales circle:hover{r:4px}#container-section-1 .card-2{background-color:#e6ecfd;display:flex;flex-direction:column}#container-section-1 .card-2 h3{margin-bottom:1em}#container-section-1 .card-2 .legend{margin-bottom:.5em;width:150px}#container-section-1 .card-2 .legend .legend-item{display:flex;align-items:center;justify-content:space-between;font-size:.8em}#container-section-1 .card-2 .legend .legend-item .bar{height:10px;width:30px;background-color:#617aeb}#container-section-1 .card-2 .legend .legend-item .line{height:10px;width:30px;background:linear-gradient(#2940d699,#e6ecfd)}#container-section-1 .card-2 .viz{display:flex;flex-direction:column;justify-content:space-between;flex-grow:1;position:relative}#container-section-1 .card-2 .viz .cat{display:grid;grid-template-columns:1.2fr 1fr 1fr}#container-section-1 .card-2 .viz .cat span{font-size:15px}#container-section-1 .card-2 .viz .cat .bar-chart{background:#617aeb4d}#container-section-1 .card-2 .viz .cat>*{align-self:center}#container-section-2{display:grid;grid-template-columns:.43fr .57fr;grid-template-rows:1fr 1fr;gap:1em;width:60%;height:100%}#container-section-2 .card{width:100%;background-color:orange;padding:1em}#container-section-2 .card h3{font-weight:400}#container-section-2 .card-1{display:flex;flex-direction:column;background:#e6ecfd}#container-section-2 .card-1 h3{font-size:1em;margin-bottom:1em}#container-section-2 .card-1 .legend{display:flex;justify-content:space-between;font-size:12px;flex-wrap:wrap;margin-bottom:.5em}#container-section-2 .card-1 .legend .legend-item{display:flex;align-items:center}#container-section-2 .card-1 .legend .legend-item .color{margin-right:5px}#container-section-2 .card-1 .legend .color{width:20px;height:6px;background-color:red}#container-section-2 .card-1 .viz{flex-grow:1;max-height:173px;position:relative;z-index:1}#container-section-2 .card-2{font-size:1.2em;background-color:#e6ecfd;padding:1em;display:flex;flex-direction:column}#container-section-2 .card-2 #selection{margin-bottom:1em}#container-section-2 .card-2 #year-selection{display:flex;justify-content:space-between}#container-section-2 .card-2 #year-selection .year{padding:1em;padding-block:.3em;width:100px;text-align:center;border:solid 2px #2940d6;cursor:pointer;user-select:none;-webkit-user-select:none;-moz-user-select:none}#container-section-2 .card-2 #year-selection .year.active{background-color:#2940d6;color:#e6ecfd;pointer-events:none}#container-section-2 .card-2 #year-selection .year:hover{background-color:#2940d6;color:#e6ecfd}#container-section-2 .card-2 .description{width:100%;padding:.5em;flex-grow:1;background:linear-gradient(135deg,#2940d6,#617aeb);color:#fefefe}#container-section-2 .card-2 .description h3{margin-bottom:.8em}#container-section-2 .card-2 .description p{font-size:.8em}#container-section-2 .card-3{overflow:auto;max-height:286px;position:relative}#container-section-2 .card-3 h3{font-size:1.3em}#container-section-2 .card-3 .heading{display:flex;justify-content:space-between;margin-bottom:2em}#container-section-2 .card-3 .heading .dim-selection{display:flex;align-items:center;justify-content:center;width:100px;height:fit;font-size:.7em;padding-block:.8em;color:#fefefe;background-color:#2940d6;position:relative;overflow:visible;cursor:pointer;user-select:none;-webkit-user-select:none;-moz-user-select:none}#container-section-2 .card-3 .heading .dim-selection .selection{position:absolute;width:100%;height:fit;left:0;top:100%;flex-direction:column;border-left:2px solid #2940d6;border-right:2px solid #2940d6;color:#2940d6;display:none}#container-section-2 .card-3 .heading .dim-selection .selection span{display:block;width:100%;text-align:center;height:100%;padding-block:.8em;align-self:center;font-weight:600;border-bottom:2px solid #2940d6;z-index:1000;background-color:#e6ecfd}#container-section-2 .card-3 .heading .dim-selection .selection span:hover{color:#fefefe;background-color:#2940d6}#container-section-2 .card-3 .heading .dim-selection.active .selection{display:flex}#container-section-2 .card-3 table{width:100%;border-collapse:collapse;table-layout:fixed;font-size:.9em}#container-section-2 .card-3 table thead{background-color:#2940d6;color:#fefefe;font-size:.9em;position:sticky;top:calc(-1em - 3px)}#container-section-2 .card-3 table thead th{padding-block:.7em;padding-inline:.5em;border-right:2px solid #fff}#container-section-2 .card-3 table thead th:last-child{border-right:none}#container-section-2 .card-3 table tbody tr td:nth-of-type(1){white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#container-section-2 .card-3 table tbody tr td{padding-block:.7em;padding-inline:.5em;border:1px solid #2940d6}#container-section-2 .card-3 table tbody tr td:nth-of-type(4){text-align:center;vertical-align:middle;padding:0}#container-section-2 .card-3 table tbody tr td:nth-of-type(4) svg{display:block;margin-inline:9.7px}#container-section-2 .card-3 table.customer thead th:nth-of-type(1),#container-section-2 .card-3 table.customer thead th:nth-of-type(4){width:auto}#container-section-2 .card-3 table.customer thead th:nth-of-type(2){width:25%}#container-section-2 .card-3 table.customer thead th:nth-of-type(3){width:25%}#container-section-2 .card-3 table.customer thead th:nth-of-type(4){width:120px}#container-section-2 .card-3 table.product thead th{width:auto}#container-section-2 .card-3 table.product thead th:nth-of-type(2){width:25%}#container-section-2 .card-3 table.product thead th:nth-of-type(3){width:15%}#container-section-2 .card-3 table.product thead th:nth-of-type(4){width:120px}#container-section-2 .card-3 table.product tbody tr td:nth-of-type(3){text-align:center;position:relative}#container-section-2 .card-3 table.product tbody tr td:nth-of-type(3):before{content:"";position:absolute;left:50%;top:50%;width:30px;height:30px;background-color:#2940d64d;text-align:center;border-radius:50%;transform:translate(-50%,-50%)}#container-section-2 .card-1{width:100%;height:100%;margin-right:1em;margin-bottom:1em;grid-area:1/1/2/2}#container-section-2 .card-2{width:100%;height:100%;margin-bottom:1em;grid-area:1/2/2/3}#container-section-2 .card-3{width:100%;height:100%;grid-area:2/1/3/3;background-color:#e6ecfd;overflow-x:visible}footer{width:100%;margin-top:auto;font-size:12px;display:flex;align-items:end;flex-direction:column;color:#2940d6}@media (min-width: 1300px){body{display:flex;justify-content:center;align-items:center}body #dashboard{border:2px solid #2940d6}}@keyframes animation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}