#pageRoot[data-page="dashboard"] { width:100%; max-width:760px; margin:0 auto; padding:18px 16px 110px; }
[data-page="dashboard"] .dashboard-heading { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:16px; }
[data-page="dashboard"] .dashboard-heading h2 { margin:2px 0; color:var(--ink); font-size:24px; letter-spacing:-.65px; }
[data-page="dashboard"] .dashboard-kicker { margin:0; overflow-wrap:anywhere; color:var(--primary); font-size:10.5px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }
[data-page="dashboard"] .dashboard-date { margin:0; color:var(--muted); font-size:11.5px; }
[data-page="dashboard"] .dashboard-primary-action { display:flex; min-height:40px; flex-shrink:0; align-items:center; gap:6px; padding:8px 12px; border:0; border-radius:11px; background:#a53b5a; color:#fff; font:700 12px var(--font); box-shadow:0 6px 16px rgba(20,21,26,.18); cursor:pointer; }
[data-page="dashboard"] .dashboard-primary-action span { font-size:18px; font-weight:400; line-height:1; }
[data-page="dashboard"] .dashboard-overview { display:grid; gap:10px; }
[data-page="dashboard"] .dashboard-hero { position:relative; min-width:0; overflow:hidden; padding:19px; border-radius:16px; background:linear-gradient(310deg, #a53b5a 0%, #491d30 55%, #3f1a2a 100%); box-shadow:0px 0px 6px 3px rgb(73 29 48 / 50%); color:#fff; }
[data-page="dashboard"] .dashboard-label { color:#d8eee2; font-size:11px; font-weight:700; text-transform:uppercase; letter-spacing:.06em; }
[data-page="dashboard"] .dashboard-period { display:block; margin-top:4px; color:rgba(255,255,255,.7); font-size:10.5px; line-height:1.45; }
[data-page="dashboard"] .dashboard-revenue { position:relative; z-index:2; margin:8px 0 17px; overflow-wrap:anywhere; font-size:clamp(25px,7vw,34px); font-weight:800; letter-spacing:-1px; font-variant-numeric:tabular-nums; }
[data-page="dashboard"] .dashboard-annual-visual { position:absolute; z-index:0; right:5px; bottom:69px; width:59%; height:101px; opacity:.72; pointer-events:none; background:repeating-linear-gradient(to bottom,transparent 0 19px,rgba(255,255,255,.075) 19px 20px); -webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.4) 16%,#000 43%); mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.4) 16%,#000 43%); }
[data-page="dashboard"] .dashboard-annual-visual::before { position:absolute; inset:2px -8px -5px; border-radius:50%; background:radial-gradient(circle,rgba(255,255,255,.13),transparent 66%); content:""; filter:blur(4px); animation:dashboardAnnualGlow 3.2s ease-in-out infinite; }
[data-page="dashboard"] .dashboard-finance-lines { position:relative; z-index:1; display:block; width:100%; height:100%; overflow:visible; fill:none; }
[data-page="dashboard"] .dashboard-finance-volume-column { transform:scaleY(0); transform-box:fill-box; transform-origin:center bottom; animation:dashboardVolumeRise .7s cubic-bezier(.22,1,.36,1) forwards; animation-delay:var(--volume-delay); }
[data-page="dashboard"] .dashboard-volume-front { fill:rgba(173,213,236,.13); }
[data-page="dashboard"] .dashboard-volume-top { fill:rgba(218,241,255,.32); }
[data-page="dashboard"] .dashboard-volume-side { fill:rgba(93,148,183,.22); }
[data-page="dashboard"] .dashboard-volume-spark { fill:#e8f8ff; opacity:0; filter:drop-shadow(0 0 3px #d9f5ff); transform-box:fill-box; transform-origin:center; animation:dashboardBarSpark 2.15s ease-in-out infinite; animation-delay:var(--spark-delay); }
[data-page="dashboard"] .dashboard-finance-floor { stroke:rgba(185,224,255,.38); stroke-width:1; filter:drop-shadow(0 0 4px rgba(185,224,255,.7)); }
[data-page="dashboard"] .dashboard-finance-series path { fill:none; stroke-width:2.25; stroke-linecap:round; stroke-linejoin:round; stroke-dasharray:320; stroke-dashoffset:320; animation:dashboardFinanceDraw 1.15s cubic-bezier(.22,1,.36,1) forwards; animation-delay:var(--series-delay); }
[data-page="dashboard"] .dashboard-finance-series circle { fill:currentColor; stroke:none; opacity:0; animation:dashboardFinancePoint .35s ease forwards; animation-delay:calc(var(--series-delay) + .85s); }
[data-page="dashboard"] .dashboard-finance-revenue { color:#70e0a8; stroke:currentColor; filter:drop-shadow(0 0 4px rgba(112,224,168,.5)); }
[data-page="dashboard"] .dashboard-finance-expenses { color:#ff7d83; stroke:currentColor; filter:drop-shadow(0 0 4px rgba(255,125,131,.48)); }
[data-page="dashboard"] .dashboard-finance-profit { color:#d5b76a; stroke:currentColor; opacity:.78; filter:drop-shadow(0 0 3px rgba(213,183,106,.3)); }
@keyframes dashboardFinanceDraw { to { stroke-dashoffset:0; } }
@keyframes dashboardFinancePoint { to { opacity:.9; } }
@keyframes dashboardVolumeRise { to { transform:scaleY(1); } }
@keyframes dashboardBarSpark { 0%,100% { opacity:.08; transform:scale(.5); } 45% { opacity:.95; transform:scale(1.7); } 60% { opacity:.28; transform:scale(.8); } }
@keyframes dashboardAnnualGlow { 0%,100% { opacity:.45; transform:scale(.92); } 50% { opacity:1; transform:scale(1.06); } }
[data-page="dashboard"] .dashboard-hero-bottom { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; padding-top:13px; border-top:1px solid rgba(255,255,255,.2); }
[data-page="dashboard"] .dashboard-hero-bottom div { min-width:0; }
[data-page="dashboard"] .dashboard-hero-bottom span { display:block; color:rgba(255,255,255,.68); font-size:10.5px; }
[data-page="dashboard"] .dashboard-hero-bottom strong { display:block; margin-top:3px; overflow-wrap:anywhere; color:#fff; font-size:13.5px; font-variant-numeric:tabular-nums; }
[data-page="dashboard"] .dashboard-attention { position:relative; overflow:hidden; padding:13px 14px 12px; border:1px solid color-mix(in srgb,var(--outline) 76%,var(--accent)); border-radius:14px; background:linear-gradient(135deg,color-mix(in srgb,var(--surface) 84%,var(--accent)),color-mix(in srgb,var(--surface) 94%,var(--primary))); box-shadow:0 5px 17px rgba(73,29,48,.07); }
[data-page="dashboard"] .dashboard-attention::after { position:absolute; right:-32px; top:-42px; width:115px; height:115px; border:18px solid rgba(121,30,56,.045); border-radius:50%; content:""; pointer-events:none; }
[data-page="dashboard"] .dashboard-card-heading { display:flex; align-items:flex-end; justify-content:space-between; gap:10px; padding:0 1px 6px; }
[data-page="dashboard"] .dashboard-card-heading span,
[data-page="dashboard"] .dashboard-section > span,
[data-page="dashboard"] .dashboard-section-row > div > span { color:var(--primary); font-size:9.5px; font-weight:800; letter-spacing:.08em; }
[data-page="dashboard"] h3 { margin:1px 0 0; color:var(--ink); font-size:14px; }
[data-page="dashboard"] .dashboard-card-heading > small { position:relative; z-index:1; color:var(--muted); font-size:9.5px; white-space:nowrap; }
[data-page="dashboard"] .dashboard-attention-list { position:relative; z-index:1; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); margin-top:2px; border-top:1px solid rgba(121,30,56,.1); }
[data-page="dashboard"] .dashboard-attention-item { display:grid; width:100%; min-width:0; grid-template-columns:minmax(0,1fr) auto; grid-template-rows:auto auto; align-items:center; gap:6px 8px; padding:12px 10px 5px 0; border:0; background:transparent; color:var(--ink); font:inherit; text-align:left; }
[data-page="dashboard"] .dashboard-attention-item:nth-child(2) { padding-right:0; padding-left:12px; border-left:1px solid rgba(121,30,56,.1); }
[data-page="dashboard"] .dashboard-attention-icon { display:grid; width:26px; height:26px; grid-row:2; grid-column:1; place-items:center; border-radius:7px; background:color-mix(in srgb,var(--primary-container) 35%,var(--surface)); color:var(--primary); }
[data-page="dashboard"] .dashboard-attention-item--unpaid .dashboard-attention-icon { background:color-mix(in srgb,var(--accent) 14%,var(--surface)); color:var(--accent); }
[data-page="dashboard"] .dashboard-attention-icon svg { width:13px; height:13px; }
[data-page="dashboard"] .dashboard-attention-copy { min-width:0; grid-row:1; grid-column:1 / -1; }
[data-page="dashboard"] .dashboard-attention b { display:block; font-size:12.5px; }
[data-page="dashboard"] .dashboard-attention small { display:block; margin-top:2px; color:var(--muted); font-size:10.5px; }
[data-page="dashboard"] .dashboard-attention-action { display:flex; min-width:0; grid-row:2; grid-column:2; align-items:center; justify-self:end; gap:5px; padding:0; border:0; background:transparent; color:var(--primary); font:inherit; cursor:pointer; }
[data-page="dashboard"] .dashboard-attention-action strong { display:flex; min-width:0; align-items:center; gap:5px; color:var(--primary); font-size:13px; font-variant-numeric:tabular-nums; text-align:right; white-space:nowrap; }
[data-page="dashboard"] .dashboard-attention-item:is(.dashboard-attention-item--pickup,.dashboard-attention-item--unpaid) .dashboard-attention-action { max-width:100%; }
[data-page="dashboard"] .dashboard-attention-item:is(.dashboard-attention-item--pickup,.dashboard-attention-item--unpaid) .dashboard-attention-action strong { flex-wrap:wrap; white-space:normal; overflow-wrap:anywhere; font-size:clamp(10px,3vw,13px); line-height:1.15; }
[data-page="dashboard"] .dashboard-attention i { color:var(--muted); font-size:21px; font-style:normal; font-weight:300; }
[data-page="dashboard"] .dashboard-section { margin:19px 0 8px; }
[data-page="dashboard"] .dashboard-shortcuts { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:7px; }
[data-page="dashboard"] .dashboard-shortcuts button { display:flex; min-width:0; flex-direction:column; align-items:center; gap:7px; padding:11px 3px 10px; border:1px solid var(--outline); border-radius:12px; color:var(--ink-soft); font:700 10.5px var(--font); box-shadow:0 5px 14px rgba(73,29,48,.07); cursor:pointer; }
[data-page="dashboard"] .dashboard-shortcuts button:nth-child(1) { background:#f7e5ed; border-color:#ead0db; }
[data-page="dashboard"] .dashboard-shortcuts button:nth-child(2) { background:#fae8dc; border-color:#efd6c5; }
[data-page="dashboard"] .dashboard-shortcuts button:nth-child(3) { background:#eee7f6; border-color:#ded1eb; }
[data-page="dashboard"] .dashboard-shortcuts button:nth-child(4) { background:#e6f0f5; border-color:#d1e1e9; }
[data-page="dashboard"] .dashboard-shortcut-icon { display:grid; width:38px; height:38px; place-items:center; border-radius:11px; background:#eacdd9; color:var(--primary); box-shadow:0 3px 9px rgba(73,29,48,.08); }
[data-page="dashboard"] .dashboard-shortcuts button:nth-child(2) .dashboard-shortcut-icon { background:#f5ddcf; color:#914c2a; }
[data-page="dashboard"] .dashboard-shortcuts button:nth-child(3) .dashboard-shortcut-icon { background:#e4daf0; color:#674a81; }
[data-page="dashboard"] .dashboard-shortcuts button:nth-child(4) .dashboard-shortcut-icon { background:#d9e7f0; color:#3d637d; }
[data-page="dashboard"] .dashboard-shortcut-icon svg { width:18px; height:18px; }
[data-page="dashboard"] .business-chart { margin:14px 0 0; padding:14px; border-radius:14px; background:var(--surface); box-shadow:0 5px 17px rgba(73,29,48,.05); }
[data-page="dashboard"] .business-chart-heading h3 { font-size:14px; }
[data-page="dashboard"] .business-chart-heading p,
[data-page="dashboard"] .business-chart-note { font-size:10.5px; }
[data-page="dashboard"] .dashboard-section-row { display:flex; align-items:center; justify-content:space-between; gap:8px; margin:20px 1px 0px; }
[data-page="dashboard"] .dashboard-section-row button { display:flex; align-items:center; gap:4px; padding:6px 0; border:0; background:none; color:var(--primary); font:700 10.5px var(--font); cursor:pointer; }
[data-page="dashboard"] .dashboard-section-row button i { font-size:18px; font-style:normal; font-weight:300; }
[data-page="dashboard"] .dashboard-orders { overflow:hidden; border:1px solid var(--outline); border-radius:14px; background:var(--surface); box-shadow:0 5px 17px rgba(73,29,48,.05); }
[data-page="dashboard"] .dashboard-orders .row { gap:12px; padding:12px 16px; }
[data-page="dashboard"] .dashboard-orders .row:last-child { border-bottom:0; }
[data-page="dashboard"] .dashboard-orders .row-title,
[data-page="dashboard"] .dashboard-orders .row-meta { display:block; white-space:normal; }
[data-page="dashboard"] .dashboard-orders .row-title { font-size:15.5px; }
[data-page="dashboard"] .dashboard-orders .row-meta { font-size:12.5px; text-align:left; line-height:1.45; }
[data-page="dashboard"] .dashboard-orders .nota-address { display:block; margin-top:1px; overflow:hidden; color:var(--muted); font-size:10.5px; line-height:1.3; text-overflow:ellipsis; white-space:nowrap; }
[data-page="dashboard"] .dashboard-orders .nota-date { display:inline-block; }
[data-page="dashboard"] .dashboard-orders .nota-invoice { display:inline-block; overflow-wrap:anywhere; }
[data-page="dashboard"] .dashboard-orders .row-money { font-size:15px; font-variant-numeric:tabular-nums; }
[data-page="dashboard"] .dashboard-orders .avatar {
  width:34px;
  height:34px;
  border:1px solid color-mix(in srgb,var(--primary) 22%,var(--outline));
  border-radius:9px;
  background:color-mix(in srgb,var(--primary) 14%,var(--surface));
  color:color-mix(in srgb,var(--primary) 72%,var(--ink-soft));
  box-shadow:none;
  transform:rotate(45deg);
}
[data-page="dashboard"] .dashboard-orders .avatar > span {
  display:block;
  transform:rotate(-45deg);
  font-size:12px;
  font-weight:700;
  line-height:1;
}
[data-page="dashboard"] .empty-state { padding:34px 20px; }

@media(min-width:680px) {
  [data-page="dashboard"] .dashboard-overview { grid-template-columns:minmax(0,1.25fr) minmax(0,1fr); }
}

@media(max-width:390px) {
  #pageRoot[data-page="dashboard"] { padding:14px 10px 105px; }
  [data-page="dashboard"] .dashboard-heading h2 { font-size:21px; }
  [data-page="dashboard"] .dashboard-primary-action { padding:8px 10px; }
  [data-page="dashboard"] .dashboard-hero { padding:16px 14px; }
  [data-page="dashboard"] .dashboard-revenue { font-size:clamp(24px,7vw,30px); }
  [data-page="dashboard"] .dashboard-annual-visual { right:4px; bottom:63px; width:61%; height:94px; opacity:.64; }
  [data-page="dashboard"] .dashboard-attention-list { grid-template-columns:1fr; }
  [data-page="dashboard"] .dashboard-attention-item { grid-template-columns:34px minmax(0,1fr) auto; grid-template-rows:auto; column-gap:8px; padding:10px 0; }
  [data-page="dashboard"] .dashboard-attention-item:nth-child(2) { padding:10px 0; border-top:1px solid rgba(121,30,56,.1); border-left:0; }
  [data-page="dashboard"] .dashboard-attention-icon { grid-row:1; grid-column:1; }
  [data-page="dashboard"] .dashboard-attention-copy { grid-row:1; grid-column:2; }
  [data-page="dashboard"] .dashboard-attention-action { grid-row:1; grid-column:3; }
}

@media(max-width:380px) {
  [data-page="dashboard"] .dashboard-orders .row { gap:8px; padding:14px 10px; }
  [data-page="dashboard"] .dashboard-orders .avatar { display:none; }
  [data-page="dashboard"] .dashboard-orders .row-money { font-size:13px; }
}

@media(prefers-reduced-motion:reduce) {
  [data-page="dashboard"] .dashboard-annual-visual::before,
  [data-page="dashboard"] .dashboard-finance-series path,
  [data-page="dashboard"] .dashboard-finance-series circle,
  [data-page="dashboard"] .dashboard-finance-volume-column,
  [data-page="dashboard"] .dashboard-volume-spark { animation:none; }
  [data-page="dashboard"] .dashboard-finance-series path { stroke-dashoffset:0; }
  [data-page="dashboard"] .dashboard-finance-series circle { opacity:.9; }
  [data-page="dashboard"] .dashboard-finance-volume-column { transform:none; }
  [data-page="dashboard"] .dashboard-volume-spark { opacity:.55; }
}