.overviewActions{align-items:center;gap:9px;display:flex}.overviewActions select{color:#40566a;background:#fff;border:1px solid #cfdae4;border-radius:9px;height:39px;padding:0 34px 0 12px;font-size:11px}.overviewActions a{color:#fff;background:linear-gradient(135deg,#166ed7,#0c58b4);border-radius:9px;padding:11px 15px;font-size:11px;font-weight:750;text-decoration:none;box-shadow:0 7px 16px #1268d326}.overviewNotice,.overviewLoading{color:#6f8090;background:#fff;border:1px solid #e2e8ee;border-radius:12px;padding:18px;font-size:12px}.overviewNotice{color:#a7473c;background:#fff3f1;margin-bottom:16px}.overviewNotice button{margin-left:8px;padding:5px 9px}.financeCards{grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;display:grid}.financeCards article{background:#fff;border:1px solid #dce4eb;border-radius:14px;min-height:145px;padding:20px;position:relative;overflow:hidden;box-shadow:0 8px 24px #163c5d0a}.financeCards article:after{content:"";opacity:.08;background:currentColor;border-radius:50%;width:110px;height:110px;position:absolute;top:-51px;right:-49px}.financeCards span{color:#718496;letter-spacing:.4px;font-size:10px;font-weight:750;display:block}.financeCards strong{color:#102d49;letter-spacing:-.8px;margin:18px 0 9px;font-size:27px;display:block}.financeCards small{color:#8b99a6;font-size:10px}.financeCards .wallet{color:#167a9f;border-top:3px solid #1a88ad}.financeCards .spend{color:#8754a6;border-top:3px solid #9158ac}.financeCards .billed{color:#1c8a68;border-top:3px solid #22a17c}.financeCards .margin{color:#ce7042;border-top:3px solid #e0814e}.printCards{grid-template-columns:repeat(3,1fr);gap:13px;margin:13px 0;display:grid}.printCards>div{background:#fff;border:1px solid #dce4eb;border-radius:12px;align-items:center;gap:14px;padding:15px 17px;display:flex}.printIcon{color:#166bcf;background:#e9f2fd;border-radius:11px;place-items:center;width:37px;height:37px;font-size:14px;font-weight:800;display:grid}.printIcon.repeat{color:#b8581c;background:#fff0e6}.printIcon.total{color:#19765a;background:#edf7f3}.printCards p{grid-template-columns:auto auto;align-items:center;column-gap:10px;margin:0;display:grid}.printCards small{color:#8493a1;letter-spacing:1px;grid-column:1/-1;font-size:8px;font-weight:800}.printCards strong{color:#17334d;font-size:21px}.printCards em{color:#8a98a4;font-size:9px;font-style:normal}.overviewPanel{background:#fff;border:1px solid #dce4eb;border-radius:14px;margin-top:13px;overflow:hidden;box-shadow:0 6px 20px #173d5f08}.overviewPanel>header{justify-content:space-between;align-items:center;padding:18px 20px 8px;display:flex}.overviewPanel>header small{color:#7b91a4;letter-spacing:1.2px;font-size:8px;font-weight:800}.overviewPanel>header h2{color:#17334d;margin:5px 0 0;font-size:16px}.overviewPanel>header>span{color:#8494a3;font-size:10px}.chartTabs{background:#eef2f5;border-radius:9px;padding:3px;display:flex}.chartTabs button{color:#708191;background:0 0;border-radius:7px;padding:7px 10px;font-size:9px}.chartTabs button.active{color:#175fae;background:#fff;box-shadow:0 2px 6px #17395116}.trendCanvas{padding:0 16px 6px}.trendCanvas svg{width:100%;height:auto;max-height:250px;display:block}.chartGrid{stroke:#e5ebf0;stroke-width:1px}.chartAxis{fill:#82909c;font-size:9px}.chartArea{fill:#1670d7;opacity:.075}.chartLine{fill:none;stroke:#216fd2;stroke-width:2.3px;stroke-linecap:round;stroke-linejoin:round}.chartPoint{fill:#fff;stroke:#216fd2;stroke-width:2px}.channelGrid{border-top:1px solid #e2e8ed;grid-template-columns:minmax(520px,1.45fr) minmax(280px,.8fr);gap:0;margin-top:9px;display:grid}.channelTable{padding:14px 20px}.channelTable table,.recentPanel table{border-collapse:collapse;width:100%;font-size:11px}.channelTable th,.recentPanel th{color:#82909d;text-align:left;border-bottom:1px solid #e3e9ee;padding:10px;font-size:9px}.channelTable td,.recentPanel td{color:#42586a;border-bottom:1px solid #edf1f4;padding:13px 10px}.channelTable td:first-child{color:#253e54;font-weight:700}.channelTable td i,.donutLegend i{border-radius:3px;width:8px;height:8px;margin-right:8px;display:inline-block}.donutCard{background:#fbfcfd;border-left:1px solid #e2e8ed;justify-content:center;align-items:center;gap:20px;min-height:260px;display:flex}.channelDonut{width:170px;height:170px;position:relative}.channelDonut svg{transform:rotate(-90deg)}.donutBack,.donutSlice{fill:none;stroke-width:15px}.donutBack{stroke:#eaf0f4}.donutSlice{transition:stroke-dasharray .25s}.channelDonut>div{text-align:center;place-content:center;display:grid;position:absolute;inset:0}.channelDonut strong{color:#17334d;font-size:26px}.channelDonut span{color:#8493a0;font-size:9px}.donutLegend{gap:9px;display:grid}.donutLegend span{color:#627487;font-size:9px}.donutLegend b{color:#263d52;margin-left:4px}.recentPanel>header{padding-bottom:14px}.recentPanel>header>a{color:#1768c5;font-size:10px;font-weight:700;text-decoration:none}.recentScroll{padding:0 10px 10px;overflow:auto}.recentPanel table{min-width:800px}.recentPanel td:first-child a{color:#1467bd;font-weight:750;text-decoration:none}.recentPanel td small{color:#8896a2;margin-top:3px;display:block}.customerMoney{font-weight:750;color:#187356!important}.overviewPrint{white-space:nowrap;color:#18714f;background:#edf7f2;border-radius:999px;padding:5px 8px;font-size:9px;font-weight:750;display:inline-flex}.overviewPrint.reprint{color:#a64b10;background:#fff1e5}.panelEmpty{text-align:center;color:#84929f;padding:58px 20px;font-size:11px}@media (max-width:1100px){.financeCards{grid-template-columns:repeat(2,1fr)}.channelGrid{grid-template-columns:1fr}.donutCard{border-top:1px solid #e2e8ed;border-left:0}.channelPanel{overflow:hidden}}@media (max-width:720px){.financeCards,.printCards{grid-template-columns:1fr}.overviewActions select{display:none}.overviewPanel>header{flex-direction:column;align-items:flex-start;gap:12px}.chartTabs{width:100%}.chartTabs button{flex:1}.channelTable{overflow:auto}.channelTable table{min-width:580px}.donutCard{flex-direction:column}.financeCards article{min-height:126px}}
.financeCards strong.loss,.revenueLoss{color:#c1443b!important}.revenueGain{font-weight:750;color:#147657!important}