.dashboard-period{padding:18px 22px}.period-buttons{display:flex;flex-wrap:wrap;gap:8px}.period-buttons [aria-pressed=true]{background:var(--green);color:white;border-color:var(--green)}#custom-period{display:flex;gap:14px;align-items:end;flex-wrap:wrap;margin-top:12px}#custom-period label{margin:0;flex:1;min-width:150px}#custom-period input{margin-top:6px}.period-caption{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:12px}.dashboard-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin:24px 0 12px}.metric-label{color:var(--muted);font-size:14px}.metric-value{display:block;font-size:clamp(24px,2.2vw,34px);margin:10px 0;letter-spacing:-.8px;overflow-wrap:anywhere}.metric-change{font-size:14px;color:var(--muted)}.metric-change.up{color:#23603e}.metric-change.down{color:#97452d}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(300px,1fr);gap:22px;margin:22px 0}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:18px}.section-heading h2{font-size:20px}.sales-chart{height:260px;display:flex;align-items:end;gap:6px;overflow-x:auto;padding-top:26px;border-bottom:1px solid var(--line)}.chart-column{flex:1;min-width:32px;height:100%;display:flex;flex-direction:column;justify-content:end;align-items:stretch;gap:8px;text-align:center}.chart-bar{background:#347452;border-radius:5px 5px 0 0;min-height:2px;position:relative;outline-offset:2px}.chart-bar:hover,.chart-bar:focus{background:#194b34}.chart-label{font-size:12px;color:var(--muted);height:30px;white-space:nowrap}.chart-data{margin-top:18px;font-size:14px}.chart-data summary{cursor:pointer;color:var(--green)}.rank-row{display:grid;grid-template-columns:24px 45px minmax(0,1fr) auto;gap:10px;align-items:center;padding:14px 0;border-bottom:1px solid var(--line)}.rank-row img,.rank-photo{width:45px;height:50px;object-fit:cover;border-radius:6px;background:#edf2ee}.rank-row strong{font-size:14px;display:block;overflow-wrap:anywhere}.rank-row small{display:block;color:var(--muted);font-size:13px;margin-top:3px}.rank-index{color:var(--muted);font-size:14px}.rank-quantity{text-align:right;font-weight:650;font-size:16px}.rank-quantity small{font-weight:400}.ranking-note{margin-top:14px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:14px}th,td{text-align:left;padding:14px 8px;border-bottom:1px solid var(--line)}th{font-weight:600;color:var(--muted)}.dashboard-recent table{min-width:650px}.dashboard-recent td:nth-child(5){white-space:nowrap;font-weight:650}.dashboard-recent td:nth-child(4){max-width:230px;overflow-wrap:anywhere}.badge{font-size:14px}.badge.pending{background:#fbefd9;color:#845d1c}.badge.partial{background:#fff1c5;color:#7f620c}.badge.cancelled{background:#f5e5e5;color:#923f3f}#dashboard-note{margin-top:16px}.quick-actions{margin-top:24px}.quick-actions>div{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}@media(max-width:1100px){.dashboard-grid{grid-template-columns:1fr}.dashboard-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:650px){.dashboard-metrics{gap:12px}.dashboard-metrics .card{padding:16px}.metric-value{font-size:24px}.period-caption{align-items:start}.dashboard-period{padding:16px}.dashboard-grid{gap:16px}.sales-chart{height:220px}.rank-row{grid-template-columns:20px 40px minmax(0,1fr) auto}.rank-row img,.rank-photo{width:40px}.quick-actions .button{flex:1}.page-heading{gap:10px}}