:root{font-family:Inter,system-ui,sans-serif;color:#f9fafb;background:#0b1020}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}.shell{min-height:100vh;display:grid;grid-template-columns:240px 1fr}.side{padding:24px;background:#111827;border-right:1px solid #263044}.brand{font-size:22px;font-weight:800;margin-bottom:28px}.nav button{display:block;width:100%;text-align:left;border:0;background:transparent;color:#cbd5e1;padding:12px;border-radius:10px;margin:4px 0}.nav button.active,.nav button:hover{background:#1f2937;color:#fff}.main{padding:28px}.top{display:flex;justify-content:space-between;align-items:center;gap:16px}.badge{padding:7px 10px;border-radius:999px;background:#1f2937;font-size:12px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin-top:22px}.card{background:#111827;border:1px solid #263044;border-radius:16px;padding:18px}.metric{font-size:28px;font-weight:800}.muted{color:#94a3b8}.pos{display:grid;grid-template-columns:1fr 360px;gap:18px}.products{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}.product{min-height:110px;border:1px solid #334155;background:#172033;color:#fff;border-radius:14px;padding:14px;text-align:left}.cart{position:sticky;top:20px}.pay{width:100%;padding:16px;border:0;border-radius:12px;background:#f9fafb;color:#111827;font-weight:800}.offline{background:#7c2d12;color:#ffedd5;padding:10px 14px;border-radius:10px}@media(max-width:900px){.shell{grid-template-columns:1fr}.side{display:none}.pos{grid-template-columns:1fr}.cart{position:static}}