#app .order-dashboard{min-width:0;margin-bottom:24px}#app .dashboard-summary .hero-kpis{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:24px;display:grid}#app .order-dashboard .hkpi{border:1px solid var(--line);background:var(--surface);border-radius:16px;min-width:0;padding:24px;box-shadow:0 1px 2px var(--lightningcss-light,#15233b08)var(--lightningcss-dark,#00000073),0 8px 24px var(--lightningcss-light,#15233b08)var(--lightningcss-dark,#00000073)}#app .order-dashboard .hkpi .lab{letter-spacing:0;text-transform:none;color:var(--text-muted);font-size:13px;font-weight:500}#app .order-dashboard .hkpi .val{letter-spacing:-.045em;color:var(--text-strong);overflow-wrap:anywhere;margin-top:12px;font-size:clamp(24px,2.2vw,32px);font-weight:750;line-height:1.15}#app .order-dashboard .hkpi .val em{color:var(--text-muted);font-size:16px;font-weight:500}#app .order-dashboard .hkpi .sub{color:var(--text-muted);margin-top:8px;font-size:12px;font-weight:500;line-height:1.5}#app .order-dashboard .hkpi .up{color:var(--good-fg)}#app .order-dashboard .hkpi .down{color:var(--bad-fg)}#app .order-dashboard .cgrid{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:16px;margin-bottom:0}#app .order-dashboard .monthly-trend{border:1px solid var(--line);background:var(--surface);min-width:0;color:var(--text-body);border-radius:16px;padding:20px 24px 16px;box-shadow:0 1px 2px var(--lightningcss-light,#15233b08)var(--lightningcss-dark,#00000073),0 8px 24px var(--lightningcss-light,#15233b08)var(--lightningcss-dark,#00000073)}#app .order-dashboard .monthly-heading{color:var(--text-muted);align-items:center;gap:8px;display:flex}#app .order-dashboard .monthly-heading h3{letter-spacing:-.02em;font-size:15px;font-weight:650}#app .order-dashboard .hero-note{color:var(--text-muted);letter-spacing:0;gap:8px 16px;margin-top:12px;font-weight:500}#app .order-dashboard .hero-note b{color:var(--text-strong)}#app .order-dashboard .hero-note i.ln{background:var(--chart-line)}#app .order-dashboard .hero-note i.ln.dash{background:repeating-linear-gradient(90deg,var(--text-muted) 0 5px,transparent 5px 8px)}#app .order-dashboard .hero-yr{background:var(--surface-muted);border:1px solid var(--line);padding:2px}#app .order-dashboard .hero-yr button{width:44px;height:44px;color:var(--text-muted)}@media (hover:hover){#app .order-dashboard .hero-yr button:hover:not(:disabled){background:var(--surface);color:var(--text-strong)}}#app .order-dashboard .hero-clear{white-space:normal;overflow-wrap:anywhere;max-width:100%;min-height:44px;color:var(--brand);background:var(--brand-soft);padding:8px 12px;font-weight:600}@media (hover:hover){#app .order-dashboard .hero-clear:hover{background:var(--focus-glow)}}#app .order-dashboard .chartbox{flex:none;height:190px;min-height:190px;margin-top:8px}#app .order-dashboard .dncard{border-radius:16px;min-width:0}#app .order-dashboard .dncard .hd{border-bottom:0;padding:20px 24px 12px}#app .order-dashboard .dncard .hd h3{letter-spacing:-.02em;font-size:15px;font-weight:650}#app .order-dashboard .dnwrap{gap:12px;padding:0 20px 20px}#app .order-dashboard .dn{width:144px;height:160px}#app .order-dashboard .dn-center b{letter-spacing:-.04em;font-size:24px}#app .order-dashboard .dn-legend{gap:2px}#app .order-dashboard .dn-row{text-align:left;border-radius:8px;width:100%;min-height:44px;padding:6px 8px}#app .order-dashboard .dn-row:disabled{cursor:default;opacity:1}#app .order-dashboard .dn-row .nm{font-weight:500}#app .order-dashboard .dn-row b{font-weight:650}#app .order-dashboard .dn-row .pc{font-weight:500}#app .order-dashboard button:focus-visible{outline:3px solid var(--brand-soft-line);outline-offset:2px}@media (max-width:1279px){#app .order-dashboard .hkpi{padding:20px}#app .order-dashboard .dnwrap{flex-direction:column;gap:4px}#app .order-dashboard .dn{align-self:center;width:140px;height:140px}#app .order-dashboard .dn-legend{grid-template-columns:repeat(2,minmax(0,1fr));width:100%}#app .order-dashboard .dn-row .pc{display:none}}@media (max-width:767px){#app .dashboard-summary .hero-kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:16px}#app .order-dashboard .hkpi{padding:16px}#app .order-dashboard .hkpi .val{font-size:26px}#app .order-dashboard .hkpi .lab{align-items:flex-start;min-height:38px;font-size:12px}#app .order-dashboard .cgrid{grid-template-columns:minmax(0,1fr);gap:16px}#app .order-dashboard .monthly-trend{padding:16px 12px}#app .order-dashboard .monthly-heading{padding:0 4px}#app .order-dashboard .hero-note{gap:8px 12px}#app .order-dashboard .hero-yr{margin-left:auto}#app .order-dashboard .chartbox{height:180px;min-height:180px}#app .order-dashboard .dnwrap{flex-direction:row;align-items:center;padding:0 12px 16px}#app .order-dashboard .dn-legend{grid-template-columns:minmax(0,1fr)}#app .order-dashboard .dn-row{min-height:44px}}@media (prefers-reduced-motion:reduce){#app .order-dashboard *{transition:none!important;animation:none!important}}