.doDashboard{color:#101828;line-height:1.6}.doDashboard *{box-sizing:border-box}.doDashboard a{text-decoration:none}.doDashboard .doWelcome{color:#7a889d;margin:-14px 0 20px;font-size:14px}.doDateRow{align-items:stretch;gap:12px;margin-bottom:20px;display:flex}.doDate{cursor:pointer;background:#fff;border:1px solid #e8eef8;border-radius:13px;flex:1;align-items:center;gap:13px;max-width:420px;padding:13px 16px;display:flex;position:relative}.doDateIcon{color:#0866f5;background:#eaf2ff;border-radius:10px;place-items:center;width:40px;height:40px;display:grid}.doDate>span:nth-child(2){flex:1}.doDate small{color:#8a98ad;font-size:11px;display:block}.doDate strong{font-size:14px;display:block}.doDate>svg{color:#96a7bd}.slApp .doDate input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.doDate:focus-within{outline-offset:2px;outline:3px solid #aacdff}.slApp .doDashboard button.doRefresh{color:#74849b;background:#fff;border:1px solid #e8eef8;border-radius:12px;gap:8px;min-width:46px;font-size:12px}.doMetrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:24px;display:grid}.doMetric{color:#101828;background:#fff;border:1px solid #e8eef8;border-radius:14px;align-items:flex-start;gap:12px;min-width:0;padding:22px 18px;display:flex;box-shadow:0 4px 16px #0d397804}.doMetric:hover{border-color:#c3d9fa}.doMetric>div{flex:1;min-width:0}.doMetricIcon{border-radius:12px;flex-shrink:0;place-items:center;width:42px;height:42px;display:grid}.doMetricIcon.blue{color:#0866f5;background:#eaf2ff}.doMetricIcon.green{color:#13bb73;background:#e5f8ee}.doMetricIcon.pink{color:#f15f7a;background:#fff0f3}.doMetricIcon.purple{color:#9956f4;background:#f2eaff}.doMetric>div>span{color:#7b89a0;font-size:12px;display:block}.doMetric strong{overflow-wrap:anywhere;font-variant-numeric:tabular-nums;letter-spacing:-.5px;margin:4px 0 7px;font-size:24px;font-weight:750;line-height:1.4;display:block}.doMetric strong>small{letter-spacing:.3px;color:#8291a7;font-size:10px;display:block}.doMetric .doMetricNote{color:#8a98aa;font-size:10px;line-height:1.7;display:block}.doMetric .doTrend{color:#24986c;align-items:flex-start;gap:2px;font-size:10px;line-height:1.7;display:flex}.doTrend svg{flex-shrink:0;margin-top:2px}.doMetric .doTrend.down{color:#d65c72}.doColumns{grid-template-columns:minmax(0,1.5fr) minmax(280px,1fr);align-items:start;gap:20px;display:grid}.doChartCard,.doRecent{background:#fff;border:1px solid #e8eef8;border-radius:15px;overflow:hidden;box-shadow:0 3px 14px #15357003}.doChartCard{padding:22px}.doDashboard :is(.doChartCard,.doRecent)>header{justify-content:space-between;align-items:center;gap:12px;display:flex}.doDashboard h2{color:#101828;letter-spacing:-.4px;margin:0;font-size:17px;font-weight:750}.doChartCard h2{border-left:3px solid #0866f5;padding-left:9px}.slApp .doChartCard select{color:#60728e;background:#f6f9ff;border:1px solid #e7eef9;width:auto;min-height:36px;padding:7px 9px;font-size:12px}.doRange{color:#8d9bb0;margin:13px 0 5px;font-size:11px}.doChart{width:100%;height:auto;margin:10px 0;display:block;overflow:visible}.doChart text{fill:#8b9bb2;font:12px Arial,sans-serif}.doDefinition{color:#8b99ae;margin:14px 0 0;font-size:11px;line-height:1.9}.doChartState{color:#8b99ae;place-items:center;min-height:230px;font-size:13px;display:grid}.doDaily{color:#6f829e;border-top:1px solid #edf2fa;margin-top:10px;padding-top:11px;font-size:12px}.doDaily summary{cursor:pointer;min-height:32px}.doDaily>div{max-height:230px;overflow:auto}.doDaily p{border-bottom:1px solid #eff3f9;justify-content:space-between;align-items:center;gap:12px;margin:0;padding:8px 0;display:flex}.doDaily strong{color:#334b6a;font-size:12px}.doRecent>header{padding:22px 19px 13px}.doRecent>header>a{color:#0866f5;white-space:nowrap;align-items:center;gap:3px;font-size:11px;display:flex}.doOrder{color:#101828;border-bottom:1px solid #eef2f8;align-items:center;gap:12px;margin:0 18px;padding:17px 0;display:flex}.doOrder:last-child{border-bottom:0}.doOrder:hover{background:#f8fbff}.doOrderIcon{color:#7297c6;background:#f1f6fd;border-radius:9px;flex-shrink:0;place-items:center;width:39px;height:44px;display:grid}.doOrder>div{flex:1;min-width:0}.doOrder>div>strong{font-size:13px;display:block}.doOrder>div>span{color:#71829b;overflow-wrap:anywhere;font-size:11px;display:block}.doOrder>div>small{color:#a1aec0;margin-top:3px;font-size:10px;display:block}.doOrderEnd{text-align:right;max-width:46%}.doOrderEnd>b{overflow-wrap:anywhere;font-size:12px;display:block}.doStatus{color:#72839c;text-transform:capitalize;background:#f0f3f9;border-radius:20px;margin-top:6px;padding:3px 9px;font-size:9px;display:inline-block}.doStatus.pending{color:#c08624;background:#fff4df}.doStatus.confirmed,.doStatus.processing{color:#0866f5;background:#eaf3ff}.doStatus.shipped{color:#9762da;background:#f1eaff}.doStatus.completed{color:#28a96e;background:#e6f9ed}.doStatus.cancelled{color:#d86177;background:#fff0f2}.doEmpty{color:#8a99ae;text-align:center;padding:13px 18px;font-size:12px}.slApp .doDashboard button.doAttention{color:#6c809c;text-align:left;background:#fff;border:1px solid #e7eef8;border-radius:12px;justify-content:flex-start;gap:12px;width:100%;margin-top:20px;padding:17px;font-size:13px;display:flex}.doAttention>svg:first-child{color:#d69a3a;flex-shrink:0}.doAttention>span{flex:1}.doShortcuts{grid-template-columns:1fr 1fr;gap:14px;margin-top:17px;display:grid}.slApp .doShortcuts>button,.doShortcuts>a{color:#526984;background:#fff;border:1px solid #e7eef8;border-radius:12px;justify-content:flex-start;align-items:center;gap:10px;min-height:54px;padding:16px;font-size:13px;display:flex}.doShortcuts>*>svg{color:#0866f5;flex-shrink:0}.doShortcuts>*>svg:last-child{color:#9badc4;margin-left:auto}.doCommissions{background:#fff;border:1px solid #e7eef8;border-radius:12px;margin-top:22px;overflow:hidden}.doCommissions>summary{color:#526984;cursor:pointer;padding:17px 20px;font-size:13px}.doCommissions .scoPanel{box-shadow:none;border:0;margin:0}.doError{color:#ad3d49;overflow-wrap:anywhere;background:#fff0f0;border:1px solid #f9d4d8;border-radius:10px;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;padding:14px;font-size:13px;display:flex}.doDashboard :is(a,button,summary,select):focus-visible{outline-offset:3px;outline:3px solid #9fc4ff}@media (max-width:1200px){.doMetric{padding:18px;display:block}.doMetricIcon{margin-bottom:10px}.doColumns{grid-template-columns:minmax(0,1fr)}.doRecent{display:block}.doOrder{padding:16px 0}.doMetric strong{font-size:22px}}@media (max-width:700px){.doDashboard .doWelcome{margin:-13px 0 15px;font-size:12px}.doDateRow{gap:9px;margin-bottom:14px}.doDate{border-radius:10px;gap:10px;padding:11px 12px}.doDateIcon{border-radius:9px;width:34px;height:34px}.doDate strong{font-size:12px}.doDate small{font-size:10px}.doRefresh>span{display:none}.doMetrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:17px}.doMetric{border-radius:11px;gap:9px;padding:14px 11px;display:flex}.doMetricIcon{border-radius:9px;width:33px;height:36px;margin:0}.doMetricIcon svg{width:20px;height:20px}.doMetric>div>span{font-size:10px}.doMetric strong{letter-spacing:-.4px;margin:3px 0 6px;font-size:18px}.doMetric .doTrend,.doMetric .doMetricNote,.doMetric strong>small{font-size:9px}.doColumns{gap:15px}.doChartCard{border-radius:12px;padding:17px 13px}.doDashboard h2{font-size:15px}.slApp .doChartCard select{min-height:36px;padding:6px 7px;font-size:11px}.doChart text{font-size:18px}.doChartState{min-height:180px}.doDefinition{font-size:10px}.doRecent>header{padding:17px 14px 8px}.doOrder{gap:10px;margin:0 14px}.doOrderEnd>b{font-size:11px}.doOrder>div>strong{font-size:12px}.doOrderIcon{width:34px;height:40px}.doShortcuts{gap:10px}.slApp .doShortcuts>button,.doShortcuts>a{gap:7px;padding:13px 11px;font-size:11px}.doCommissions>summary{padding:15px;font-size:12px}.slApp .doDashboard button.doAttention{padding:14px;font-size:12px}.doRange{font-size:10px}}@media (max-width:360px){.doMetric{gap:6px;padding:12px 8px}.doMetricIcon{width:28px;height:32px}.doMetric strong{font-size:16px}.doMetric>div>span{font-size:9px}.doShortcuts{grid-template-columns:1fr}}
.wwWelcome{isolation:isolate;color:#101828;background:linear-gradient(115deg,#f0f6ff 0%,#e7f0ff 55%,#d8e8ff 100%);border:1px solid #d9e7ff;border-radius:22px;justify-content:space-between;align-items:center;gap:24px;margin:0 0 24px;padding:30px 34px;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 26px #0866f507}.wwWelcome *{box-sizing:border-box}.wwWelcome:after{content:"";z-index:-1;border:1px solid #fff9;border-radius:50%;width:420px;height:420px;position:absolute;top:-190px;right:-100px;box-shadow:0 0 0 45px #ffffff29,0 0 0 90px #ffffff20}.wwCopy{min-width:0;max-width:680px}.wwEyebrow{letter-spacing:1.5px;color:#0866f5;align-items:center;gap:7px;font:700 10px/1.7 Arial,sans-serif;display:flex}.slApp .wwWelcome h2{letter-spacing:-.6px;color:#10274b;margin:12px 0 7px;font-size:26px;line-height:1.65}.wwCopy>p{color:#62758f;max-width:550px;margin:0;font-size:13px;line-height:1.9}.wwActions{flex-wrap:wrap;gap:10px;margin-top:21px;display:flex}.slApp .wwActions>:is(a,button){color:#fff;cursor:pointer;background:#0866f5;border:1px solid #0866f5;border-radius:11px;justify-content:center;align-items:center;gap:12px;min-height:44px;padding:10px 16px;font-size:13px;font-weight:600;line-height:1.6;text-decoration:none;display:inline-flex;box-shadow:0 5px 12px #0866f51c}.slApp .wwActions>button{color:#285a9f;box-shadow:none;background:#ffffffa6;border-color:#cadbfa}.wwActions>:is(a,button):focus-visible{outline-offset:3px;outline:3px solid #639eff}.slApp .wwActions>:is(a,button):hover{filter:brightness(.96)}.wwArt{flex:0 0 185px;place-items:center;height:175px;display:grid;position:relative}.wwOrbit{border:1px solid #aacaff;border-radius:50%;position:absolute;inset:2px;transform:rotate(-15deg)}.wwIcon{color:#fff;background:linear-gradient(145deg,#4289ff,#0866f5);border-radius:29px;place-items:center;width:110px;height:110px;display:grid;transform:rotate(-8deg);box-shadow:0 16px 30px #0866f52e,inset 0 1px #fff7}.wwMini{color:#0866f5;background:#fff;border:1px solid #e0eaff;border-radius:13px;place-items:center;width:45px;height:45px;display:grid;position:absolute;box-shadow:0 6px 20px #3159900c}.wwMini.one{bottom:18px;left:-5px;transform:rotate(8deg)}.wwMini.two{top:10px;right:0;transform:rotate(8deg)}@media (max-width:1100px){.wwWelcome{padding:25px}.wwArt{flex-basis:140px;height:155px}.wwIcon{width:90px;height:90px}.wwMini{width:37px;height:37px}.slApp .wwWelcome h2{font-size:23px}}@media (max-width:650px){.wwWelcome{border-radius:18px;align-items:flex-start;gap:0;margin-bottom:20px;padding:23px 20px}.wwCopy{z-index:1;width:100%;position:relative}.wwEyebrow{letter-spacing:1.2px;font-size:9px}.slApp .wwWelcome h2{margin:12px 0 9px;padding-right:38px;font-size:21px;line-height:1.7}.wwCopy>p{max-width:100%;font-size:12px}.wwActions{gap:8px;margin-top:18px}.slApp .wwActions>:is(a,button){gap:7px;padding:10px 12px;font-size:12px}.wwArt{opacity:.7;width:42px;height:42px;position:absolute;top:20px;right:15px}.wwIcon{width:40px;height:40px;box-shadow:none;border-radius:12px}.wwIcon svg{width:25px;height:25px}.wwOrbit,.wwMini{display:none}}
.slApp .doDashboard .doDateRow{justify-content:space-between;margin-bottom:22px}.slApp .doDashboard .doDate{border-radius:14px;max-width:360px;box-shadow:0 3px 14px #10284803}.slApp .doDashboard button.doRefresh{color:#547195;padding:12px 17px;font-weight:600}.slApp .doDashboard .doMetrics{gap:15px}.slApp .doDashboard .doMetric{border:1px solid #e4ecf7;border-radius:17px;padding:23px 18px;position:relative;overflow:hidden;box-shadow:0 5px 20px #17366004}.doMetric:after{content:"";background:#d6e5ff;height:2px;position:absolute;top:0;left:18px;right:18px}.doMetric:nth-child(2):after{background:#cdeedd}.doMetric:nth-child(3):after{background:#ffe0e7}.doMetric:nth-child(4):after{background:#e6d8fc}.slApp .doDashboard .doMetricIcon{border-radius:13px;width:43px;height:45px}.slApp .doDashboard .doMetric>div>span{color:#60748f;font-size:12px}.slApp .doDashboard .doMetric strong{color:#173452;margin:6px 0;font-size:25px}.slApp .doDashboard .doMetric .doTrend,.slApp .doDashboard .doMetric .doMetricNote{font-size:11px}.slApp .doDashboard .doMetric .doMetricNote{color:#71839b}.slApp .doDashboard :is(.doChartCard,.doRecent){border-color:#e3ebf7;border-radius:18px;box-shadow:0 5px 20px #17366004}.slApp .doDashboard .doChartCard{padding:25px}.slApp .doDashboard h2{color:#203b5d;letter-spacing:-.3px;font-size:18px}.slApp .doDashboard .doRange,.slApp .doDashboard .doDefinition{color:#71839c;font-size:12px}.slApp .doDashboard .doDaily summary{align-items:center;min-height:44px;font-size:12px;display:flex}.slApp .doDashboard .doOrder{padding:18px 0}.slApp .doDashboard .doOrderIcon{color:#0866f5;background:#edf4ff;border-radius:12px;width:42px;height:44px}.slApp .doDashboard .doOrder>div>span{color:#637995;font-size:12px}.slApp .doDashboard .doOrderEnd>b{color:#234265;font-size:13px}.slApp .doDashboard .doStatus{padding:4px 10px;font-size:10px}.slApp .doDashboard .doRecent>header>a{min-height:40px;font-size:12px}.slApp .doDashboard button.doAttention{color:#8c713d;background:#fffcf6;border-color:#f2e6cd;border-radius:15px;min-height:62px}.slApp .doDashboard .doShortcuts>:is(a,button){color:#345579;border-radius:15px;min-height:70px;padding:20px;font-weight:600}.slApp .doDashboard .doCommissions{border-radius:15px}.slApp:has(>.wnModern) .woOverview .woMetrics>div{border-color:#e4ecf7;border-radius:17px;align-items:center;gap:16px;padding:24px 21px;display:flex;position:relative;box-shadow:0 5px 20px #17366004}.slApp:has(>.wnModern) .woOverview .woIcon{border-radius:13px;flex-shrink:0;width:44px;height:46px;margin:0}.slApp:has(>.wnModern) .woOverview .woMetrics strong{color:#173452;margin:6px 0;font-size:30px}.slApp:has(>.wnModern) .woOverview .woMetrics div>span:not(.woIcon){color:#637995;font-size:12px}.slApp:has(>.wnModern) .woOverview .woPanel{background:#fff;border:1px solid #e3ebf7;border-radius:18px;overflow:hidden;box-shadow:0 5px 20px #17366004}.slApp:has(>.wnModern) .woOverview .woPanel>header{background:#fff;border-bottom:1px solid #edf2f8;padding:20px 23px}.slApp:has(>.wnModern) .woOverview .woPanel h3{color:#203b5d;font-size:17px}.slApp:has(>.wnModern) .woOverview .woAttention{background:#fffcf6;border-color:#f2e6cd;border-radius:15px;padding:20px}.slApp:has(>.wnModern) .woOverview .woShortcuts>:is(a,button){background:#fff;border-radius:15px;min-height:88px;box-shadow:0 5px 20px #17366003}@media (max-width:1200px){.slApp .doDashboard .doMetric{padding:19px 16px}.slApp .doDashboard .doMetric strong{font-size:23px}.slApp:has(>.wnModern) .woOverview .woMetrics>div{flex-wrap:wrap;gap:12px;padding:20px}}@media (max-width:700px){.slApp .doDashboard .doDateRow{margin-bottom:17px}.slApp .doDashboard .doMetrics{gap:11px}.slApp .doDashboard .doMetric{border-radius:14px;padding:16px 14px;display:block}.slApp .doDashboard .doMetricIcon{border-radius:10px;width:36px;height:38px;margin-bottom:12px}.slApp .doDashboard .doMetric>div>span{font-size:11px;line-height:1.9}.slApp .doDashboard .doMetric strong{font-size:22px}.slApp .doDashboard .doMetric .doTrend,.slApp .doDashboard .doMetric .doMetricNote{font-size:10px}.slApp .doDashboard .doChartCard{padding:19px 14px}.slApp .doDashboard h2{font-size:16px}.slApp .doDashboard .doRange,.slApp .doDashboard .doDefinition{font-size:11px}.slApp .doDashboard .doOrderEnd>b{font-size:12px}.slApp .doDashboard .doShortcuts>:is(a,button){padding:16px 13px;font-size:12px;line-height:1.8}.slApp:has(>.wnModern) .woOverview .woMetrics>div{flex-wrap:nowrap;gap:11px;padding:17px 13px;display:flex}.slApp:has(>.wnModern) .woOverview .woMetrics strong{font-size:25px}.slApp:has(>.wnModern) .woOverview .woIcon{width:37px;height:40px}.slApp:has(>.wnModern) .woOverview .woPanel>header{padding:17px}.slApp:has(>.wnModern) .woOverview .woPanel h3{font-size:15px}.slApp:has(>.wnModern) .woOverview .woAttention{padding:16px}.slApp:has(>.wnModern) .woOverview .woMetrics div>span:not(.woIcon){font-size:11px}}@media (max-width:360px){.slApp .doDashboard .doMetric{padding:13px 11px}.slApp .doDashboard .doMetric strong{font-size:20px}.slApp:has(>.wnModern) .woOverview .woMetrics>div{flex-wrap:wrap}}
