:root{color:#17211b;background:#f5f7f2;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0}.shell{min-height:100vh;padding:32px}.topbar{align-items:center;display:flex;justify-content:space-between;gap:24px;margin-bottom:28px}.eyebrow{color:#67715f;font-size:13px;font-weight:700;margin:0 0 6px;text-transform:uppercase}h1,h2,p{margin:0}h1{font-size:32px;line-height:1.1}.status{background:#fff4d6;border:1px solid #e6c76d;border-radius:999px;color:#6f5200;font-size:14px;font-weight:700;padding:8px 12px}.metrics{display:grid;gap:16px;grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:24px}.metric,.panel{background:#fff;border:1px solid #dfe6d8;border-radius:8px}.metric{padding:18px}.metric span,.metric p{color:#63705d;font-size:14px}.metric strong{display:block;font-size:28px;margin:10px 0 6px}.panel{display:flex;flex-direction:column;gap:20px;padding:24px}.panel h2{font-size:22px;margin-bottom:8px}.empty{border:1px dashed #aeb8a7;border-radius:8px;color:#64705d;min-width:240px;padding:24px;text-align:center}.sales{border-collapse:collapse;width:100%}.sales th,.sales td{border-bottom:1px solid #eef2ea;font-size:14px;padding:10px 12px;text-align:left}.sales th{color:#63705d;font-weight:700}.sales td:last-child,.sales th:last-child{text-align:right;font-variant-numeric:tabular-nums}.sales tbody tr:hover{background:#f7faf4}@media (max-width: 900px){.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 640px){.shell{padding:20px}.topbar,.panel{align-items:stretch;flex-direction:column}.metrics{grid-template-columns:1fr}}
