.dashboard-panel-body.dashboard-recent-activities { padding: 9px 0; }
.dashboard-activity-group { display: grid; grid-template-columns: 80px minmax(0,1fr); }
.dashboard-activity-date { padding: 3px 12px 0 0; text-align: right; color: #233960; }
.dashboard-activity-day-label { display: block; font-size: 11px; }
.dashboard-activity-date strong { font-size: 30px; line-height: 35px; font-weight: 400; }
.dashboard-activity-month { margin-left: 4px; font-size: 12px; }
.dashboard-activity-events { border-left: 1px solid #d0d4dc; padding-bottom: 12px; }
.dashboard-recent-activities .dashboard-activity {
  position: relative; display: block; margin: 0; padding: 2px 9px 12px 16px; border: 0;
}
.dashboard-recent-activities .dashboard-activity::before {
  content: ''; position: absolute; left: -5px; top: 5px; width: 9px; height: 9px;
  border: 2px solid #3b72ce; border-radius: 50%; background: #fff;
}
.dashboard-recent-activities .dashboard-activity time { display: block; font-size: 12px; font-weight: 600; line-height: 17px; }
.dashboard-recent-activities .dashboard-activity-description {
  display: block; width: 100%; font-size: 12px; line-height: 17px; text-align: left; color: #244174;
  white-space: normal; overflow-wrap: anywhere;
}
.dashboard-recent-activities button.dashboard-activity-description { cursor: pointer; }

/* Dashboard (original layout): toolbar, 3x2 cards, animated SVG charts, tooltips, Add Widget dialog. */
.dashboard-view { position: relative; }
.dashboard-view .dashboard-toolbar { gap: 10px; flex-wrap: wrap; justify-content: flex-start; }
.dashboard-view .dashboard-toolbar > button.dashboard-add-widget { background: #d6e4fe; color: #2552b4; min-width: 120px; font-weight: 600; border: 0; border-radius: 8px; height: 34px; }
.dashboard-view .dashboard-toolbar-spacer { flex: 1; }
.dashboard-view .dashboard-toolbar > select { width: 260px; }
.dashboard-view .dashboard-toolbar > .dashboard-kebab { min-width: 34px; height: 34px; background: transparent; color: #244174; border: 0; font-size: 18px; }
.dashboard-period { display: inline-flex; align-items: center; gap: 6px; color: #132750; font-weight: 600; }
.dashboard-period .dashboard-period-step { width: 28px; height: 28px; border: 1px solid #cdd2da; background: #fff; border-radius: 8px; font-size: 16px; line-height: 1; }
.dashboard-period .dashboard-period-step:disabled { opacity: .4; }
.dashboard-view .dashboard-panel { height: 330px; display: flex; flex-direction: column; }
.dashboard-view .dashboard-panel-head { height: 34px; font-weight: 600; }
.dashboard-panel-tools { display: inline-flex; gap: 4px; }
.dashboard-panel-tools button { width: 26px; height: 26px; border: 0; background: transparent; color: #566680; cursor: pointer; font-size: 15px; border-radius: 8px; }
.dashboard-panel-tools button:hover, .dashboard-panel-tools button:focus-visible { background: #f1f3f7; color: #2552b4; }
.dashboard-view .dashboard-panel-body { flex: 1; height: auto; }
.dashboard-view .dashboard-panel-body svg.dashboard-chart { height: 220px; }
.dashboard-chart .axis-grid { stroke: #e6ebf3; stroke-width: 1; }
.dashboard-chart .axis-zero { stroke: #bdc2ca; stroke-width: 1; }
.dashboard-chart .axis-label { fill: #636f83; font-size: 10px; }
.dashboard-chart .chart-bar { transform-box: fill-box; transform-origin: bottom; animation: dash-grow .7s ease-out both; }
.dashboard-chart .bar-in, .dashboard-legend .bar-in { fill: #4274e8; background: #4274e8; }
.dashboard-chart .bar-out, .dashboard-legend .bar-out { fill: #ff8b84; background: #ff8b84; }
.dashboard-chart .chart-line { stroke-width: 2; stroke-linecap: round; }
.dashboard-chart .chart-line.animate { stroke-dasharray: var(--len); stroke-dashoffset: var(--len); animation: dash-draw 1s ease-out forwards; }
.dashboard-chart .line-net, .dashboard-chart .line-sales { stroke: #3f75ed; }
.dashboard-chart .line-before { stroke: #bdc2ca; stroke-dasharray: 5 4; }
.dashboard-chart .line-before.animate { stroke-dasharray: 5 4; animation: none; }
.dashboard-legend .line-net, .dashboard-legend .line-sales { background: #3f75ed; height: 3px !important; }
.dashboard-legend .line-before { background: #bdc2ca; height: 3px !important; }
.dashboard-chart .chart-dot { fill: #fff; stroke: #3f75ed; stroke-width: 2; animation: dash-fade .6s .5s both; cursor: pointer; }
.dashboard-chart .chart-bar:hover, .dashboard-chart .chart-bar:focus { opacity: .8; outline: none; }
.dashboard-chart .chart-dot:hover, .dashboard-chart .chart-dot:focus { stroke-width: 3; outline: none; }
.dashboard-legend { display: flex; flex-wrap: wrap; gap: 14px; justify-content: center; color: #48566f; font-size: 11px; }
.dashboard-legend span { display: inline-flex; align-items: center; gap: 5px; }
.swatch { display: inline-block; width: 10px; height: 10px; border-radius: 4px; flex: none; }
.dashboard-donut-row { display: grid; grid-template-columns: 132px minmax(0, 1fr); gap: 14px; align-items: center; }
.dashboard-donut-chart { width: 132px; height: 132px; }
.dashboard-donut-chart .donut-track { fill: none; stroke: #ecf1f9; stroke-width: 16; }
.dashboard-donut-chart .donut-seg { fill: none; stroke-width: 16; transition: stroke-dasharray 1s ease-out; cursor: pointer; }
.dashboard-donut-chart .donut-center { font-size: 17px; font-weight: 700; fill: #132750; }
.donut-0 { stroke: #316bfe; background: #316bfe; }
.donut-1 { stroke: #ffc83e; background: #ffc83e; }
.donut-2 { stroke: #f38906; background: #f38906; }
.donut-3 { stroke: #7da5e9; background: #7da5e9; }
.donut-cogs { stroke: #ffc83e; background: #ffc83e; }
.donut-expense { stroke: #f38906; background: #f38906; }
.donut-profit { stroke: #316bfe; background: #316bfe; }
.dashboard-donut-total { display: flex; flex-direction: column; gap: 3px; margin-bottom: 6px; }
.dashboard-donut-total small { color: #636f83; }
.dashboard-donut-total strong { font-size: 17px; color: #132750; }
.dashboard-donut-total .dashboard-pill { align-self: flex-start; }
.dashboard-view .dashboard-amount-row { align-items: center; padding: 6px 0; border-bottom: 1px solid #f0f2f5; }
.dashboard-row-name { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.dashboard-pill { display: inline-block; padding: 1px 7px; border-radius: 10px; font-size: 11px; font-weight: 600; white-space: nowrap; }
.dashboard-pill.good { background: #ecf1f9; color: #1e8a4c; }
.dashboard-pill.bad { background: #e9eef6; color: #c0392b; }
.dashboard-pill.neutral { background: #ecf1f9; color: #636f83; }
.dashboard-compare { margin: 8px 0 0; color: #636f83; font-size: 11px; }
.dashboard-view .dashboard-item-sale { grid-template-columns: minmax(0, 1fr) auto auto; align-items: center; }
.dashboard-view .dashboard-item-sale .bar i { width: 0; transition: width 1s ease-out; }
.dashboard-view .dashboard-item-sale .bar i.negative { background: #ff8b84; }
.rank.medal-1 { background: #feac49; border-color: #f9d879; }
.rank.medal-2 { background: #aeb3ba; border-color: #d6dae2; }
.rank.medal-3 { background: #c98a53; border-color: #e7b890; }
.dashboard-profit-total { display: flex; align-items: center; gap: 10px; margin-top: 10px; padding: 8px 10px; border-radius: 8px; background: #f5f7fb; }
.dashboard-profit-total.loss { background: #f2f4f8; }
.dashboard-profit-total strong { flex: 1; text-align: right; font-size: 16px; color: #132750; }
.dashboard-avatar { width: 24px; height: 24px; border-radius: 50%; background: #d6e4fe; color: #2552b4; display: inline-flex; align-items: center; justify-content: center; font-weight: 700; flex: none; }
.dashboard-empty { grid-column: 1 / -1; padding: 60px 0; text-align: center; color: #636f83; }
.dashboard-tooltip { position: absolute; z-index: 30; max-width: 220px; padding: 6px 9px; border-radius: 8px; background: #233960; color: #fff; font-size: 12px; pointer-events: none; box-shadow: 0 12px 32px rgba(16, 29, 66, 0.16), 0 2px 6px rgba(16, 29, 66, 0.08) ; }
.dashboard-widget-catalog { width: 560px; max-width: 100%; display: flex; flex-direction: column; gap: 10px; }
.dashboard-widget-catalog input[type=search] { height: 34px; }
.dashboard-widget-list { max-height: 420px; overflow: auto; display: flex; flex-direction: column; gap: 6px; }
.dashboard-widget-option { display: grid; grid-template-columns: 40px minmax(0, 1fr) auto; gap: 10px; align-items: center; padding: 8px; border: 1px solid #e3e8f0; border-radius: 8px; }
.dashboard-widget-option.added { background: #f7f9fc; }
.dashboard-widget-icon { width: 40px; height: 40px; border-radius: 8px; background: #f1f3f7; color: #2552b4; display: inline-flex; align-items: center; justify-content: center; font-size: 20px; }
.dashboard-widget-text { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.dashboard-widget-text small { color: #636f83; }
@keyframes dash-grow { from { transform: scaleY(0); } to { transform: scaleY(1); } }
@keyframes dash-draw { to { stroke-dashoffset: 0; } }
@keyframes dash-fade { from { opacity: 0; } to { opacity: 1; } }
@media (prefers-reduced-motion: reduce) {
  .dashboard-chart .chart-bar, .dashboard-chart .chart-dot, .dashboard-chart .chart-line.animate { animation: none; stroke-dashoffset: 0; }
  .dashboard-donut-chart .donut-seg, .dashboard-view .dashboard-item-sale .bar i { transition: none; }
}
@media (max-width: 650px) {
  .dashboard-view .dashboard-toolbar > select { width: 100%; }
  .dashboard-donut-row { grid-template-columns: 1fr; justify-items: center; }
}

/* Original Accurate dashboard (captured DOM/styles): administration panel + 3-column 216px widgets. */
.dashboard-view { background: #ecf0f9; padding: 5px 7px 5px 12px; font-family: 'Plus Jakarta Sans', 'Segoe UI', sans-serif ; }
.dashboard-view .dashboard-administration-panel { display: flex; align-items: center; justify-content: space-between; background: #f9fbff; border: 1px solid #b7bbc3; border-radius: 10px; padding: 5px 5px 6px; margin: 0 0 10px; }
.dashboard-view .dashboard-panel-right { display: flex; align-items: center; gap: 7px; }
.dashboard-view button.dashboard-add-widget { width: 139px; height: 34px; background: #d9e7ff; color: #1e439c; border: 1px solid #355db2; border-radius: 8px; padding: 8px 12px; font-size: 14px; font-weight: 400; }
.dashboard-view button.dashboard-add-widget:hover { background: #c5d9fe; }
.dashboard-view .dashboard-plus { font-style: normal; font-weight: 700; margin-right: 2px; }
.dashboard-view .dashboard-administration-panel .input-control.select { width: 286px; height: 34px; background: #fff; border: 1px solid #b7bbc3; border-radius: 8px; padding: 0 4px; }
.dashboard-view .dashboard-administration-panel select { width: 100%; height: 32px; border: 0; background: #fff; font-size: 16px; padding: 5px 5px 5px 0; }
.dashboard-view .dashboard-kebab, .dashboard-view .dashboard-card-kebab { min-width: 0; width: 18px; height: 22px; padding: 0; background: transparent; border: 0; color: #000; font-size: 18px; line-height: 1; cursor: pointer; }
.dashboard-view .dashboard.accurate-dashboard { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; padding: 0 3px 0 0; background: transparent; }
.dashboard-view .widget-container { position: relative; height: 216px; background: #fff; border: 1px solid #b7bbc3; border-radius: 10px; overflow: hidden; display: flex; flex-direction: column; min-width: 0; }
.dashboard-view .widget-header { height: 26px; flex: none; display: flex; align-items: center; justify-content: space-between; padding: 0 5px 0 11px; border-radius: 10px 10px 0 0; background: #fff; }
.dashboard-view .widget-header-title { min-width: 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding-left: 5px; color: #303339; }
.dashboard-view .widget-header-title .fs-medium { font-size: 14px; font-weight: 500; color: #303339; }
.dashboard-view .widget-button-container { display: flex; align-items: center; gap: 4px; padding: 2px 0 0; }
.dashboard-view .widget-button-container .dashboard-refresh { min-width: 0; width: 20px; height: 21px; padding: 0; border: 0; background: transparent; color: #000; cursor: pointer; }
.dashboard-view .widget-content { flex: 1; min-height: 0; overflow-y: auto; overflow-x: hidden; }
.dashboard-view .widget-chart { padding: 3px; height: 100%; }
.dashboard-view .widget-chart svg.dashboard-chart { width: 100%; height: 182px; }
.dashboard-view .dashboard-chart .axis-grid { stroke: #e2e6ee; }
.dashboard-view .dashboard-chart .axis-label { fill: #9599a1; font-size: 11px; }
.dashboard-view .dashboard-chart .chart-subtitle { fill: #9599a1; font-size: 10px; }
.dashboard-view .dashboard-chart .bar-in { fill: #5387fd; stroke: #fff; stroke-width: 1; }
.dashboard-view .dashboard-chart .bar-out { fill: #ff8170; stroke: #fff; stroke-width: 1; }
.dashboard-view .dashboard-chart .line-net { stroke: #488ae2; stroke-width: 2; }
.dashboard-view .dashboard-chart .dot-net { fill: #488ae2; stroke: none; }
.dashboard-view .dashboard-chart .line-sales { stroke: #799fe3; stroke-width: 2; }
.dashboard-view .dashboard-chart .dot-sales { fill: #799fe3; stroke: none; }
/* Recent activities */
.dashboard-view .widget-list { padding: 5px 10px 0 5px; }
.dashboard-view .dashboard-activity-day { display: flex; gap: 9px; }
.dashboard-view .dashboard-activity-date { flex: none; width: 62px; text-align: center; color: #51555c; padding-top: 5px; }
.dashboard-view .widget-list-day-name { font-size: 12.48px; line-height: 16px; }
.dashboard-view .widget-list-day-of-month { font-size: 36.4px; line-height: 21px; margin-top: 5px; }
.dashboard-view .widget-list-month-name { font-size: 18.72px; line-height: 25px; margin-top: 5px; }
.dashboard-view .widget-list-description { flex: 1; min-width: 0; font-size: 13.52px; color: #51555c; }
.dashboard-view .dashboard-activity-row { display: flex; min-height: 56px; }
.dashboard-view .widget-dot-container { position: relative; flex: none; width: 22px; padding-top: 10px; }
.dashboard-view .widget-dot-aqua { width: 10px; height: 10px; box-sizing: border-box; background: #d9e7ff; border: 1px solid #1e439c; border-radius: 10px; }
.dashboard-view .widget-dot-line { position: absolute; left: 4px; top: 25px; width: 1px; height: 36px; background: #d9dde5; }
.dashboard-view .dashboard-activity-text { flex: 1; min-width: 0; padding-left: 7px; }
.dashboard-view .widget-time { display: block; margin: 5px 0; font-weight: 600; color: #1f2228; }
.dashboard-view .dashboard-activity-text .label-no-wrap { display: block; margin: 5px 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #51555c; font-size: 13.52px; }
.dashboard-view .dashboard-activity-open { display: block; width: 100%; padding: 0; border: 0; background: transparent; text-align: left; cursor: pointer; min-width: 0; }
.dashboard-view .dashboard-activity-open:hover .label-no-wrap { color: #1e439c; text-decoration: underline; }
.dashboard-view hr.widget-line { margin: 4px 4px; border: 0; height: 1px; background: #eaeef7; }
/* Range line, compare lists, conic circles */
.dashboard-view .widget-padding { padding: 5px 12px 12px; height: 100%; box-sizing: border-box; }
.dashboard-view .line-widget-range { display: inline-flex; align-items: center; gap: 3px; height: 24px; font-size: 10px; color: #000; }
.dashboard-view .dashboard-range-step { min-width: 0; padding: 0 1px; border: 0; background: transparent; color: rgb(76, 145, 245); font-size: 10px; cursor: pointer; }
.dashboard-view .dashboard-range-step:disabled { opacity: .45; cursor: default; }
.dashboard-view .dashboard-widget-split { display: flex; gap: 9px; height: calc(100% - 24px); }
.dashboard-view .dashboard-circle-column { flex: none; width: 97px; text-align: center; }
.dashboard-view .circle { width: 90px; height: 90px; margin: 0 auto; border-radius: 50%; display: flex; align-items: center; justify-content: center; transform: scale(.85) rotate(-40deg); opacity: 0; transition: transform .8s ease-out, opacity .5s; }
.dashboard-view .circle.animate { transform: none; opacity: 1; }
.dashboard-view .circle.inner { width: 70px; height: 70px; background: #fff; transform: none; opacity: 1; gap: 2px; }
.dashboard-view .circle.inner .fs-large { font-size: 19.2px; font-weight: 500; }
.dashboard-view .dashboard-arrow { font-size: 10px; }
.dashboard-view .dashboard-circle-column .fs-smaller { display: block; font-size: 10px; margin-top: 5px; line-height: 1.4; }
.dashboard-view .span9 { flex: 1; min-width: 0; display: flex; flex-direction: column; }
.dashboard-view .dashboard-line-bottom, .dashboard-view .dashboard-line-top { display: flex; justify-content: space-between; align-items: center; height: 37px; flex: none; }
.dashboard-view .dashboard-line-bottom { border-bottom: 1px solid #d9dde5; }
.dashboard-view .dashboard-line-top { border-top: 1px solid #d9dde5; margin-top: auto; }
.dashboard-view .dashboard-line-top.loss .text-right { color: rgb(255, 85, 48); }
.dashboard-view .fs-large.fs-bold, .dashboard-view label.fs-bold.fs-large { font-size: 19.2px; font-weight: 500; }
.dashboard-view .fs-small.fs-bold { font-size: 13px; font-weight: 500; }
.dashboard-view .fs-smallest.fs-bold { font-size: 9px; font-weight: 500; }
.dashboard-view .dashboard-color-gray { color: #848890; }
.dashboard-view .dashboard-compare-list { flex: 1; overflow-y: auto; min-height: 0; }
.dashboard-view .dashboard-compare-row { display: flex; align-items: center; height: 25px; }
.dashboard-view .dashboard-compare-name, .dashboard-view .dashboard-compare-value { flex: 1 1 50%; min-width: 0; display: flex; align-items: center; gap: 6px; }
.dashboard-view .dashboard-compare-value { justify-content: flex-end; }
.dashboard-view .dashboard-compare-name .label-no-wrap { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 13px; }
.dashboard-view .widget-dot { flex: none; width: 10px; height: 10px; box-sizing: border-box; border: 1px solid #7c8088; border-radius: 10px; }
.dashboard-view [class*="panel-portion-"], .dashboard-view .line-portion { flex: none; display: inline-block; width: 35px; height: 16px; box-sizing: border-box; border-radius: 10px; font-size: 10px; line-height: 14px; text-align: center; }
.dashboard-view .panel-portion-red { color: rgb(227, 8, 8); background: rgb(255, 210, 200); border: 1px solid rgba(227, 8, 8, .314); }
.dashboard-view .panel-portion-aqua, .dashboard-view .line-portion { color: rgb(57, 110, 182); background: rgb(228, 240, 255); border: 1px solid rgba(57, 110, 182, .314); }
.dashboard-view .panel-portion-gray { color: #9599a1; background: #e5e9f1; border: 1px solid rgba(149, 153, 161, .314); }
/* Item sales (top 3 with medals) */
.dashboard-view .dasboard-top-data-row { display: flex; gap: 8px; height: 42px; align-items: center; }
.dashboard-view .line-icon { flex: none; width: 27px; padding: 6px 6px 6px 0; }
.dashboard-view .line-body { flex: 1; min-width: 0; }
.dashboard-view .line-head { display: flex; align-items: center; gap: 8px; height: 27px; }
.dashboard-view .line-head .line-name { flex: 1; min-width: 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 13px; }
.dashboard-view .line-progress-container { height: 10px; background: #ecf0f9; border-radius: 10px; overflow: hidden; }
.dashboard-view .line-progress { width: 0; height: 10px; border-radius: 10px; transition: width 1s ease-out; }
@media (max-width: 1000px) { .dashboard-view .dashboard.accurate-dashboard { grid-template-columns: 1fr 1fr; } }
@media (max-width: 650px) { .dashboard-view .dashboard.accurate-dashboard { grid-template-columns: 1fr; } .dashboard-view .dashboard-administration-panel .input-control.select { width: 160px; } }
@media (prefers-reduced-motion: reduce) { .dashboard-view .circle, .dashboard-view .line-progress { transition: none; } }/* Hover layer */
.dashboard-view .dashboard-tooltip { position: absolute; z-index: 30; pointer-events: none; white-space: pre-line; max-width: 280px; padding: 7px 9px; background: rgba(255, 255, 255, .97); border: 1px solid #799fe3; border-radius: 8px; box-shadow: 0 1px 2px rgba(16, 29, 66, 0.06), 0 2px 8px rgba(16, 29, 66, 0.06) ; font-size: 12px; line-height: 1.45; color: #303339; }
.dashboard-view .dashboard-tooltip::first-line { font-weight: 600; }
.dashboard-view .dashboard-chart .chart-hit { fill: transparent; cursor: pointer; outline: none; }
.dashboard-view .dashboard-chart .chart-hit:hover, .dashboard-view .dashboard-chart .chart-hit:focus { fill: rgba(121, 159, 227, .08); }
.dashboard-view .dashboard-chart .chart-guide { stroke: #c8ccd4; stroke-width: 1; pointer-events: none; }
.dashboard-view .dashboard-compare-row, .dashboard-view .dasboard-top-data-row, .dashboard-view .dashboard-activity-row { cursor: default; outline: none; border-radius: 6px; }
.dashboard-view .circle { cursor: default; outline: none; }
.dashboard-view .dashboard-compare-row:hover, .dashboard-view .dasboard-top-data-row:hover, .dashboard-view .dashboard-activity-row:hover { background: #f5f7fb; }
.dashboard-view .circle:hover { filter: brightness(1.05); }
.dashboard-view .widget-content.loading { opacity: .45; pointer-events: none; transition: opacity .15s; }