@import"https://fonts.googleapis.com/css2?family=Urbanist:wght@100;200;300;400;500;600;700;800;900&display=swap";.headerContainer{display:flex;flex-direction:column}@media (max-width: 800px){.headerContainer{padding-inline:10px}}.headerContainer .leftRight{display:flex;justify-content:space-between;height:146px;padding:28px 0}@media (max-width: 1190px){.headerContainer .leftRight{height:200px}}@media (max-width: 800px){.headerContainer .leftRight{height:140px}}.headerContainer .leftRight .left{display:flex;align-items:center;gap:16px}.headerContainer .leftRight .left img{width:82px}@media (max-width: 1530px){.headerContainer .leftRight .left h1{font-size:31px}}@media (max-width: 1190px){.headerContainer .leftRight .left{flex-direction:column;align-items:flex-start}.headerContainer .leftRight .left h1{display:flex;flex-direction:column}.headerContainer .leftRight .left h1 .greeting{font-size:16px}}@media (max-width: 800px){.headerContainer .leftRight .left h1{display:none}}.headerContainer .leftRight .right{display:flex;flex-direction:column;justify-content:center;align-items:end}@media (max-width: 1190px){.headerContainer .leftRight .right{justify-content:flex-start;padding-top:10px}}@media (max-width: 800px){.headerContainer .leftRight .right{padding-top:4px}}.headerContainer .leftRight .right .botName{display:flex;margin-bottom:6px}@media (max-width: 800px){.headerContainer .leftRight .right .botName span{display:block;text-align:right}.headerContainer .leftRight .right .botName span:first-child{font-size:16px}.headerContainer .leftRight .right .botName span:last-child{font-size:25px}}.headerContainer .leftRight .right .botName .userProfile{padding:6px 12px 0 0}@media (max-width: 800px){.headerContainer .leftRight .right .botName .userProfile{display:none}}.headerContainer .leftRight .right .botName .logout{padding:6px 0 0 16px}@media (max-width: 800px){.headerContainer .leftRight .right .botName .logout{display:none}}@media (max-width: 800px){.headerContainer .leftRight .right .botNumber span:first-child{display:none}}.headerContainer .leftRight .right .botNumber .number{border:1px solid #a8a29e;border-radius:12px;padding-inline:10px;padding-block:2px;margin-left:4px;position:relative}.headerContainer .leftRight .right .botNumber .number:hover button{color:#ff5f76}.headerContainer .leftRight .right .botNumber .copiedNumber{display:inline;position:absolute;top:0;left:12px;animation:moveUpAndFade 1s ease forwards;color:#e7203e;font-weight:300}@keyframes moveUpAndFade{0%{transform:translateY(0);opacity:1}to{transform:translateY(-20px);opacity:0}}.headerContainer .leftRight .right .botNumber img{padding-left:4px;transform:translateY(2px)}@media (max-width: 1530px){.headerContainer .leftRight .right h2{font-size:25px}.headerContainer .leftRight .right img{width:20px}.headerContainer .leftRight .right .botName .userProfile{padding:4px 8px 0 0}}.headerContainer .userNameMobile{display:none}@media (max-width: 800px){.headerContainer .userNameMobile{display:block}.headerContainer .userNameMobile .greeting{font-size:16px;font-weight:300}.headerContainer .userNameMobile .userFullName{font-size:31px}}.statsWrapper{display:flex;flex-wrap:wrap}@media (max-width: 1530px){.statsWrapper{flex-wrap:nowrap}}@media (max-width: 1190px){.statsWrapper{flex-wrap:wrap}.statsWrapper .statsOrder:nth-of-type(4){order:5}.statsWrapper .statsOrder:nth-of-type(5){order:4}}.statsContainer{background-color:#fff;border-radius:20px;width:120px;height:112px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#18d38b;gap:8px;margin-right:8px;box-shadow:2px 2px 8px #0000000a}@media (max-width: 1530px){.statsContainer{min-width:100px}}.statsContainer .title{display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:200;text-transform:uppercase;max-width:50px;gap:9px;color:#1c1917;font-weight:500}.statsContainer .counter{font-size:39px;font-weight:400;line-height:120%}.pending{background-color:#fff;color:#292524}.pending .pendingTitle{font-weight:500}.pendingIcon{color:#292524}.pendingCounter{color:#ff5f76}.duration{width:180px}@media (max-width: 1530px){.duration{min-width:160px}}.durationStats{display:flex;gap:10px;padding-left:16px}.durationStats .durationPercentage{transform:translateY(8px);position:relative;font-size:12px;text-align:center;color:#0f0}.durationStats .durationPercentage .arrow{content:url("data:image/svg+xml,%3csvg%20width='14'%20height='7'%20viewBox='0%200%2014%207'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M12.8125%206.16815L6.90624%201.00001L0.999979%206.16815'%20stroke='%23989898'/%3e%3c/svg%3e");filter:invert(51%) sepia(84%) saturate(3444%) hue-rotate(91deg) brightness(134%) contrast(114%);position:absolute;top:-10px;bottom:0;left:4px;right:0}.durationStats .durationPercentage .negative{transform:rotate(180deg);filter:invert(35%) sepia(99%) saturate(7486%) hue-rotate(355deg) brightness(99%) contrast(125%);position:absolute;top:32px;bottom:0;left:4px;right:0}.durationStats .percentageNegative{color:red}.chartsContainer{display:flex;flex-wrap:wrap}.dailyStatsWrapper{display:flex;height:112px;width:682px;background-color:#fff;border-radius:20px 0 0 20px;box-shadow:2px 2px 8px #0000000a}@media (max-width: 1530px){.dailyStatsWrapper{border-radius:20px}}@media (max-width: 1190px){.dailyStatsWrapper{margin-top:8px;width:708px}}.dailyStatsWrapper .dailyStatsContainer{min-width:166px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding-inline:8px}.dailyStatsWrapper .dailyStatsContainer .title{display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:500;text-transform:uppercase;max-width:150px;gap:9px}.dailyStatsWrapper .counterStats{display:flex;gap:10px;padding-left:8px}.dailyStatsWrapper .counterStats .counter{font-size:39px;font-weight:400;line-height:120%;color:#5f76ff}.dailyStatsWrapper .counterStats .callFrequency .callFrequencyPercentage{transform:translateY(16px);position:relative;font-size:12px;text-align:center;color:#0f0}.dailyStatsWrapper .counterStats .callFrequency .callFrequencyPercentage .arrow{content:url("data:image/svg+xml,%3csvg%20width='14'%20height='7'%20viewBox='0%200%2014%207'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M12.8125%206.16815L6.90624%201.00001L0.999979%206.16815'%20stroke='%23989898'/%3e%3c/svg%3e");filter:invert(51%) sepia(84%) saturate(3444%) hue-rotate(91deg) brightness(134%) contrast(114%);position:absolute;top:-10px;bottom:0;left:4px;right:0}.dailyStatsWrapper .counterStats .callFrequency .callFrequencyPercentage .negative{transform:rotate(180deg);filter:invert(35%) sepia(99%) saturate(7486%) hue-rotate(355deg) brightness(99%) contrast(125%);position:absolute;top:22px;bottom:0;left:4px;right:0}.dailyStatsWrapper .counterStats .callFrequency .percentageNegative{color:red}.dailyChartWrapper{width:100%;display:flex;align-items:center;gap:6px;padding-top:10px}.dailyChartWrapper .values{display:flex;flex-direction:column;align-items:flex-end;gap:8px;font-size:10px;color:#989898;padding-bottom:22px}.dailyChartWrapper .gridLayout{display:flex;flex-direction:column}.dailyChartWrapper .gridLayout .grid{min-height:72px;border-bottom:.5px solid #DADADA;border-left:.5px solid #DADADA;display:flex;align-items:flex-end;gap:8px;padding-left:8px;background-image:url("data:image/svg+xml,%3csvg%20width='486'%20height='47'%20viewBox='0%200%20486%2047'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cline%20x1='-2.18557e-08'%20y1='23.75'%20x2='486'%20y2='23.75'%20stroke='%23E1E1E1'%20stroke-width='0.5'/%3e%3cline%20x1='-2.18557e-08'%20y1='46.75'%20x2='486'%20y2='46.75'%20stroke='%23E1E1E1'%20stroke-width='0.5'/%3e%3cline%20x1='-2.18557e-08'%20y1='0.75'%20x2='486'%20y2='0.749958'%20stroke='%23E1E1E1'%20stroke-width='0.5'/%3e%3c/svg%3e")}.dailyChartWrapper .gridLayout .grid .bar{width:8px;background-color:#dad7cf;border-radius:10px 10px 0 0;cursor:pointer;position:relative}.dailyChartWrapper .gridLayout .grid .bar .infoBubble{background-image:url("data:image/svg+xml,%3csvg%20width='26'%20height='21'%20viewBox='0%200%2026%2021'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M4.4%200C1.96995%200%200%201.79086%200%204V13C0%2015.2091%201.96995%2017%204.4%2017H8.6L13%2021L17.4%2017H21.6C24.0301%2017%2026%2015.2091%2026%2013V4C26%201.79086%2024.0301%200%2021.6%200H4.4Z'%20fill='%23292524'/%3e%3c/svg%3e");position:absolute;width:26px;height:21px;top:-26px;right:-9px;display:none;justify-content:center;align-items:center}.dailyChartWrapper .gridLayout .grid .bar .infoBubble span{color:#fff;font-size:11px;transform:translateY(-2px)}.dailyChartWrapper .gridLayout .grid .bar .infoBubble:hover{display:flex}.dailyChartWrapper .gridLayout .grid .bar:hover{background-color:#292524}.dailyChartWrapper .gridLayout .grid .bar:hover .infoBubble{display:flex}.dailyChartWrapper .gridLayout .grid .barHighlight{background-color:#bdbab4}.dailyChartWrapper .gridLayout .chartDates{display:flex;gap:82px;font-size:12px;color:#989898;padding-top:6px}.heatMapContainer{height:112px;width:298px;background-color:#fff;border-radius:0 20px 20px 0;font-size:14px}@media (max-width: 1530px){.heatMapContainer{display:none}}@media (max-width: 1190px){.heatMapContainer{display:flex;border-radius:20px;width:264px}}.heatMapContainer .heatmap-grid{display:grid;grid-template-columns:auto repeat(18,1fr);padding-inline:20px;padding-top:6px}@media (max-width: 1190px){.heatMapContainer .heatmap-grid{width:264px;padding-inline:12px}}.heatMapContainer .heatmap-grid .hour-labels{grid-column:2/-1;display:flex;justify-content:space-between;font-size:10px;color:#989898;margin-bottom:.5rem}.heatMapContainer .heatmap-grid .day-label{display:flex;align-items:center;justify-content:flex-end;padding-right:.5rem;font-size:10px;color:#989898}.heatMapContainer .heatmap-grid .heatmap-cell{margin-inline:1px;margin-block:1px;border-radius:2px;transition:transform .1s ease-in-out}.heatMapContainer .heatmap-grid .heatmap-cell.loading{background-color:#f6f6f6!important}.heatMapContainer .heatmap-grid .heatmap-cell:hover{transform:scale(1.1)}.cardContainer{width:350px;height:430px;border-radius:32px;display:flex;flex-direction:column;justify-content:space-between;padding-inline:20px 10px;padding-top:10px;position:relative;box-shadow:2px 2px 8px #0000000a;--background-color: white;--phoneNumber-background: #F4F3F3;--phoneNumber-icon-color: #292524;--phoneNumber-text-color: #292524;--phoneNumber-text-weight: 500;--border-color: #e7e5e4;--category-text-color: #292524;--svg-color: #292524;--footer-text-color: $stone500;--footer-id-weight: 300;--switch-border-color: transparent;--switch-background-color: #F4F3F3;--slider-background-color: #292524;--switch-description-color: #292524;background-color:var(--background-color);border:1px solid var(--border-color)}@media (max-width: 800px){.cardContainer{width:100%}}.cardContainer .cardHeader{display:flex;justify-content:space-between}.cardContainer .cardHeader .callType{height:44px;display:flex;align-items:center;gap:10px;background-color:#f4f3f3;padding-inline:12px;padding-block:10px;border-radius:32px;color:var(--category-text-color)}.cardContainer .cardHeader .callType svg{stroke:var(--svg-color)}.cardContainer .cardHeader .callType .categoryIcon{stroke:var(--svg-categoryIcon-color)}.cardContainer .cardHeader .callType p{padding-right:8px}.cardContainer .cardHeader .showDetails{background-color:var(--arrowBackground-color);height:44px;width:44px;display:flex;align-items:center;justify-content:center;border-radius:50%}.cardContainer .cardHeader .showDetails .active{transform:rotate(-180deg) translateY(2px);transition-duration:.2s}.cardContainer .cardHeader .showDetails .inactive{transition-duration:.2s;transform:rotate(0) translateY(1px)}.cardContainer .cardHeader .showDetails svg{fill:var(--svg-color)}.cardContainer .cardContent{height:100%}.cardContainer .cardContent .mainInfo{margin-block:20px}.cardContainer .cardContent .mainInfo h2{font-weight:600;padding-bottom:4px}.cardContainer .cardContent .mainInfo .dateTime{font-weight:300}.cardContainer .cardContent .caller{padding-top:10px}.cardContainer .cardContent .caller h4{font-weight:600}.cardContainer .cardContent .caller .phoneNumber{font-weight:300;padding-top:8px}.cardContainer .cardContent .structuredData{display:flex;flex-direction:column;flex-wrap:wrap;margin-top:32px;gap:8px;max-height:100px;font-weight:300}.cardContainer .cardFooter{display:flex;justify-content:space-between;align-items:center;color:var(--footer-text-color);margin-bottom:20px}.cardContainer .cardFooter .switchSection{display:flex;align-items:center}.cardContainer .cardFooter .switchSection p{font-size:14px;color:var(--switch-description-color)}.cardContainer .cardFooter .switchSection .switch{margin-right:10px}.cardContainer .cardFooter .switchSection .switch input:checked+.slider:before{background-color:#1fdd84;transform:translate(16px)}.cardContainer .cardFooter .switchSection .switch .slider{background-color:var(--switch-background-color);border:1px solid var(--switch-border-color)}.cardContainer .cardFooter .switchSection .switch .slider:before{background-color:var(--slider-background-color);top:1px}.cardActive{position:absolute;z-index:999;bottom:-34px;left:38.5%;width:0;height:0;border-left:40px solid transparent;border-right:40px solid transparent;border-top:32px solid var(--arrowDown-color)}.newCardContainer{--background-color: white;--category-text-color: var(--mainColor);--svg-color: white;--svg-categoryIcon-color: var(--mainColor);--footer-id-weight: 300;--slider-background-color: var(--mainColor);--arrowDown-color: var(--mainColor);--arrowBackground-color: var(--mainColor)}.pendingCardContainer{--background-color: white;--border-color: #e7e5e4;--category-text-color: var(--mainColor);--svg-color: var(--mainColor);--svg-categoryIcon-color: var(--mainColor);--phoneNumber-icon-color: white;--phoneNumber-text-color: white;--phoneNumber-text-weight: 300;--switch-border-color: var(--mainColor);--slider-background-color: var(--mainColor);--arrowDown-color: var(--mainColor);--arrowBackground-color: #F4F3F3}.doneCardContainer{--background-color: rgb(255, 255, 255);background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAYAAABw4pVUAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAGNSURBVHgB7dgxasRAFAVB7d/7X3hhkcHY4MQTCAu3RCkRE9QwvLAfr9dr376+mdmez+f3cdv3fXu/35//3z7mb81c+fF3NHPGpcxxM0Zqmcf+42Sk/zdzxqXMcTNnXMocN2OkmDFSy4yRWmbOuJQ5buaMS5njZq78+DuaufLjxcXY4+9oxMWYERdjRlwUF5mVERdjRlysGSOJi8zCiIsxIy7GjLgYM+JizIiLMSMuxoy4GDPiorjIrIy4GDPiYs0YSVxkFkZcjBlxMWbExZgRF2NGXIwZcTFmxMWYERfFRWZlxMWYERdrxkjiIrMw4mLMiIsxIy7GjLgYM+JizIiLMSMuxoy4KC4yKyMuxoy4WDNGEheZhREXY0ZcjBlxMWbExZgRF2NGXIwZcTFmxEVxkVkZcTFmxMWaMZK4yCyMuBgz4mLMiIsxIy7GjLgYM+JizIiLMSMuiovMyoiLMSMu1oyRxEVmYcTFmBEXY0ZcjBlxMWbExZgRF2NGXIwZcVFcZFZGXIwZcbFmjNQyHysYQ6TmyjInAAAAAElFTkSuQmCC);color:#d3cec3;--svg-color: #D3CEC3;--category-text-color: #D3CEC3;--phoneNumber-icon-color: #D3CEC3;--phoneNumber-text-color: #D3CEC3;--footer-text-color: #D3CEC3;--switch-description-color: #1FDD84;--switch-border-color: #e9e4db;--arrowDown-color: #D3CEC3}.orderCategory{--mainColor: #FF5F76;--secondaryColor: white}.reservationCategory{--mainColor: #5F76FF;--secondaryColor: white}.unknownCategory{--mainColor: #cac2a2;--secondaryColor: #292524}.callSummaryWrapper{background-color:#fff;width:435px;height:660px;border-radius:32px 16px 16px 32px;padding-inline:32px;padding-block:36px 16px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:2px 2px 8px #0000000a}@media (max-width: 1530px){.callSummaryWrapper{width:100%;height:100%;padding-block:32px 24px;border-radius:32px 32px 8px 8px}}@media (max-width: 1190px){.callSummaryWrapper{padding-inline:20px}}@media (max-width: 800px){.callSummaryWrapper{border-radius:32px 32px 8px 8px;height:100%}}.callSummaryWrapper .callSummaryContainer{display:flex;flex-direction:column;gap:28px}@media (max-width: 1530px){.callSummaryWrapper .callSummaryContainer{gap:16px}}.callSummaryWrapper .callSummaryContainer .content-wrapper{display:flex;flex-direction:column;gap:28px}@media (max-width: 1530px){.callSummaryWrapper .callSummaryContainer .content-wrapper{flex-direction:row;gap:40px}}@media (max-width: 800px){.callSummaryWrapper .callSummaryContainer .content-wrapper{flex-direction:column;gap:30px}}.callSummaryWrapper .callSummaryContainer .content-wrapper .left-column{display:flex;flex-direction:column;gap:28px}@media (max-width: 1530px){.callSummaryWrapper .callSummaryContainer .content-wrapper .left-column{gap:20px}}@media (max-width: 1190px){.callSummaryWrapper .callSummaryContainer .content-wrapper .left-column{width:320px}}@media (max-width: 800px){.callSummaryWrapper .callSummaryContainer .content-wrapper .left-column{width:100%}}.callSummaryWrapper .callSummaryContainer .content-wrapper .callSettings{display:flex;width:100%;gap:12px}.callSummaryWrapper .callSummaryContainer .content-wrapper .callSettings .buttonStyle{display:flex;justify-content:space-between;gap:10px;align-items:center;border:1px solid transparent;border-radius:12px;padding:8px 12px;background-color:#292524;color:#fff;transition:background-color .1s;cursor:pointer}.callSummaryWrapper .callSummaryContainer .content-wrapper .callSettings .buttonStyle:hover{background-color:#5f76ff}@media (max-width: 1530px){.callSummaryWrapper .callSummaryContainer .content-wrapper .callSettings .buttonStyle{gap:10px;width:auto}.callSummaryWrapper .callSummaryContainer .content-wrapper .callSettings .buttonStyle h4{font-size:16px}}.callSummaryWrapper .callSummaryContainer .content-wrapper .callSettings .deleteCall .deleteCallButton{display:flex;justify-content:center;align-items:center;gap:4px;border:1px solid #d6d3d1;border-radius:12px;padding:12px 6px;background-color:#fff}.callSummaryWrapper .callSummaryContainer .content-wrapper .callSettings .deleteCall .deleteCallButton p{font-size:14px}.callSummaryWrapper .callSummaryContainer .content-wrapper .callSettings .deleteCall .deleteCallButton:hover{background-color:#f5f5f4}@media (max-width: 800px){.callSummaryWrapper .callSummaryContainer .content-wrapper .callSettings .deleteCall .deleteCallButton{padding:12px 24px}.callSummaryWrapper .callSummaryContainer .content-wrapper .callSettings .deleteCall .deleteCallButton p{display:none}}.callSummaryWrapper .callSummaryContainer .content-wrapper .callData{display:flex;gap:40px;width:400px}@media (max-width: 1190px){.callSummaryWrapper .callSummaryContainer .content-wrapper .callData{gap:24px}}@media (max-width: 800px){.callSummaryWrapper .callSummaryContainer .content-wrapper .callData{gap:20px;width:100%}}.callSummaryWrapper .callSummaryContainer .content-wrapper .callData .date p,.callSummaryWrapper .callSummaryContainer .content-wrapper .callData .time p,.callSummaryWrapper .callSummaryContainer .content-wrapper .callData .durationCallDetails p{display:flex;align-items:center;height:24px;gap:10px;font-size:12px;font-weight:500;text-transform:uppercase;margin-bottom:4px}.callSummaryWrapper .callSummaryContainer .content-wrapper .callData .date p img,.callSummaryWrapper .callSummaryContainer .content-wrapper .callData .time p img,.callSummaryWrapper .callSummaryContainer .content-wrapper .callData .durationCallDetails p img{width:20px;padding-bottom:2px}@media (max-width: 1190px){.callSummaryWrapper .callSummaryContainer .content-wrapper .callData .date p,.callSummaryWrapper .callSummaryContainer .content-wrapper .callData .time p,.callSummaryWrapper .callSummaryContainer .content-wrapper .callData .durationCallDetails p{font-size:10px}}.callSummaryWrapper .callSummaryContainer .content-wrapper .callSummary h3{margin-bottom:20px}.callSummaryWrapper .callSummaryContainer .content-wrapper .callSummary p{max-height:300px;padding-right:8px;overflow-x:hidden;overflow-y:auto;line-height:1.5;color:#78716c}@media (max-width: 800px){.callSummaryWrapper .callSummaryContainer .content-wrapper .callSummary p{max-height:100%;overflow-y:visible}}.callSummaryWrapper .callSummaryContainer .content-wrapper .callSummary p::-webkit-scrollbar{width:4px}.callSummaryWrapper .callSummaryContainer .content-wrapper .callSummary p::-webkit-scrollbar-track{background:#e7e5e4;border-radius:20px}.callSummaryWrapper .callSummaryContainer .content-wrapper .callSummary p::-webkit-scrollbar-thumb{background:#a8a29e;border-radius:20px}.callSummaryWrapper .callSummaryContainer .content-wrapper .callSummary p::-webkit-scrollbar-thumb:hover{background:#838383}.callSummaryWrapper .callSummaryContainer h3{color:#292524}.callSummaryWrapper .callSummaryContainer .orderTitle{color:#ff5f76}.callSummaryWrapper .callSummaryContainer .reservationTitle{color:#5f76ff}.callSummaryWrapper .callIndex{font-size:16px}@media (max-width: 1530px){.callSummaryWrapper .callIndex{display:none}}.structuredDataWrapper{background-color:#fff;width:466px;height:660px;border-radius:16px;padding-inline:32px;padding-block:32px 36px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:2px 2px 8px #0000000a}@media (max-width: 1530px){.structuredDataWrapper{padding-block:36px 16px;width:500px;height:580px;border-radius:8px 8px 8px 32px}}@media (max-width: 1190px){.structuredDataWrapper{padding-inline:20px;width:350px}}@media (max-width: 800px){.structuredDataWrapper{padding-inline:20px;border-radius:8px;width:100%;height:auto}}.structuredDataWrapper .structuredDataContainer{display:flex;flex-direction:column;height:100%}.structuredDataWrapper .structuredDataContainer .tabs{display:flex;justify-content:center;gap:18px;margin-bottom:26px;border-bottom:1px solid #e7e5e4}.structuredDataWrapper .structuredDataContainer .tabs .tab{padding:8px 32px;border:1px solid #e7e5e4;border-bottom:none;border-radius:12px 12px 0 0;background:none;cursor:pointer;font-size:16px;font-weight:400;color:#57534e;position:relative}@media (max-width: 1530px){.structuredDataWrapper .structuredDataContainer .tabs .tab{font-size:16px}}@media (max-width: 1190px){.structuredDataWrapper .structuredDataContainer .tabs .tab{font-size:14px}}@media (max-width: 800px){.structuredDataWrapper .structuredDataContainer .tabs .tab{font-size:16px}}.structuredDataWrapper .structuredDataContainer .tabs .tab.active{color:#fff;background-color:#292524}.structuredDataWrapper .structuredDataContainer .tabs .tab:hover:not(.active){color:#fff;background-color:#5f76ff}.structuredDataWrapper .structuredDataContainer h3{color:#292524;margin-bottom:20px}.structuredDataWrapper .structuredDataContainer .orderTitle{color:#ff5f76}.structuredDataWrapper .structuredDataContainer .reservationTitle{color:#5f76ff}.structuredDataWrapper .structuredDataContainer .structuredData{overflow-y:auto;height:540px}@media (max-width: 800px){.structuredDataWrapper .structuredDataContainer .structuredData{height:auto;padding-bottom:32px}}.structuredDataWrapper .structuredDataContainer .structuredData::-webkit-scrollbar{width:4px}.structuredDataWrapper .structuredDataContainer .structuredData::-webkit-scrollbar-track{background:#e7e5e4;border-radius:20px}.structuredDataWrapper .structuredDataContainer .structuredData::-webkit-scrollbar-thumb{background:#a8a29e;border-radius:20px}.structuredDataWrapper .structuredDataContainer .structuredData::-webkit-scrollbar-thumb:hover{background:#838383}.structuredDataWrapper .structuredDataContainer .smsContainer{flex:1;display:flex;justify-content:space-between;flex-direction:column}.structuredDataWrapper .structuredDataContainer .smsContainer .smsHistory{flex:1;margin-bottom:16px;overflow-y:auto;border-radius:12px;min-height:400px;max-height:400px}@media (max-width: 1530px){.structuredDataWrapper .structuredDataContainer .smsContainer .smsHistory{min-height:280px;max-height:280px}}.structuredDataWrapper .structuredDataContainer .smsContainer .smsHistory .smsHistoryItem{width:98%;padding:16px;background-color:#f5f5f4;border-radius:12px;border-bottom:1px solid #e7e5e4;margin-bottom:12px}.structuredDataWrapper .structuredDataContainer .smsContainer .smsHistory .smsHistoryItem .smsMessage{margin:0 0 8px;font-size:16px}.structuredDataWrapper .structuredDataContainer .smsContainer .smsHistory .smsHistoryItem .smsTime{font-size:12px;color:#78716c}.structuredDataWrapper .structuredDataContainer .smsContainer .smsHistory .noMessages{text-align:center;color:#78716c;font-size:14px;margin:32px 0}.structuredDataWrapper .structuredDataContainer .smsContainer .smsHistory .loadingContainer{display:flex;justify-content:center;align-items:center;margin-top:32px}.structuredDataWrapper .structuredDataContainer .smsContainer .smsHistory::-webkit-scrollbar{width:4px}.structuredDataWrapper .structuredDataContainer .smsContainer .smsHistory::-webkit-scrollbar-track{background:#e7e5e4;border-radius:20px}.structuredDataWrapper .structuredDataContainer .smsContainer .smsHistory::-webkit-scrollbar-thumb{background:#a8a29e;border-radius:20px}.structuredDataWrapper .structuredDataContainer .smsContainer .smsHistory::-webkit-scrollbar-thumb:hover{background:#838383}.structuredDataWrapper .structuredDataContainer .smsContainer .smsForm{display:flex;gap:16px;align-items:flex-start}@media (max-width: 1530px){.structuredDataWrapper .structuredDataContainer .smsContainer .smsForm{gap:12px}}.structuredDataWrapper .structuredDataContainer .smsContainer .smsForm textarea{flex:1;padding:12px;border:1px solid #d6d3d1;border-radius:12px;resize:vertical;height:110px;font-family:inherit;font-size:16px;overflow-y:auto}.structuredDataWrapper .structuredDataContainer .smsContainer .smsForm textarea:focus{outline:none;border-color:#5f76ff;box-shadow:0 0 0 2px #5f76ff33}.structuredDataWrapper .structuredDataContainer .smsContainer .smsForm textarea::placeholder{color:#d6d3d1}.structuredDataWrapper .structuredDataContainer .smsContainer .smsForm textarea:disabled{background-color:#f5f5f5}.structuredDataWrapper .structuredDataContainer .smsContainer .smsForm textarea::-webkit-scrollbar{width:4px}.structuredDataWrapper .structuredDataContainer .smsContainer .smsForm textarea::-webkit-scrollbar-track{background:#e7e5e4;border-radius:20px}.structuredDataWrapper .structuredDataContainer .smsContainer .smsForm textarea::-webkit-scrollbar-thumb{background:#a8a29e;border-radius:20px}.structuredDataWrapper .structuredDataContainer .smsContainer .smsForm textarea::-webkit-scrollbar-thumb:hover{background:#838383}.structuredDataWrapper .structuredDataContainer .smsContainer .smsForm button{background-color:#292524;color:#fff;border:1px solid transparent;padding:8px 12px;border-radius:12px;cursor:pointer;white-space:nowrap;display:flex;align-items:center;justify-content:center;gap:8px}.structuredDataWrapper .structuredDataContainer .smsContainer .smsForm button svg{width:18px;height:18px;stroke:#fff}.structuredDataWrapper .structuredDataContainer .smsContainer .smsForm button:disabled{border:1px solid #d6d3d1;color:#d6d3d1;background-color:#fff;cursor:not-allowed}.structuredDataWrapper .structuredDataContainer .smsContainer .smsForm button:disabled svg{stroke:#d6d3d1}.structuredDataWrapper .structuredDataContainer .smsContainer .smsForm button:hover:not(:disabled){background-color:#5f76ff}.structuredDataWrapper .structuredDataContainer .smsContainer .charCount{position:absolute;bottom:8px;right:8px;font-size:12px;color:#78716c}.structuredDataWrapper .structuredDataContainer .smsContainer .smsError{color:#dc3545;font-size:14px}.structuredDataWrapper .structuredDataContainer .smsContainer .smsSuccess{color:#28a745;font-size:14px}.structuredDataWrapper .callIndex{display:none}@media (max-width: 1530px){.structuredDataWrapper .callIndex{display:block;margin-top:18px;font-size:16px}}@media (max-width: 800px){.structuredDataWrapper .callIndex{display:none}}.callTranscriptWrapper{background-color:#fff;width:521px;height:660px;border-radius:16px 32px 32px 16px;padding-inline:32px;padding-block:36px 16px;position:relative;display:flex;flex-direction:column;justify-content:space-between;box-shadow:2px 2px 8px #0000000a}@media (max-width: 1530px){.callTranscriptWrapper{width:565px;height:580px;border-radius:8px 8px 32px}}@media (max-width: 1190px){.callTranscriptWrapper{width:357px;padding-inline:20px}}@media (max-width: 800px){.callTranscriptWrapper{border-radius:8px 8px 32px 32px;width:100%}}.callTranscriptWrapper .showDetails{position:absolute;top:10px;right:0;background-color:#f4f3f3;min-height:44px;min-width:44px;display:flex;align-items:center;justify-content:center;border-radius:50%;margin-right:8px}@media (max-width: 1530px){.callTranscriptWrapper .showDetails{display:none}}.callTranscriptWrapper .showDetails .active{transform:rotate(180deg) translateY(2px)}.callTranscriptWrapper .showDetails .inactive{transform:rotate(0) translateY(1px)}.callTranscriptWrapper .showDetails svg{fill:#ff5f76}.callTranscriptWrapper .callTranscriptContainer{display:flex;flex-direction:column}.callTranscriptWrapper .callTranscriptContainer h3{color:#292524;margin-bottom:28px}.callTranscriptWrapper .callTranscriptContainer .orderTitle{color:#ff5f76}.callTranscriptWrapper .callTranscriptContainer .reservationTitle{color:#5f76ff}.callTranscriptWrapper .callTranscriptContainer .chatWindow{display:flex;flex-direction:column;gap:20px;overflow-y:auto;height:460px;padding-right:20px}@media (max-width: 1530px){.callTranscriptWrapper .callTranscriptContainer .chatWindow{height:370px}}.callTranscriptWrapper .callTranscriptContainer .chatWindow .chatBot{display:flex;align-items:flex-end;gap:12px}.callTranscriptWrapper .callTranscriptContainer .chatWindow .chatBot .senderIcon{display:flex;align-items:center;justify-content:center;color:#292524;background-color:#d6d3d1;border-radius:50%;min-height:32px;min-width:32px;margin-bottom:8px;box-shadow:0 1px #0000000d}.callTranscriptWrapper .callTranscriptContainer .chatWindow .chatBot .messageBox{background-color:#f4f3f3;color:#292524;max-width:290px;padding:10px 20px;border-radius:12px;border-bottom:1px solid #e7e5e4}.callTranscriptWrapper .callTranscriptContainer .chatWindow .user{display:flex;align-items:flex-end;flex-flow:row-reverse;gap:12px}.callTranscriptWrapper .callTranscriptContainer .chatWindow .user .senderIcon{display:flex;align-items:center;justify-content:center;color:#fff;background-color:#78716c;border-radius:50%;min-height:32px;min-width:32px;margin-bottom:8px;box-shadow:0 1px #0000000d}.callTranscriptWrapper .callTranscriptContainer .chatWindow .user .messageBox{background-color:#d6d3d1;color:#1c1917;max-width:290px;padding:10px 20px;border-radius:12px}.callTranscriptWrapper .callTranscriptContainer .chatWindow::-webkit-scrollbar{width:4px}.callTranscriptWrapper .callTranscriptContainer .chatWindow::-webkit-scrollbar-track{background:#e7e5e4;border-radius:20px}.callTranscriptWrapper .callTranscriptContainer .chatWindow::-webkit-scrollbar-thumb{background:#a8a29e;border-radius:20px}.callTranscriptWrapper .callTranscriptContainer .chatWindow::-webkit-scrollbar-thumb:hover{background:#838383}.callTranscriptWrapper .callTranscriptContainer .audioControls{margin-top:16px;width:460px;height:32px;border-radius:0}@media (max-width: 1530px){.callTranscriptWrapper .callTranscriptContainer .audioControls{width:500px}}@media (max-width: 1190px){.callTranscriptWrapper .callTranscriptContainer .audioControls{width:310px}}@media (max-width: 800px){.callTranscriptWrapper .callTranscriptContainer .audioControls{width:290px}}.callTranscriptWrapper .switchContainer{align-self:end;display:flex;align-items:center}.callTranscriptWrapper .switchContainer p{color:var(--switch-description-color);font-size:14px}.callTranscriptWrapper .switchContainer .switch input:checked+.slider:before{background-color:#1fdd84;transform:translate(16px)}.callTranscriptWrapper .switchContainer .switch .slider{background-color:#fff;border:1px solid var(--switch-border-color)}.callTranscriptWrapper .switchContainer .switch .slider:before{background-color:var(--slider-background-color);top:1px}.statusPending{--switch-description-color: $stone800;--switch-border-color: var(--mainColor);--slider-background-color: var(--mainColor)}.statusDone{--switch-description-color: #1FDD84;--switch-border-color: var(--secondaryColor)}.orderCategory{--mainColor: #FF5F76;--secondaryColor: #e9e4db}.reservationCategory{--mainColor: #5F76FF;--secondaryColor: #e9e4db}.unknownCategory{--mainColor: #cac2a2;--secondaryColor: #e9e4db}.callDetailsContainer{display:flex;flex-direction:row;flex-wrap:wrap;gap:1px;margin-block:4px}@media (max-width: 1530px){.callDetailsContainer .flexItem1{flex-basis:100%}.callDetailsContainer .flexItem2,.callDetailsContainer .flexItem3{flex-basis:0%}}@media (max-width: 800px){.callDetailsContainer .flexItem1,.callDetailsContainer .flexItem2,.callDetailsContainer .flexItem3{flex-basis:100%}}.cardViewWrapper{display:flex;flex-direction:column}.cardViewWrapper .cardViewContainer{display:grid;gap:8px;min-height:600px}@media (max-width: 1530px){.cardViewWrapper .cardViewContainer{min-height:592px}}@media (max-width: 1190px){.cardViewWrapper .cardViewContainer{min-height:442px}}.cardViewWrapper .loadMoreButton{color:#fff;background-color:#292524;padding-block:10px;padding-inline:24px;border-radius:20px;margin-block:30px}.cardViewWrapper .loadMoreDisabled{background-color:transparent;border:1px solid #d6d3d1;color:#a8a29e;cursor:default}.listItemWrapper{display:flex;align-items:center;justify-content:space-between;border-radius:50px;height:60px;box-shadow:2px 2px 8px #0000000a;cursor:pointer;--background-color: white;--categoryBackground-color: white;--categoryColor: $stone800;--categoryBorder-color: var(--primaryColor);--text-color: $stone800;--svg-color: #FF5F76;--svg-icon-color: $stone800;--font-weight-callerName: 600;background-color:var(--background-color)}.listItemWrapper .listItemContainer{display:flex;width:1300px}@media (max-width: 1530px){.listItemWrapper .listItemContainer{flex-direction:column}}@media (max-width: 1190px){.listItemWrapper .listItemContainer{min-width:580px}}@media (max-width: 800px){.listItemWrapper .listItemContainer{min-width:180px;gap:6px}}.listItemWrapper .listItemContainer .idNameContainer{display:flex;align-items:center}.listItemWrapper .listItemContainer .idNameContainer .assistantCallNumber{min-width:100px;padding-left:38px;font-size:18px;font-weight:300}@media (max-width: 1530px){.listItemWrapper .listItemContainer .idNameContainer .assistantCallNumber{display:none}}.listItemWrapper .listItemContainer .idNameContainer .callerName{width:340px;padding-left:80px;font-weight:var(--font-weight-callerName)}@media (max-width: 1530px){.listItemWrapper .listItemContainer .idNameContainer .callerName{width:160px}}@media (max-width: 1530px){.listItemWrapper .listItemContainer .idNameContainer .callerName{display:none;text-align:left;font-weight:600}}@media (max-width: 800px){.listItemWrapper .listItemContainer .idNameContainer .assistantCallNumber{display:none}.listItemWrapper .listItemContainer .idNameContainer .callerName{display:block;padding-left:24px}}.listItemWrapper .listItemContainer .callInfoContainer{display:flex;align-items:center}.listItemWrapper .listItemContainer .callInfoContainer .callerName2{display:none}.listItemWrapper .listItemContainer .callInfoContainer .callCategoryContainer{width:200px}.listItemWrapper .listItemContainer .callInfoContainer .callCategoryContainer .callCategory{text-align:center;color:var(--categoryColor);background-color:var(--categoryBackground-color);border:.5px solid var(--categoryBorder-color);border-radius:32px;padding-block:2px;padding-inline:16px}.listItemWrapper .listItemContainer .callInfoContainer .phoneNumber{width:340px;padding-left:60px}.listItemWrapper .listItemContainer .callInfoContainer .callTime{width:200px}.listItemWrapper .listItemContainer .callInfoContainer .callDuration{width:160px;padding-left:40px}@media (max-width: 1530px){.listItemWrapper .listItemContainer .callInfoContainer .callerName2{display:block;width:240px;padding-left:38px}.listItemWrapper .listItemContainer .callInfoContainer .callCategoryContainer{width:200px}.listItemWrapper .listItemContainer .callInfoContainer .phoneNumber{width:220px;padding-left:0}.listItemWrapper .listItemContainer .callInfoContainer .callDuration{width:120px}}@media (max-width: 1190px){.listItemWrapper .listItemContainer .callInfoContainer{font-size:16px}.listItemWrapper .listItemContainer .callInfoContainer .callerName2{width:200px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.listItemWrapper .listItemContainer .callInfoContainer .callCategoryContainer{display:none}.listItemWrapper .listItemContainer .callInfoContainer .phoneNumber,.listItemWrapper .listItemContainer .callInfoContainer .callTime{width:180px}.listItemWrapper .listItemContainer .callInfoContainer .callDuration{padding-left:0}}@media (max-width: 800px){.listItemWrapper .listItemContainer .callInfoContainer{font-size:14px}.listItemWrapper .listItemContainer .callInfoContainer .callerName2{display:none}.listItemWrapper .listItemContainer .callInfoContainer .phoneNumber{width:200px;padding-left:24px}.listItemWrapper .listItemContainer .callInfoContainer .callDuration{display:none}}.listItemWrapper .showDetails{background-color:var(--svg-icon-color);min-height:44px;min-width:44px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition-duration:.2s;margin-right:8px}.listItemWrapper .showDetails .active{transition-duration:.2s;transform:rotate(-180deg) translateY(2px)}.listItemWrapper .showDetails .inactive{transition-duration:.2s;transform:rotate(0) translateY(1px)}.listItemWrapper .showDetails svg{fill:var(--svg-color)}.newListItem{--background-color: white;--categoryBackground-color: var(--primaryColor);--categoryColor: white;--svg-color: white;--svg-icon-color: var(--primaryColor);--font-weight-callerName: 300;font-weight:300;color:#292524}.pendingListItem{--background-color: white;--svg-icon-color: #F4F3F3;--svg-color: var(--primaryColor);--font-weight-callerName: 00;color:#78716c}.doneListItem{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAYAAABw4pVUAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAGNSURBVHgB7dgxasRAFAVB7d/7X3hhkcHY4MQTCAu3RCkRE9QwvLAfr9dr376+mdmez+f3cdv3fXu/35//3z7mb81c+fF3NHPGpcxxM0Zqmcf+42Sk/zdzxqXMcTNnXMocN2OkmDFSy4yRWmbOuJQ5buaMS5njZq78+DuaufLjxcXY4+9oxMWYERdjRlwUF5mVERdjRlysGSOJi8zCiIsxIy7GjLgYM+JizIiLMSMuxoy4GDPiorjIrIy4GDPiYs0YSVxkFkZcjBlxMWbExZgRF2NGXIwZcTFmxMWYERfFRWZlxMWYERdrxkjiIrMw4mLMiIsxIy7GjLgYM+JizIiLMSMuxoy4KC4yKyMuxoy4WDNGEheZhREXY0ZcjBlxMWbExZgRF2NGXIwZcTFmxEVxkVkZcTFmxMWaMZK4yCyMuBgz4mLMiIsxIy7GjLgYM+JizIiLMSMuiovMyoiLMSMu1oyRxEVmYcTFmBEXY0ZcjBlxMWbExZgRF2NGXIwZcVFcZFZGXIwZcbFmjNQyHysYQ6TmyjInAAAAAElFTkSuQmCC);color:#d6d3d1;--categoryBackground-color: none;--categoryBorder-color: #eeeae4;--svg-color: rgb(180, 170, 170);--svg-icon-color: #F4F3F3;--font-weight-callerName: 400}.selected{background-image:none;--background-color: var(--primaryColor);--categoryBackground-color: none;--svg-color: var(--primaryColor);--svg-icon-color: white;--font-weight-callerName: 300;font-weight:300;color:#fff}.orderCategory{--primaryColor: #FF5F76}.reservationCategory{--primaryColor: #5F76FF}.unknownCategory{--primaryColor: #8a846f}.listViewWrapper{display:flex;flex-direction:column}.listViewWrapper .listViewContainer{display:flex;flex-direction:column;gap:8px;min-height:550px}@media (max-width: 1190px){.listViewWrapper .listViewContainer{min-height:400px}}.listViewWrapper .tableHeader{display:flex;flex-direction:row;padding-inline:38px 114px;margin-block:16px 16px;font-size:14px}@media (max-width: 1530px){.listViewWrapper .tableHeader{padding-inline:38px 100px;margin-block:28px 12px}}@media (max-width: 1190px){.listViewWrapper .tableHeader{padding-inline:38px 110px}}@media (max-width: 800px){.listViewWrapper .tableHeader{display:none}}.listViewWrapper .tableHeader .callId{width:142px}@media (max-width: 1530px){.listViewWrapper .tableHeader .callId{display:none}}.listViewWrapper .tableHeader .callerName{width:296px}@media (max-width: 1530px){.listViewWrapper .tableHeader .callerName{width:220px}}@media (max-width: 1190px){.listViewWrapper .tableHeader .callerName{width:156px}}.listViewWrapper .tableHeader .callCategory{width:222px}@media (max-width: 1530px){.listViewWrapper .tableHeader .callCategory{width:180px}}@media (max-width: 1190px){.listViewWrapper .tableHeader .callCategory{display:none}}.listViewWrapper .tableHeader .callNumber{width:280px}@media (max-width: 1530px){.listViewWrapper .tableHeader .callNumber{width:226px}}@media (max-width: 1190px){.listViewWrapper .tableHeader .callNumber{width:172px}}.listViewWrapper .tableHeader .callTime{width:242px}@media (max-width: 1530px){.listViewWrapper .tableHeader .callTime{width:236px}}@media (max-width: 1190px){.listViewWrapper .tableHeader .callTime{width:122px}}@media (max-width: 1190px){.listViewWrapper .tableHeader .callDuration{padding-right:10px;width:100px;text-align:right}}.listViewWrapper .loadMoreButton{color:#fff;background-color:#292524;padding-block:10px;padding-inline:24px;border-radius:20px;margin-block:30px}.listViewWrapper .loadMoreDisabled{background-color:transparent;border:1px solid #d6d3d1;color:#a8a29e;cursor:default}.callsContainer{display:flex;justify-content:space-between;align-items:center;margin-block:20px 12px}@media (max-width: 800px){.callsContainer{flex-direction:column;gap:10px;align-items:flex-start}}.callsContainer .left{padding-left:20px}@media (max-width: 800px){.callsContainer .left{padding-left:10px}}.callsContainer .right{display:flex;align-items:center;padding-right:8px}@media (max-width: 800px){.callsContainer .right{display:flex;justify-content:flex-end;width:100%;padding-left:10px}.callsContainer .right p:first-child{width:76px}}.callsContainer .right .toggleSwitch{display:flex}.callsContainer .right .toggleSwitch .switch input:checked+.slider{border:1px solid #a8a29e}.callsContainer .right .toggleSwitch .switch input:checked+.slider:before{transform:translate(16px)}.callsContainer .right .toggleSwitch .switch .slider{border:1px solid transparent}.callsContainer .right .toggleSwitch .switch .slider:before{top:1px}.callsContainer .right .filterSort{display:flex;gap:10px;padding-left:20px}@media (max-width: 800px){.callsContainer .right .filterSort{padding-left:8px;gap:4px}}.callsContainer .right .filterSort button{height:30px;font-size:12px;font-weight:200;background-color:#292524;color:#fff;text-transform:uppercase;border-radius:20px;padding-inline:16px}.callsContainer .right .filterSort button img{margin-right:8px;vertical-align:top}@media (max-width: 800px){.callsContainer .right .filterSort button img{display:none}}.switch{position:relative;display:inline-block;min-width:36px;height:18px;margin-left:8px;cursor:pointer}.switch input{opacity:0;width:0;height:0}.switch input:checked+.slider{background-color:#fff}.switch input:checked+.slider:before{background-color:#292524;transform:translate(18px)}.switch .slider{position:absolute;top:0;bottom:0;left:0;right:0;background-color:#292524;border-radius:16px;transition:.4s}.switch .slider:before{position:absolute;content:"";height:14px;width:14px;top:2px;left:2px;right:2px;background-color:#fff;border-radius:50%;transition:.4s}nav{margin-block:10px 4px;padding-inline:20px;padding-bottom:10px;background-color:#fff;border-radius:20px;height:60px;display:flex;align-items:flex-end;justify-content:space-between;box-shadow:2px 2px 8px #0000000a}nav a{text-align:center;text-transform:uppercase;font-size:11px;color:#a8a29e}nav a svg{stroke:#a8a29e;stroke-width:1.5;margin-block:2px}nav a:hover{color:#5f76ff}nav a:hover svg{stroke:#5f76ff;stroke-width:2}.navLinkActive{color:#5f76ff}.navLinkActive svg{stroke:#5f76ff;stroke-width:2}.navSection{display:flex;flex-direction:column;justify-content:space-between;align-items:center;background-color:#fff;height:100vh;width:60px;position:fixed;top:0;left:0}@media (max-width: 1190px){.navSection{width:40px}}.navSection .navMenu .logo{width:32px;height:32px;margin-top:20px}.navSection .navMenu .navLinks{display:flex;flex-direction:column;align-items:center;gap:32px;margin-top:60px;cursor:pointer}.navSection .navMenu .navLinkActive svg{stroke:#5f76ff}.navSection .logout{margin-bottom:20px}.navSection .logout img{height:24px;width:24px}.navSection svg{stroke:#78716c}.navSection svg:hover{stroke:#5f76ff}.mobileStatsWrapper{margin-top:20px;display:flex;gap:4px}.mobileStatsContainer{background-color:#fff;border-radius:20px;width:110px;min-width:76px;height:112px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;gap:8px;box-shadow:2px 2px 8px #0000000a;color:#18d38b}.mobileStatsContainer .title{display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:200;text-transform:uppercase;max-width:50px;gap:6px;color:#1c1917;font-weight:500}.mobileStatsContainer .counter{font-size:49px;font-weight:500;line-height:120%}.mobilePending{background-color:#fff;color:#292524}.mobilePending .pendingTitle{font-weight:500}.mobilePendingIcon{color:#292524}.mobilePendingCounter{color:#ff5f76}.mobileDuration{width:180px;min-width:165px}.mobileDurationStats{display:flex;gap:10px;padding-left:16px}.mobileDurationStats .durationPercentage{transform:translateY(8px);position:relative;font-size:12px;text-align:center;color:#0f0}.mobileDurationStats .durationPercentage .arrow{content:url("data:image/svg+xml,%3csvg%20width='14'%20height='7'%20viewBox='0%200%2014%207'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M12.8125%206.16815L6.90624%201.00001L0.999979%206.16815'%20stroke='%23989898'/%3e%3c/svg%3e");filter:invert(51%) sepia(84%) saturate(3444%) hue-rotate(91deg) brightness(134%) contrast(114%);position:absolute;top:-10px;bottom:0;left:4px;right:0}.mobileDurationStats .durationPercentage .negative{transform:rotate(180deg);filter:invert(35%) sepia(99%) saturate(7486%) hue-rotate(355deg) brightness(99%) contrast(125%);position:absolute;top:32px;bottom:0;left:4px;right:0}.mobileDurationStats .percentageNegative{color:red}.mobilechartsContainer{display:flex;flex-wrap:wrap}.mobileDailyStatsWrapper{background-color:#fff;width:100%;height:340px;margin-block:4px;border-radius:20px;padding-inline:12px;padding-block:16px;box-shadow:2px 2px 8px #0000000a}.mobileDailyStatsWrapper .mobileDailyStatsContainer{display:flex;flex-direction:column;gap:4px}.mobileDailyStatsWrapper .mobileDailyStatsContainer .days7Title{display:flex;gap:8px;align-items:center;font-size:13px;text-transform:uppercase}.mobileDailyStatsWrapper .mobileDailyStatsContainer .counterStats{display:flex;gap:12px;padding-left:18px}.mobileDailyStatsWrapper .mobileDailyStatsContainer .counterStats .counter{font-size:49px;font-weight:500;line-height:120%;color:#5f76ff}.mobileDailyStatsWrapper .mobileDailyStatsContainer .counterStats .mobileCallFrequency .callFrequencyPercentage{transform:translateY(20px);position:relative;font-size:14px;text-align:center;color:#0f0}.mobileDailyStatsWrapper .mobileDailyStatsContainer .counterStats .mobileCallFrequency .callFrequencyPercentage .arrow{content:url("data:image/svg+xml,%3csvg%20width='14'%20height='7'%20viewBox='0%200%2014%207'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M12.8125%206.16815L6.90624%201.00001L0.999979%206.16815'%20stroke='%23989898'/%3e%3c/svg%3e");filter:invert(51%) sepia(84%) saturate(3444%) hue-rotate(91deg) brightness(134%) contrast(114%);position:absolute;top:-10px;bottom:0;left:4px;right:0}.mobileDailyStatsWrapper .mobileDailyStatsContainer .counterStats .mobileCallFrequency .callFrequencyPercentage .negative{transform:rotate(180deg);filter:invert(35%) sepia(99%) saturate(7486%) hue-rotate(355deg) brightness(99%) contrast(125%);position:absolute;top:20px;bottom:0;left:4px;right:0}.mobileDailyStatsWrapper .mobileDailyStatsContainer .counterStats .mobileCallFrequency .percentageNegative{color:red}.mobileDailyStatsWrapper .mobileDailyChartContainer .chart{margin-top:4px;padding-inline:18px;display:flex;justify-content:space-between;align-items:flex-end}.mobileDailyStatsWrapper .mobileDailyChartContainer .chart .barBackground{width:32px;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAFCSURBVHgBxZaBToNAEETnYI0tNfH/P9QGE6nu4RyO5GLOFhaSSUv3eo+dLlMSgFfXzfXG1yfXgN/HxPqn6+R6XtXfXSPfD9xDj5Frkuvi6kuhq8DPUfC8Z5KLMC4Ig7uuiSehtnPPvPfU4QDbXVcyekN85xn+ge+ffrBg+Gw74S95nQXCF9v5/Xn+ukD4Yrtw51sv3Hap3xI/2Lvzft05GIDlava2/YIKHHQg3HZI9BuCpr0Gd51tB3h12lfwJQBtQ3iz7ZD0tQ07b7ZdN+65ePdpx8/fvV7cpCdhthd4rtsD8Ltth6SvIWjaa3DXyXCA7ZDotzs6f9h2SPraP+Gb2A5JX2uEb2q7Fguo1fa/7vNie2qFZ25ZvFXINHfOpseEA2yHRL8haNprcPCxPGTaa3DwgUThIbZD0tdWnYfYDknfL7k+T6g2hrQTAAAAAElFTkSuQmCC);height:200px;border-radius:16px;display:flex;align-items:flex-end}.mobileDailyStatsWrapper .mobileDailyChartContainer .chart .barBackground .bar{width:32px;background-color:#d1d1d1;border-radius:16px;cursor:pointer;position:relative}.mobileDailyStatsWrapper .mobileDailyChartContainer .chart .barBackground .bar .infoBubble{background-image:url("data:image/svg+xml,%3csvg%20width='26'%20height='21'%20viewBox='0%200%2026%2021'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M4.4%200C1.96995%200%200%201.79086%200%204V13C0%2015.2091%201.96995%2017%204.4%2017H8.6L13%2021L17.4%2017H21.6C24.0301%2017%2026%2015.2091%2026%2013V4C26%201.79086%2024.0301%200%2021.6%200H4.4Z'%20fill='%23292524'/%3e%3c/svg%3e");position:absolute;width:26px;height:21px;top:-26px;right:3px;display:none;justify-content:center;align-items:center}.mobileDailyStatsWrapper .mobileDailyChartContainer .chart .barBackground .bar .infoBubble span{color:#fff;font-size:14px;transform:translateY(-2px)}.mobileDailyStatsWrapper .mobileDailyChartContainer .chart .barBackground .bar .infoBubble:hover{display:flex}.mobileDailyStatsWrapper .mobileDailyChartContainer .chart .barBackground .bar:hover{background-color:#5f76ff;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAFCSURBVHgBxZaBToNAEETnYI0tNfH/P9QGE6nu4RyO5GLOFhaSSUv3eo+dLlMSgFfXzfXG1yfXgN/HxPqn6+R6XtXfXSPfD9xDj5Frkuvi6kuhq8DPUfC8Z5KLMC4Ig7uuiSehtnPPvPfU4QDbXVcyekN85xn+ge+ffrBg+Gw74S95nQXCF9v5/Xn+ukD4Yrtw51sv3Hap3xI/2Lvzft05GIDlava2/YIKHHQg3HZI9BuCpr0Gd51tB3h12lfwJQBtQ3iz7ZD0tQ07b7ZdN+65ePdpx8/fvV7cpCdhthd4rtsD8Ltth6SvIWjaa3DXyXCA7ZDotzs6f9h2SPraP+Gb2A5JX2uEb2q7Fguo1fa/7vNie2qFZ25ZvFXINHfOpseEA2yHRL8haNprcPCxPGTaa3DwgUThIbZD0tdWnYfYDknfL7k+T6g2hrQTAAAAAElFTkSuQmCC)}.mobileDailyStatsWrapper .mobileDailyChartContainer .chart .barBackground .bar:hover .infoBubble{display:flex}.mobileDailyStatsWrapper .mobileDailyChartContainer .weekdays{display:flex;justify-content:space-between;padding-inline:26px;font-size:12px;padding-block:10px}.mobileHeatMapContainer{width:100%;background-color:#fff;border-radius:20px;font-size:14px;padding-block:16px 10px;padding-inline:12px;box-shadow:2px 2px 8px #0000000a}.mobileHeatMapContainer .heatmap-grid{display:grid;grid-template-columns:auto repeat(18,1fr);grid-auto-flow:dense}.mobileHeatMapContainer .heatmap-grid .hour-labels{grid-column:2/-1;display:flex;justify-content:space-between;font-size:10px;color:#989898;margin-top:8px}.mobileHeatMapContainer .heatmap-grid .day-label{display:flex;align-items:center;justify-content:flex-end;padding-right:16px;font-size:12px;color:#989898}.mobileHeatMapContainer .heatmap-grid .mobileHeatmap-cell{height:14px;margin-inline:1px;margin-block:1px;border-radius:2px;transition:transform .1s ease-in-out}.mobileHeatMapContainer .heatmap-grid .mobileHeatmap-cell.loading{background-color:#f6f6f6!important}.mobileHeatMapContainer .heatmap-grid .mobileHeatmap-cell:hover{transform:scale(1.1)}.settings-container{margin-top:16px}.settings-container .message{padding-block:12px;padding-inline:24px;margin-bottom:12px;border-radius:20px;font-size:14px}.settings-container .message.success{background-color:#d3f7dc;color:#155724}.settings-container .message.error{background-color:#f8d7da;color:#721c24}.settings-container .settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media (max-width: 1530px){.settings-container .settings-grid{grid-template-columns:1fr}}.settings-container .settings-section{background:#fff;padding:24px;border-radius:20px;box-shadow:2px 2px 8px #0000000a;margin-bottom:12px}.settings-container .settings-section h2{margin-bottom:24px;color:#333;font-size:25px;font-weight:500}.settings-container .settings-section .input-group{margin-bottom:24px}.settings-container .settings-section .input-group label{display:block;margin-bottom:8px;font-weight:400;color:#4a5568}.settings-container .settings-section .input-group input,.settings-container .settings-section .input-group select{width:100%;padding:12px;border:1px solid #e2e8f0;border-radius:12px;font-size:14px;transition:border-color .2s}.settings-container .settings-section .input-group input:focus,.settings-container .settings-section .input-group select:focus{outline:none;border-color:#5f76ff;box-shadow:0 0 0 2px #5f76ff1a}.settings-container .settings-section .input-group input:disabled,.settings-container .settings-section .input-group select:disabled{background-color:#f8f9fa;color:#9da7b1;border-color:#e2e8f0;cursor:not-allowed}.settings-container .settings-section .input-group input.current-email,.settings-container .settings-section .input-group select.current-email{font-weight:500;color:#a9b0b9}.settings-container .settings-section .input-group textarea{width:100%;height:auto;padding:12px;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;resize:vertical}.settings-container .settings-section .input-group textarea:focus{outline:none;border-color:#5f76ff;box-shadow:0 0 0 2px #5f76ff1a}.settings-container .settings-section .checkbox-group{display:flex;align-items:center;margin-bottom:32px}.settings-container .settings-section .checkbox-group input[type=checkbox]{margin-right:8px;width:16px;height:16px}.settings-container .settings-section .checkbox-group label{color:#4a5568}.settings-container .settings-section .button-group{display:flex;gap:16px}.settings-container .settings-section button{background-color:#1c1917;color:#fff;padding:8px 16px;border:none;border-radius:8px;cursor:pointer;font-size:16px;font-weight:300;letter-spacing:.3px;transition:background-color .1s}.settings-container .settings-section button:hover{background-color:#5f76ff}.settings-container .settings-section button:disabled{background-color:#e7e5e4;cursor:not-allowed}.settings-container .settings-section button.secondary-button{background-color:#e7e5e4;color:#1c1917}.settings-container .settings-section button.secondary-button:hover{background-color:#5f76ff;color:#fff}.settings-container .localization-settings .button-group{margin-top:32px}.settings-container .prompt-settings{width:100%;margin-bottom:64px}@media (max-width: 800px){.settings-container .prompt-settings{margin-bottom:32px}}.settings-container .calendar-settings{width:100%}.settings-container .calendar-settings p{margin-bottom:32px}.layout{display:flex;flex-direction:row;height:100vh;width:100%;overflow-y:scroll}@media (max-width: 800px){.layout{display:block}}.layout .navBar{width:60px;height:100%;box-shadow:2px 0 16px #00000003}@media (max-width: 1190px){.layout .navBar{width:40px}}@media (max-width: 800px){.layout .navBar{display:none}}.layout .dashboard{height:100vh;margin-left:auto;margin-right:auto;max-width:1464px;padding-inline:20px;display:flex;flex:1;flex-direction:column}@media (max-width: 1530px){.layout .dashboard{max-width:1106px}}@media (max-width: 1190px){.layout .dashboard{max-width:748px}}@media (max-width: 800px){.layout .dashboard{max-width:430px;padding-inline:10px;height:100vh}}@media (max-width: 800px){.layout .dashboard .statsBar{display:none}}.layout .dashboard .mobileNavBar{display:none}@media (max-width: 800px){.layout .dashboard .mobileNavBar{display:block}}.loadingSpinner{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100vh;height:500px;gap:20px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Urbanist,sans-serif;color:#292524;background-color:#f2f2f2}a{text-decoration:none;color:inherit}li{list-style-type:none}button{background:none;color:inherit;border:none;padding:0;font:inherit;cursor:pointer;outline:inherit}h1{font-size:39px;font-weight:500}h2{font-size:31px;font-weight:400}h3{font-size:25px;font-weight:500}h4{font-size:20px;font-weight:500}