.sales-dashboard-controls{display:flex;align-items:center;justify-content:flex-end;gap:14px;flex-wrap:wrap;margin:0 0 20px;padding:16px 20px;border:1px solid #dce6ed;border-radius:16px;background:var(--white,#fff)}.sales-period-intro{display:flex;align-items:center;gap:10px;margin-right:auto;font-size:12px;font-weight:700;color:#365a73}.sales-period-intro small{display:block;font-size:10px;font-weight:400;color:#7b8d9c;margin-top:4px}.sales-live-dot{width:8px;height:8px;border-radius:50%;background:#4b7e75;box-shadow:0 0 0 5px #edf5f1}.sales-dashboard-controls label{display:block;font-size:10px;font-weight:650;margin-bottom:6px;color:#6b7f8e}.sales-dashboard-controls select,.sales-dashboard-controls input{font:inherit;font-size:12px;min-height:38px;padding:8px 11px;border:1px solid #d2e0e8;border-radius:9px;background:#fff;color:#35536a;max-width:165px}.sales-dashboard-controls>[hidden]{display:none}.sales-kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:20px}.sales-kpi{--sales-color:#486f89;--sales-tint:#eef4f7;padding:20px;border:1px solid #dce6ed;border-top:3px solid var(--sales-color);border-radius:16px;background:#fff;box-shadow:0 5px 18px #19324906}.sales-kpi.green{--sales-color:#4b7e75;--sales-tint:#eef6f2}.sales-kpi.terracotta{--sales-color:#ae7958;--sales-tint:#faf3ed}.sales-kpi.teal{--sales-color:#56818b;--sales-tint:#eef6f7}.sales-kpi-top{display:flex;justify-content:space-between;gap:10px;align-items:center;font-size:12px;font-weight:650;color:#61788c}.sales-kpi-top i{font-style:normal;display:grid;place-items:center;width:34px;height:34px;background:var(--sales-tint);color:var(--sales-color);border-radius:11px;flex-shrink:0}.sales-kpi svg{width:19px;height:19px}.sales-kpi>strong{display:block;font-size:26px;line-height:1.25;letter-spacing:-.6px;margin:15px 0 10px;color:#193249;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}.sales-kpi>small{display:block;font-size:10px;line-height:1.6;color:#7b8d9c}.sales-analytics-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);gap:20px;margin-bottom:20px}.sales-panel{min-width:0;padding:24px;border:1px solid #dce6ed;border-radius:18px;background:#fff;box-shadow:0 5px 18px #19324905}.sales-panel-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:23px}.sales-overline{font-size:9px;letter-spacing:.14em;color:#658298;font-weight:750}.sales-panel h2{font-size:17px;color:#193249;margin:7px 0}.sales-panel-heading p{margin:0;font-size:11px;color:#7b8d9c;line-height:1.6}.sales-panel-heading>span{font-size:11px;color:#7b8d9c}.sales-chart-legend{display:flex;align-items:center;gap:6px;white-space:nowrap;font-size:10px!important}.sales-chart-legend i{display:block;width:8px;height:8px;border-radius:3px;background:#54829e}.sales-chart-scroll{max-width:100%;overflow-x:auto;overscroll-behavior-x:contain}.sales-chart{display:flex;gap:12px;min-width:400px;align-items:stretch;padding:10px 0 0}.sales-month{flex:1;min-width:44px;display:flex;flex-direction:column;align-items:center;gap:5px;font:inherit;background:transparent;border:0;border-radius:7px;padding:0 3px 7px;cursor:pointer;color:#708597}.sales-month:hover,.sales-month.selected{background:#f2f6f9}.sales-bar-value{font-size:9px;font-variant-numeric:tabular-nums;height:13px;white-space:nowrap}.sales-bar-track{position:relative;display:flex;align-items:flex-end;justify-content:center;width:100%;max-width:40px;height:170px;border-bottom:1px solid #dfe7ed;background:repeating-linear-gradient(to top,transparent 0,transparent 41px,#edf2f6 42px,#edf2f6 43px);border-radius:5px 5px 0 0}.sales-bar{display:block;width:75%;border-radius:6px 6px 0 0;background:linear-gradient(0deg,#7697ae,#486f89);min-height:0;max-height:100%}.sales-month.highest .sales-bar{background:linear-gradient(0deg,#78a297,#4b7e75)}.sales-month.selected .sales-bar{box-shadow:0 0 0 2px #b3c8d7}.sales-month-label{font-size:11px;font-weight:700;margin-top:5px;text-transform:capitalize}.sales-month small{font-size:9px;color:#9aabb7}.sales-month-detail{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:15px;border-top:1px solid #e3ebf0;padding-top:14px;font-size:11px;color:#6a8092}.sales-month-detail>span{text-transform:capitalize}.sales-month-detail strong{margin-left:auto;color:#365a73;font-size:16px}.sales-month-detail small{width:100%;font-size:10px;text-align:right}.sales-highlights{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:18px}.sales-highlights>:is(div,button){padding:13px 14px;border-radius:10px;background:#f3f7f8;border:1px solid #e5edf1}.sales-highlights>:is(div,button):last-child{background:#fbf7f3;border-color:#efe5da}.sales-highlights span{display:block;font-size:10px;color:#7b8d9c;margin-bottom:6px}.sales-highlights strong{display:block;font-size:12px;color:#365a73;text-transform:capitalize}.sales-highlights small{display:block;font-size:10px;color:#7b8d9c;margin-top:6px;line-height:1.5}.sales-panel-symbol{width:38px;height:38px;display:grid;place-items:center;background:#eef4f7;color:#486f89;border-radius:12px}.sales-panel-symbol svg{width:21px;height:21px}.sales-product-list{display:grid;gap:21px}.sales-product{display:grid;grid-template-columns:28px minmax(0,1fr);gap:12px}.sales-product-rank{display:grid;place-items:center;align-self:start;width:28px;height:28px;font-size:10px;font-weight:750;color:#4b7e75;background:#eef6f2;border-radius:8px}.sales-product-heading{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.sales-product-heading strong{font-size:12px;line-height:1.5;color:#36536a;overflow-wrap:anywhere}.sales-product-heading b{font-size:13px;color:#365a73;white-space:nowrap;font-variant-numeric:tabular-nums}.sales-product-heading b small{font-size:9px}.sales-product p{font-size:10px;color:#7b8d9c;margin:5px 0 8px;line-height:1.5}.sales-product-track{height:6px;border-radius:99px;background:#edf3f6;overflow:hidden}.sales-product-track>span{height:100%;background:#6c958e;display:block;border-radius:99px}.sales-product>div>small{font-size:9px;color:#9aabb7;display:block;margin-top:6px}.sales-empty{padding:40px 10px;text-align:center;color:#7b8d9c}.sales-empty svg{width:38px;height:38px;color:#91aebb}.sales-empty h3{font-size:14px;color:#4c7189;margin:16px 0 8px}.sales-empty p{font-size:12px;line-height:1.7;max-width:280px;margin:auto}.sales-empty.compact{padding:22px 10px}.sales-empty-note,.sales-small-note{font-size:10px;line-height:1.7;color:#7b8d9c;margin:15px 0}.sales-operations-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);gap:20px;margin-bottom:18px}.sales-pipeline{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.sales-pipeline>div{display:flex;align-items:center;gap:8px;padding:16px;border:1px solid #e2eaf0;border-radius:11px;color:#6a8092;font-size:11px}.sales-pipeline strong{margin-left:auto;font-size:23px;color:#365a73}.sales-pipeline-dot{width:7px;height:7px;background:#ab855d;border-radius:50%;flex:none}.sales-pipeline .production .sales-pipeline-dot{background:#54829e}.sales-pipeline .transit .sales-pipeline-dot{background:#56818b}.sales-pipeline .delivered .sales-pipeline-dot{background:#4b7e75}.sales-collections{position:relative;border-left:3px solid #6c958e;background:#fbfdfc}.sales-collections>.sales-panel-symbol{position:absolute;right:22px;top:22px;color:#4b7e75;background:#eef6f2}.sales-collections h2{padding-right:40px}.sales-collections>strong{font-size:29px;letter-spacing:-.7px;color:#355f55;display:block;margin:18px 0 10px}.sales-collections>p{font-size:11px;line-height:1.7;color:#7b8d9c;max-width:300px}.sales-collections>.btn{margin-top:12px}.sales-recent{margin:20px 0}.sales-shortcuts h2{margin:0 0 17px}.sales-trend button:focus-visible{outline:2px solid #486f89;outline-offset:2px}
html[data-theme=dark] :is(.sales-panel,.sales-kpi,.sales-dashboard-controls){background:#15233a;color:#e5eef7;border-color:#304765}html[data-theme=dark] :is(.sales-panel h2,.sales-kpi>strong,.sales-product-heading strong,.sales-product-heading b,.sales-month-detail strong,.sales-highlights strong,.sales-pipeline strong,.sales-collections>strong){color:#dce9f5}html[data-theme=dark] :is(.sales-highlights>:is(div,button),.sales-month:hover,.sales-month.selected,.sales-pipeline>div){background:#1c3044;border-color:#36516a}html[data-theme=dark] .sales-bar-track{background:repeating-linear-gradient(to top,transparent 0,transparent 41px,#2b4056 42px,#2b4056 43px);border-color:#36516a}html[data-theme=dark] .sales-dashboard-controls select,html[data-theme=dark] .sales-dashboard-controls input{background:#15233a;color:#dce9f5;border-color:#36516a}html[data-theme=dark] .sales-product-track{background:#2b4056}
@media(max-width:1100px){.sales-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sales-analytics-grid,.sales-operations-grid{grid-template-columns:minmax(0,1fr)}.sales-product-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.sales-product-list>.sales-empty{grid-column:1/-1}}
@media(max-width:600px){.sales-dashboard-controls{padding:15px;justify-content:flex-start;gap:12px}.sales-period-intro{width:100%;margin-bottom:5px}.sales-dashboard-controls>div:not(.sales-period-intro){flex:1;min-width:115px}.sales-dashboard-controls select,.sales-dashboard-controls input{max-width:100%;width:100%}.sales-kpi-grid{gap:11px}.sales-kpi{padding:15px}.sales-kpi-top{font-size:10px}.sales-kpi-top i{width:28px;height:28px;border-radius:9px}.sales-kpi>strong{font-size:21px}.sales-kpi>small{font-size:9px}.sales-panel{padding:18px 15px}.sales-panel h2{font-size:16px}.sales-chart{gap:7px}.sales-bar-track{height:145px}.sales-product-list{grid-template-columns:minmax(0,1fr)}.sales-highlights{gap:9px}.sales-highlights>:is(div,button){padding:12px}.sales-pipeline>div{padding:13px}.sales-collections>strong{font-size:25px}}
.content:has(.sales-dashboard-controls) .brand-strip{padding:12px 20px;min-height:0;gap:18px;margin-bottom:24px}.content:has(.sales-dashboard-controls) .brand-strip img{width:110px;height:73px}.content:has(.sales-dashboard-controls) .brand-message b{font-size:15px}.content:has(.sales-dashboard-controls) .brand-message small{display:none}
@media(max-width:600px){.content:has(.sales-dashboard-controls) .brand-strip{padding:10px 13px;gap:13px}.content:has(.sales-dashboard-controls) .brand-strip img{width:88px;height:59px}.content:has(.sales-dashboard-controls) .brand-message b{font-size:13px}.content:has(.sales-dashboard-controls) .brand-message p{font-size:8px;line-height:1.6}}
/* Vivid dashboard indicators and financial direction colors. */
.sales-kpi{--sales-color:#2563eb;--sales-tint:#eff6ff;border-top-width:4px}.sales-kpi.green{--sales-color:#059669;--sales-tint:#ecfdf5}.sales-kpi.terracotta{--sales-color:#ea580c;--sales-tint:#fff7ed}.sales-kpi.teal{--sales-color:#0891b2;--sales-tint:#ecfeff}.sales-kpi-top i{background:var(--sales-color);color:#fff;box-shadow:0 4px 12px color-mix(in srgb,var(--sales-color) 20%,transparent)}.sales-kpi>strong{color:var(--sales-color)}.sales-delta{display:inline-flex;align-items:center;font-size:10px;font-weight:750;line-height:1.5;padding:5px 9px;border-radius:7px;margin-top:10px;background:#f1f5f9;color:#64748b}.sales-delta.up{color:#047857;background:#ecfdf5}.sales-delta.down{color:#b91c1c;background:#fef2f2}.sales-delta.flat{color:#1d4ed8;background:#eff6ff}
.sales-month .sales-bar,.sales-month.highest .sales-bar{background:linear-gradient(0deg,#60a5fa,#2563eb)}.sales-month.trend-up .sales-bar{background:linear-gradient(0deg,#34d399,#059669)}.sales-month.trend-down .sales-bar{background:linear-gradient(0deg,#fb7185,#dc2626)}.sales-month.selected .sales-bar{box-shadow:0 0 0 2px #ffffff,0 0 0 4px #cbd5e1}.sales-month.trend-up .sales-bar-value,.sales-direction{color:#2563eb;font-weight:700}.sales-month.trend-up .sales-bar-value,.sales-month.trend-up .sales-direction{color:#059669}.sales-month.trend-down .sales-bar-value,.sales-month.trend-down .sales-direction{color:#dc2626}.sales-direction{display:block;font-size:17px;height:20px;line-height:20px;margin-top:2px}.sales-month.trend-initial .sales-direction{color:#94a3b8}.sales-chart-legend{gap:10px;flex-wrap:wrap;justify-content:flex-end}.sales-chart-legend>span{display:inline-flex;align-items:center;gap:5px}.sales-chart-legend .up i{background:#059669}.sales-chart-legend .down i{background:#dc2626}.sales-chart-legend .flat i{background:#2563eb}
.sales-product-rank{background:#ecfdf5;color:#059669}.sales-product-track>span{background:linear-gradient(90deg,#059669,#34d399)}.sales-product:nth-child(2) .sales-product-track>span{background:linear-gradient(90deg,#2563eb,#60a5fa)}.sales-product:nth-child(3) .sales-product-track>span{background:linear-gradient(90deg,#0891b2,#22d3ee)}.sales-product:nth-child(4) .sales-product-track>span{background:linear-gradient(90deg,#ea580c,#fb923c)}.sales-product:nth-child(5) .sales-product-track>span{background:linear-gradient(90deg,#0284c7,#38bdf8)}.sales-pipeline-dot{background:#f59e0b}.sales-pipeline .production .sales-pipeline-dot{background:#2563eb}.sales-pipeline .transit .sales-pipeline-dot{background:#0891b2}.sales-pipeline .delivered .sales-pipeline-dot{background:#059669}.sales-collections{border-left-color:#059669}.sales-collections>strong{color:#059669}.sales-collections>.sales-panel-symbol{background:#ecfdf5;color:#059669}.sales-highlights>:is(div,button):first-child{background:#ecfdf5;border-color:#a7f3d0}.sales-highlights>:is(div,button):first-child strong{color:#047857}.sales-highlights>:is(div,button):last-child{background:#fff7ed;border-color:#fed7aa}.sales-highlights>:is(div,button):last-child strong{color:#c2410c}
html[data-theme=dark] .sales-kpi>strong{color:color-mix(in srgb,var(--sales-color) 55%,white)}html[data-theme=dark] .sales-delta.up{color:#6ee7b7;background:#064e3b}html[data-theme=dark] .sales-delta.down{color:#fecaca;background:#7f1d1d}html[data-theme=dark] .sales-delta.flat{color:#bfdbfe;background:#1e3a8a}html[data-theme=dark] .sales-delta.neutral{background:#263a50;color:#cbd5e1}html[data-theme=dark] .sales-month.trend-up .sales-bar-value,html[data-theme=dark] .sales-month.trend-up .sales-direction{color:#34d399}html[data-theme=dark] .sales-month.trend-down .sales-bar-value,html[data-theme=dark] .sales-month.trend-down .sales-direction{color:#fb7185}html[data-theme=dark] .sales-highlights>:is(div,button):first-child{background:#143c32;border-color:#236450}html[data-theme=dark] .sales-highlights>:is(div,button):first-child strong{color:#6ee7b7}html[data-theme=dark] .sales-highlights>:is(div,button):last-child{background:#3c2b1e;border-color:#735337}html[data-theme=dark] .sales-highlights>:is(div,button):last-child strong{color:#fdba74}html[data-theme=dark] .sales-collections>strong{color:#34d399}