*{box-sizing:border-box}body{margin:0;background:#f5f7fb;color:#17223b;font:14px var(--font-sans)}button,select,input{font:inherit}button,select{cursor:pointer}aside{position:fixed;inset:0 auto 0 0;width:218px;background:#fff;border-right:1px solid #e6eaf1;padding:31px 19px;display:flex;flex-direction:column}.brand{font-size:20px;letter-spacing:-.8px;font-weight:800;display:flex;align-items:center;gap:9px}.logo{background:#2165ed;color:#fff;border-radius:11px;padding:9px;font-size:19px}.subbrand{font-size:10px;letter-spacing:2px;color:#8b94a8;margin:8px 0 39px 46px}.navlabel{font-size:10px;color:#9aa4b6;letter-spacing:1.5px;margin:24px 13px 12px}nav button{width:100%;border:0;background:#fff;text-align:left;color:#69768e;padding:14px;border-radius:8px;margin-bottom:6px}nav button.active{background:#edf3ff;color:#2363e6;font-weight:700}nav button span{margin-right:12px}.sidefoot{margin-top:auto;border-top:1px solid #edf0f5;padding-top:20px;font-size:12px;color:#8490a4}.avatar{background:#e9efff;color:#3465cf;padding:11px;border-radius:50%;font-weight:700;display:inline-block;margin-right:8px}main{margin-left:218px}.topbar{height:77px;background:#fff;border-bottom:1px solid #e8ecf3;padding:0 34px;display:flex;align-items:center;justify-content:space-between}.crumb{color:#8d97a9;font-size:12px}.crumb b{color:#26334b}.topright{display:flex;align-items:center;gap:20px}.pill{border:1px solid #e5eaf2;border-radius:7px;padding:8px 12px;background:#fff;font-size:12px;color:#63728b}.dot{display:inline-block;width:6px;height:6px;background:#24b783;border-radius:50%;margin-right:6px}.content{max-width:1650px;padding:33px;margin:auto}.heading{display:flex;justify-content:space-between;align-items:center}h1{font-size:29px;letter-spacing:-1px;margin:0 0 9px}p{color:#8791a4;margin:0;line-height:1.7}.btn{padding:11px 16px;border-radius:7px;border:1px solid #dfe5ef;background:#fff;color:#47556e}.primary{background:#2465ed;color:#fff;border-color:#2465ed}.filters{display:flex;gap:10px;margin:27px 0 22px;align-items:center}select{border:1px solid #dfe5ef;border-radius:7px;background:#fff;padding:11px 15px;color:#35445d;min-width:175px}.filters small{margin-left:auto;color:#8d98aa}.demo{font-size:11px;color:#8290a4;margin-top:12px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.card{background:#fff;border:1px solid #e5eaf2;border-radius:12px;box-shadow:0 3px 5px #273b5e02}.stat{padding:20px}.stathead{display:flex;justify-content:space-between;color:#78849b;font-size:12px}.icon{padding:8px;background:#edf4ff;border-radius:8px;color:#2465ed}.amount{font-size:28px;font-weight:700;letter-spacing:-1px;margin:14px 0 10px}.change{font-size:11px;color:#8d98a9}.green{color:#14a176}.tag{background:#e8f8f0;color:#13a275;padding:4px 6px;border-radius:4px;margin-right:6px;font-size:11px}.grid{display:grid;grid-template-columns:1.9fr 1fr;gap:20px;margin-top:22px}.panel{padding:23px}.paneltitle{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}h2{font-size:16px;letter-spacing:-.3px;margin:0}.muted{font-size:11px;color:#8e99ac}.legend{display:flex;gap:15px;font-size:11px;color:#8490a5;margin-top:20px}.legend i{width:7px;height:7px;display:inline-block;background:#2465ed;border-radius:2px;margin-right:5px}.chart{height:211px;display:flex;align-items:end;gap:13px;padding:15px 6px 0 42px;position:relative;margin:15px 0 25px;background:repeating-linear-gradient(to top,transparent 0,transparent 49px,#edf0f5 50px)}.bar{flex:1;background:#2a69ef;border-radius:4px 4px 0 0;position:relative;min-width:5px}.bar:nth-child(3n){background:#83adff}.bar:hover{background:#164bc3}.bar span{position:absolute;bottom:-23px;font-size:9px;white-space:nowrap;left:50%;transform:translate(-50%);color:#8b98ac}.axis{position:absolute;left:0;top:0;height:100%;display:flex;flex-direction:column;justify-content:space-between;color:#99a3b5;font-size:9px;padding-bottom:0}.insight{margin-top:30px;background:#f4f8ff;color:#677d9f;border-radius:7px;padding:10px;font-size:11px}.rank{padding:17px 0;border-bottom:1px solid #eef1f6;display:flex;align-items:center;gap:11px}.rank:last-child{border:0}.ranknum{color:#a1adbf;font-size:11px}.rankname{font-size:12px;flex:1}.rankname small{display:block;color:#9ba6b8;margin-top:6px}.rank strong{font-size:13px}.line{height:4px;background:#edf2fc;border-radius:3px;margin-top:8px;width:100%}.line i{height:4px;background:#3478f6;display:block;border-radius:3px;width:var(--w)}.tablecard{margin-top:22px;overflow:hidden}.tablehead{display:flex;align-items:center;justify-content:space-between;padding:22px}.tablewrap{overflow:auto}table{border-collapse:collapse;width:100%;white-space:nowrap;text-align:left}th{background:#f8fafd;color:#8d99ad;font-size:10px;font-weight:500;padding:13px 20px}td{padding:17px 20px;border-bottom:1px solid #eff2f7;font-size:12px}td strong{font-weight:600}.loccell{display:flex;align-items:center;gap:10px}.storeicon{background:#f0f5fe;padding:10px;border-radius:8px;color:#5b85ce}.loccell small{display:block;color:#97a1b1;margin-top:4px;font-size:10px}.status{background:#eaf8f1;color:#239d76;padding:5px 8px;border-radius:5px;font-size:10px}.down{color:#df796a}.foot{padding:14px 21px;font-size:11px;color:#9aa6b8;display:flex;justify-content:space-between}.search{border:1px solid #e0e6ef;border-radius:7px;padding:10px 13px;min-width:220px}.tabs{display:flex;gap:23px;border-bottom:1px solid #e2e8f1;margin:26px 0 0}.tabs button{border:0;background:none;color:#8b98aa;padding:0 0 14px}.tabs button.active{color:#2465ed;border-bottom:2px solid #2465ed}.alert{position:fixed;bottom:25px;right:25px;background:#172b4b;color:#fff;padding:15px 22px;border-radius:9px;display:none;z-index:5}dialog{border:0;border-radius:14px;padding:30px;min-width:350px;box-shadow:0 20px 100px #1235}dialog::backdrop{background:#15233b66}@media (min-width: 1600px){.chart{height:240px}td{padding:20px}}@media (max-width: 1100px){aside{width:175px}.brand{font-size:16px}main{margin-left:175px}.content{padding:22px}.stats{gap:10px}.amount{font-size:24px}.grid{grid-template-columns:1.6fr 1fr}}@media (max-width: 780px){aside{display:none}main{margin:0}.topbar{padding:0 20px}.stats{grid-template-columns:repeat(2,1fr)}.grid{grid-template-columns:1fr}.heading{align-items:start;gap:15px}h1{font-size:24px}.filters{flex-wrap:wrap}.filters small{margin:0}.topright .pill{display:none}.content{padding:20px}.tablehead{gap:15px;flex-wrap:wrap}.bar{min-width:2px}.chart{gap:9px}}.crumb__sep{margin:0 12px}.legend__peak{color:#334965}.change__value{color:#52617a}.chart .bar{height:var(--h)}.is-clickable{cursor:pointer}.heading__kicker{font-size:11px;letter-spacing:1px;color:#2465ed;font-weight:600;margin-bottom:8px}.is-preview body{width:1440px;min-width:1440px;height:810px;overflow:hidden}.is-preview aside,.is-preview .demo,.is-preview .tabs,.is-preview #export,.is-preview .topright{display:none!important}.is-preview main{margin-left:0}.is-preview .topbar{height:55px}.is-preview .topbar .crumb{font-size:12px}.is-preview .content{max-width:none;padding:24px 40px}.is-preview .heading h1{font-size:27px}.is-preview .filters{margin:18px 0}.is-preview .grid,.is-preview .tablecard{margin-top:18px}.is-preview .stats .stat{padding:18px}.is-preview .chart{height:215px}.is-preview .panel,.is-preview .tablehead{padding:20px}.preview--locations .grid,.preview--transactions .stats,.preview--close .stats,.preview--hourly .panel--items,.preview--products .panel--sales{display:none}.preview--hourly .grid,.preview--products .grid{grid-template-columns:1fr}.preview--hourly .chart{height:300px}